/****** FOR SPECIAL HEADERS* FROM infinity-extras.css *******/ .container { position: relative; background: #eee;/*fff*/ } .infmain { width: 100%; padding: 0; background: #eee;*/ margin:0 ; text-align: left; } .infmenu{ padding: 0; margin:0px 6vw 24px 6vw; background-color: #eee; border-right:1px solid #fff; text-align: left; line-height: 20px; } /* for horizontal menubar*/ .menubg{ border-top:1px solid #333; border-left:1px solid #666; border-right:1px solid #fff; } /* for title-pages*/ .infinner { padding: 0% 3vw; margin:0px 0vw 24px 0vw; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #fff; background-color: #fff; text-align: left; line-height: 20px; } .infinnergrey{ padding: 0% 3vw; margin:0px 0vw 24px 0vw; border-top:1px solid grey; border-left: 1px solid grey; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; text-align: left; line-height: 20px; } .infinnerblog{ padding: 0px 3vw 2px 3vw; margin: 0px 0vw 5px 0vw; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; text-align: left; line-height: 20px; } /*ONLY IN CPSD*/ .menubtn { position: absolute; z-index: 1; left: 0; top: 0%; width: 100%; line-height: 40px; } /* NOT USED ANYWHERE? */ //.closebutton{ border:none; background:rgba(1,1,1,0); font-size:20px; line-height:140px; } //.topline{ border:none; background:rgba(1,1,1,0); color: #003366; font-size:30px; /* line-height:140px; */ /* margin-left: 6vw; */ } //.panel2{ list-style-type: none; text-indent:10px; text-decoration: none;} /* REMOVED FROM infe-sidenav when changed to infe-sidenav-A*/ //.clearfix .clearfix::after { content: ""; clear: both; display: table;} //.snSubMenuItems {/* USED ???*/ float: left; background-color: white;/* #f1f1f1; */ /*yellow*/ padding: 0px 3px 0px 0px; /* XXX - 0px 3px 0px 0px;THIS CAN BE USED TO LOWER SUBMENU BLOCK */ margin: 0px -6px -4px 0px; /* WHY??0px -6px -4px 0px; */ width: 250px; /* XXXX NOT USED WAS 240; 220*/ border:none; /* -left: none; */ display: block; } //.snSubMenuItems li { /* XXXX not used */ display: block; background-color: #f1f1f1; /* yellow; */ list-style-type:none; /* XXXX not used ?? */ margin: 0px ; /* XXX Not used: was 0px 0px 0px -40px;*/ line-height:24px;/* padding: 4px 0px 4px 0px; */ /*.3em 0em .3em 0em; */ font-family: Avenir Next, Avenir, Vito, Helvetica, Geneva, Arial, Calibri, Verdana, Tahoma, sans-serif; font-size: 12pt; color: #036; text-decoration-line: underline; /* XXXX not used */ text-decoration-color: green; border-top: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 2px solid #aaa; border-right: 2px solid #aaa; } //.snSubMenuItems li a {/*not in menustyles*/ color: #036; text-decoration: none; } //.snSubMenuItems li:hover { background-color: #ccc; } /* ********* START OF SIDENAVS *********** */ /* ******** CHANGE CLASS NAMES ********* */ /* ***** when Accordion is no longer used ****** */ .snTab { /* SN: for main menus) */ float: left; border: 0; /* 1px solid #ccc; */ background-color: #f1f1f1; width: 250px; /* 100 SNA XXX */ /* margin-left:40px; text-indent:-28px; */ } /* Style the buttons inside the snTab */ .snTab button { /* SN: MAIN MENUS */ display: block; background-color: #ddd; /*NORMALLY NOT VISIBLE, But*/ color: #036; line-height:20px; /* XXXX Could be changed but: double lines!] */ padding: 8px 4px 8px 9px; /* .3em 6px .3em 16px; */ width: 100%; border-top: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 1px solid #036; border-right: 0px; /* 1px solid #036; */ margin: 0px 10px 0px 0px; /* XXXX NOT CLEAR WHY */ text-align: left; cursor: pointer; font-size: 12pt; } /* Change background color of buttons on hove1`1r */ .snTab button:hover { background-color: #c6c6c6; } /* Create an active/current "snTab button" class */ .snTab button.active { /* USED */ background-color: #ccc; } .sideNavOuter{ position: absolute; background-color:#fff; opacity:1; border-top: solid 1px #036; border-left: solid 1px #036; border-right: solid 2px #036; border-bottom: solid 1px #036; overflow: hidden; width: 250px; /*TOTAL WIDTH OF MAIN + SUB MENUS*/ display: block; /* border: 0; */ /*deletes above!*/ padding: 0; /* margin-left: -100px; NOT USED */ /*-3vw;*/ z-index:1; background-color : #eee ;/*red;*/ } /* ZZZZ- 4/5/25 */ .sidenavpanel { /* XXX NOT USED? */ padding: 0 0 0 0px; background-color: white; width: 100%;/*100%;*/ max-height: 0; overflow: auto; transition: max-height 0.2s ease-out; } .sidenavpanel ul{ list-style: none; /* Remove HTML bullets */ list-style-type:none; padding: 0px; margin: 0; } .sidenav { position: absolute; z-index: 1; border: 2px solid grey; border-left: 1px solid grey; background-color: #efefef; overflow-x: auto; margin-left: -3vw; margin-top:0px; } .sidenav a { padding: 0px 8px 0px 3vw; /* font-family: Times, serif; */ text-decoration: none; font-size: 14px; font-weight:400; font-variant:small-caps; line-height:18px; display: block; } /* .sidenav a:hover { font-weight:500; text-decoration: underline; }*/ .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 30px; color: #012; } /* ********* START OF NAVIGATION BTNS ************* */ .menubtnnew { /*in titlepages without header in grey */ position: fixed; z-index: 1; top: 85px; /*50%;*/ left: .4vw; /*1.4 small; .4 big; see tlclose*/ width: 50px; font-size:30px; /*20 small; 30 big; see tlclose*/ color:#036; cursor: pointer; } .menubtnother { /*in other texts with header in grey */ position: fixed; z-index: 1; top: 155px; /*50%;*/ left: .4vw; /*1.4 small; .4 big; see tlclose*/ width: 50px; font-size:30px; /*20 small; 30 big; see tlclose*/ color:#036; cursor: pointer; } .tlclose { margin-top: -7px; /* -7 small; -14 big*/ margin-left:-1px; /* -2 small; -4 big*/ font-size:42px; /* 30 small; 50 big*/ color:#036; } .tlcloseother { margin-top:0px; /* -7 small; -14 big*/ margin-left:-1px; /* -2 small; -4 big*/ font-size:42px; /* 30 small; 50 big*/ color:#036; } div.prev { position: fixed; bottom: 25px; /*50%;*/ left: 1.1vw; /* 1.8vw small; 1.1vw big )*/ width: 20px; font-size:50px; /* 35 small; 50 big*/ color:#036; cursor:pointer; } div.infe-prev { position: fixed; bottom: 15px; /*50%;*/ left:.5vw; /* 1.8vw small; 1.1vw big )*/ width: 30px; font-size:50px; /* 35 small; 50 big*/ color:#036; cursor:pointer; } div.next { position: fixed; bottom: 20px; /*50%;*/ right:3.2vw; /* 1.8vw small; 3.2vw big */ width: 15px; font-size:50px; /* 35 small; 50 big */ color:#036; cursor:pointer; } div.infe-next { position: fixed; bottom: 15px; /*50%;*/ right:.8vw; /* 1.8vw small; 3.2vw big */ width: 20px; font-size:50px; /* 35 small; 50 big */ color:#036; cursor:pointer; } div.back{ position: fixed; bottom: 20px; /*50%;*/ left:.3vw; /* .3vw small; .3vw big*/ width: 15px; font-family: "Cambria Math", "Avenir Next", Avenir, Vito, Helvetica, Geneva, Arial, Calibri, Verdana, Tahoma, sans-serif; font-size:30px; /* 22 small; 30 big*/ color:#036; cursor:pointer; } div.back-up{ position: fixed; bottom: 60px; /*50%;*/ left:.3vw; /* .3vw small; .3vw big*/ width: 15px; font-family: "Cambria Math", "Avenir Next", Avenir, Vito, Helvetica, Geneva, Arial, Calibri, Verdana, Tahoma, sans-serif; font-size:30px; /* 22 small; 30 big*/ color:#036; cursor:pointer; } /**** For Infinity-Content ***/ .ftitleSkinny{ font-weight:400; } .fbgwhite{ background-color:white; } .ftitleNormal{ font-weight:450; } .ftitleBold{ font-weight:600; } /* This is for use in mafiles only */ /* ALSO IN menus-styles.css */ .madate{ text-transform:lowercase; font-variant:small-caps; font-style:normal; } /**********************************/ /******* FOR SIDENAVS ********/ /* The Magic */ ul.MenuBarHorizontal { color: white; /*#036; not in SACCS*/ border: none; margin: 1px auto; padding: 0; list-style-type: none; font-size: 100%; text-align: center; cursor: default; /*width set in responsive */ } .dropdown-content { display: none; color: white; /* #036; ???*/ position: absolute; background-color: #f9f9f9; width: 250px; /*250px; min-width: 130px; WAS 120 XXX*/ /* line-height:10px; */ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: white; height:21px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #333; border-bottom:1px solid #333; padding-top:4px; text-decoration: none; display: block; text-align: left; color: white; } /* .dropdown-content a:hover { text-decoration: underline; } */ li.dropdown { margin: 0px 0px; float: left; display: inline-block; padding: 0px; } .dropbtn { display: inline-block; margin: 0px 1px; border-top:2px solid #ccc; border-right:2px solid #666; border-bottom:2px solid #666; border-left:2px solid #ccc; padding-top: 1px; /*TOP CAN BE MADE MORE IF MENUBAR IS HIGHER*/ list-style-type: none; font-size: 100%; letter-spacing:0.5px; /* 1px in SACCS*/ text-align:center; text-decoration: none; cursor: pointer; height:27px; background-color: #8899AA; color: white; } .dropdown a:hover, dropdown a:focus{ background-color: #003366; /* was #33c; #003366*/ color: #FFF; text-decoration:underline; } .dropdown:hover .dropdown-content { display: block; } .dropdown a, dropdown a:visited { display: block; cursor: pointer; background-color:#8899AA; color: #FFF; text-decoration: none; } .liSidenav a { list-style-type: none; margin-left:-28px; text-decoration-line: none; } /* [XXXX used] */ .liSidenav a:hover { font-weight:500; text-decoration: underline; }/* [XXXX used] */ .menuSidenav{ /*XXXX ???*/ background-color:green; padding-left: 0px; /*XXXX weird effect*/ text-indent: 0px; /*XXXX USABLE but see above! */ list-style-type:none; /* transition: all 2s ease-in-out; */ } .menuSidenav:hover{ text-decoration: underline; } /****** HACKS TO ACCOMODATE IE QUIRKS ****/ /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive{ z-index: 1000; } /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe{ position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection{ ul.MenuBarHorizontal li.MenuBarItemIE{ display: inline; float: left; background: #FFF; } /******** HORIZONTAL MENU STYLES **********/ ul.MenuBarHorizontal { color: white; /*#036; not in SACCS*/ border: none; margin: 1px auto; padding: 0; /* 20px XXX*/ list-style-type: none; font-size: 100%; text-align: center; cursor: default; /*width set in responsive */ } /****** HACKS TO ACCOMODATE IE QUIRKS ****/ /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive{ z-index: 1000; } /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe{ position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection{ ul.MenuBarHorizontal li.MenuBarItemIE{ display: inline; f\loat: left; background: #FFF; } } .noUnderline{ text-decoration-line: none; } /***** END OF HORIZONTAL MENU STYLES *****/