- sideMenu, #top_title {display:none;}
- top_menu_14:hover {
opacity: 1;
}
- top_menu_14 {
opacity: 1; position: fixed; width: 100%; top: 0px; left: 0px; height: 16px; background-color: rgb(56, 56, 56); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: black; z-index: 9999;
}
- top_menu_inside {
display: block; position: relative; width: 960px; height: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: 20px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(200, 200, 200); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(200, 200, 200); font-family: arial, sans-serif; font-size: 12px; font-weight: 400; color: rgb(255, 255, 255);
}
- top_menu_14 ul {
line-height: 1.5em; list-style-type: square; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0px; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-image: url("https://2016.igem.org/wiki/skins/Igem/resources/bullet.gif?2015-09-09T00:46:40Z");
}
- top_menu_inside ul {
list-style-type: none; list-style-position: initial; list-style-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}
- top_menu_14 li {
margin-bottom: 0.1em;
}
- top_menu_inside li {
float: left; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 20px; cursor: pointer; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
}
- top_menu_inside .has_submenu:hover {
background-color: rgb(0, 0, 0); color: white; text-decoration: none;
}
- top_menu_14 a {
text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial;
}
- top_menu_14 a:visited {
color: rgb(0, 43, 184);
}
- top_menu_14 a:active {
color: rgb(0, 43, 184);
}
- top_menu_14 a:hover {
text-decoration: underline;
}
- top_menu_inside .submenu {
display: none; position: absolute; z-index: 10; top: 16px; left: 20px; width: 900px; min-height: 80px; background-color: rgb(0, 0, 0); padding-top: 10px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; box-shadow: rgba(10, 10, 10, 0.74902) 0px 5px 15px 0px; color: rgb(255, 255, 255);
}
- top_menu_inside .intro {
color: rgb(255, 255, 255); font-style: italic; font-weight: normal; font-size: 16px;
}
- top_menu_14 img {
border-top-width: initial; border-right-width: initial; border-bottom-width: initial; border-left-width: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; vertical-align: middle;
}
- top_menu_inside .section {
float: left; width: 190px; font-family: helvitica, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: justify;
}
- top_menu_inside .h1 {
font-style: normal; font-size: 18px; line-height: 24px; text-decoration: underline; text-align: left;
}
- top_menu_inside .has_submenu .intro a {
color: rgb(255, 255, 255); cursor: pointer;
}
- top_menu_inside .has_submenu .intro a:hover {
color: orange;
}
- top_menu_inside .section .google span {
padding-left: 20px;
}
- top_menu_inside #user_item {
float: right; padding-top: 2px; margin-right: 100px; cursor: pointer; color: orange;
}
- top_menu_inside #user_item:hover {
background-color: rgb(0, 0, 0); color: rgb(255, 200, 100);
}
- top_menu_14 hr {
height: 1px; color: rgb(170, 170, 170); background-color: rgb(170, 170, 170); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; margin-top: 0.2em; margin-right: 0px; margin-bottom: 0.2em; margin-left: 0px;
}
- top_menu_inside #bars_item {
position: absolute; top: 1px; left: 960px; z-index: 2; cursor: pointer;
}
- top_title {
display: none;
}
// END TOP BAR
// BEGIN WHY BOX
.pop_why_cover {
display: none; z-index: 100; margin-top: -65px; margin-left: -40px; width: 980px; height: 2100px; float: left; position: absolute; opacity: 0.5; background-color: rgb(178, 178, 178);
} .pop_why_box {
display: none; left: 250px; top: 0px; background-color: white; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; width: 500px; position: absolute; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(78, 96, 110); border-right-color: rgb(78, 96, 110); border-bottom-color: rgb(78, 96, 110); border-left-color: rgb(78, 96, 110); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; z-index: 100;
} .pop_close {
font-size: 25px; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(245, 134, 49); border-right-color: rgb(245, 134, 49); border-bottom-color: rgb(245, 134, 49); border-left-color: rgb(245, 134, 49); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; padding-bottom: 5px; padding-left: 5px; padding-top: 0px; padding-right: 10px; color: rgb(245, 134, 49); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; font-weight: bold; width: 10px; height: 18px; float: right;
} .pop_close:hover {
background-color: rgb(245, 134, 49); color: white;
} .pop_why_box h1, .pop_why_box h2, .pop_why_box h3, .pop_why_box h4, .pop_why_box h5, .pop_why_box h6 {
color: black; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: initial; padding-bottom: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial;
} .pop_why_box h3, .pop_why_box h4, .pop_why_box h5, .pop_why_box h6 {
border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; font-weight: bold;
} .pop_why_box h3 {
font-size: 132%;
}
- top_menu_14 h1, #top_menu_14 h2, #top_menu_14 h3, #top_menu_14 h4, #top_menu_14 h5 {
font-family: Arial, Gadget, sans-serif; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; font-weight: bold;
}
- top_menu_14 .h1, #top_menu_14 .h2, #top_menu_14 .h3, #top_menu_14 .h4, #top_menu_14 .h5 {
font-family: Arial, Gadget, sans-serif; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; font-weight: bold;
}
// END WHY BOX
// BEGIN SIDE BOX
- content {
position: relative; width: 950px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: 20px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: black; border-left-width: initial; border-left-style: none; border-left-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; line-height: 1.5em; z-index: 2; border-top-width: initial; border-bottom-width: initial; border-top-style: none; border-bottom-style: none; border-top-color: initial; border-bottom-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial;
}
- sideMenu {
width: 170px; position: absolute; box-sizing: initial; top: 20px; left: 1020px; z-index: 10; padding-top: 0px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; background-color: white; text-align: left;
}
- sideMenu a {
text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial;
}
- sideMenu a:visited {
color: rgb(0, 43, 184);
}
- sideMenu a:active {
color: rgb(0, 43, 184);
}
- sideMenu .subMenu_toggle {
float: right; cursor: pointer;
}
- sideMenu ul a, #sideMenu ol a {
font-weight: bold; color: rgb(78, 96, 110);
}
- sideMenu .mainMenu_toggle {
width: 24px; text-align: center; float: left; font-size: 12px; margin-right: -17px; margin-left: -14px; padding-left: 5px; padding-bottom: 10px; padding-top: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(242, 242, 242); border-right-color: rgb(242, 242, 242); border-bottom-color: rgb(242, 242, 242); border-left-color: rgb(242, 242, 242); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; transition-duration: 0.1s; transition-timing-function: linear; transition-delay: initial; transition-property: background;
}
- sideMenu a:hover {
text-decoration: underline;
}
- sideMenu #home_logo:hover {
opacity: 0.4;
}
- sideMenu img {
border-top-width: initial; border-right-width: initial; border-bottom-width: initial; border-left-width: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; vertical-align: middle;
}
- sideMenu .switch_Menus {
width: 30px; font-size: 18px; margin-left: -15px; display: block;
}
- sideMenu .sideMenuTitle, #sideMenu .expand_subMenus, #sideMenu .switch_Menus {
height: 30px; padding-top: 10px; float: left; font-weight: bold; color: rgb(78, 96, 110); background-color: rgb(232, 237, 170); cursor: pointer; text-align: center;
}
- sideMenu .sideMenuTitle {
width: 140px; margin-left: 0px; font-size: 16px;
}
- sideMenu .expand_subMenus {
width: 30px; font-size: 20px; margin-right: -15px;
}
- sideMenu ul {
line-height: 1.5em; list-style-type: square; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0px; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-image: url("https://2016.igem.org/wiki/skins/Igem/resources/bullet.gif?2015-09-09T00:46:40Z");
}
- sideMenu ul {
margin-top: 0px; margin-bottom: 0px; margin-left: 15px; list-style-type: disc; list-style-position: initial; list-style-image: initial;
}
- sideMenu li {
margin-bottom: 0.1em;
}
- sideMenu #MainPage_menu ul li {
width: 183px; margin-left: -30px; margin-bottom: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial;
}
- sideMenu ul a, #sideMenu ol a {
font-weight: bold; color: rgb(78, 96, 110);
}
- sideMenu .mainMenu_Title {
width: 152px; float: left; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(242, 242, 242); border-right-color: rgb(242, 242, 242); border-bottom-color: rgb(242, 242, 242); border-left-color: rgb(242, 242, 242); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; font-size: 14px; transition-duration: 0.1s; transition-timing-function: linear; transition-delay: initial; transition-property: background;
}
- sideMenu .subMenu_toggle {
float: right; cursor: pointer;
}
- sideMenu .mainMenu_toggle {
width: 24px; text-align: center; float: left; font-size: 12px; margin-right: -17px; margin-left: -14px; padding-left: 5px; padding-bottom: 10px; padding-top: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(242, 242, 242); border-right-color: rgb(242, 242, 242); border-bottom-color: rgb(242, 242, 242); border-left-color: rgb(242, 242, 242); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; transition-duration: 0.1s; transition-timing-function: linear; transition-delay: initial; transition-property: background;
}
- sideMenu ul ul {
margin-left: 15px; list-style-type: none; list-style-position: initial; list-style-image: initial; color: rgb(78, 96, 110);
}
- sideMenu ul ul a {
color: black; font-weight: normal;
}
- sideMenu ul ul a:hover {
color: rgb(242, 118, 49); cursor: pointer;
}
- sideMenu #MainPage_menu ul li li {
width: 183px; margin-bottom: 0px; margin-left: -15px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(242, 242, 242); border-right-color: rgb(242, 242, 242); border-bottom-color: rgb(242, 242, 242); border-left-color: rgb(242, 242, 242); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-color: white; color: black; font-size: 12px;
}
- sideMenu #MainPage_menu ul li li:hover {
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(93, 168, 138); border-right-color: rgb(93, 168, 138); border-bottom-color: rgb(93, 168, 138); border-left-color: rgb(93, 168, 138); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(93, 168, 138); color: white;
}
// END SIDE BOX