Difference between revisions of "Team:SUSTech Shenzhen/css/official-toolbar-css"

Revision as of 16:07, 10 October 2016 (view source) ProfFan (Talk | contribs) ← Older edit		Revision as of 14:29, 17 October 2016 (view source) ProfFan (Talk | contribs) Newer edit →
Line 349:		Line 349:
	}		}
	#top_menu_14 h1, #top_menu_14 h2, #top_menu_14 h3, #top_menu_14 h4, #top_menu_14 h5 {		#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;		font-family: Arial, Gadget, sans-serif;
	border-bottom-width: initial;		border-bottom-width: initial;

---

Revision as of 14:29, 17 October 2016

1. sideMenu, #top_title {display:none;}
2. top_menu_14:hover {

 opacity: 1;

}

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;

}

1. 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);

}

1. 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");

}

1. 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;

}

1. top_menu_14 li {

 margin-bottom: 0.1em;

}

1. 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;

}

1. top_menu_inside .has_submenu:hover {

 background-color: rgb(0, 0, 0);
 color: white;
 text-decoration: none;

}

1. 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;

}

1. top_menu_14 a:visited {

 color: rgb(0, 43, 184);

}

1. top_menu_14 a:active {

 color: rgb(0, 43, 184);

}

1. top_menu_14 a:hover {

 text-decoration: underline;

}

1. 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);

}

1. top_menu_inside .intro {

 color: rgb(255, 255, 255);
 font-style: italic;
 font-weight: normal;
 font-size: 16px;

}

1. 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;

}

1. 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;

}

1. top_menu_inside .h1 {

 font-style: normal;
 font-size: 18px;
 line-height: 24px;
 text-decoration: underline;
 text-align: left;

}

1. top_menu_inside .has_submenu .intro a {

 color: rgb(255, 255, 255);
 cursor: pointer;

}

1. top_menu_inside .has_submenu .intro a:hover {

 color: orange;

}

1. top_menu_inside .section .google span {

 padding-left: 20px;

}

1. top_menu_inside #user_item {

 float: right;
 padding-top: 2px;
 margin-right: 100px;
 cursor: pointer;
 color: orange;

}

1. top_menu_inside #user_item:hover {

 background-color: rgb(0, 0, 0);
 color: rgb(255, 200, 100);

}

1. 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;

}

1. top_menu_inside #bars_item {

 position: absolute;
 top: 1px;
 left: 960px;
 z-index: 2;
 cursor: pointer;

}

1. 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%;

}

1. 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;

}

1. 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

1. 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;

}

1. 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;

}

1. 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;

}

1. sideMenu a:visited {

 color: rgb(0, 43, 184);

}

1. sideMenu a:active {

 color: rgb(0, 43, 184);

}

1. sideMenu .subMenu_toggle {

 float: right;
 cursor: pointer;

}

1. sideMenu ul a, #sideMenu ol a {

 font-weight: bold;
 color: rgb(78, 96, 110);

}

1. 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;

}

1. sideMenu a:hover {

 text-decoration: underline;

}

1. sideMenu #home_logo:hover {

 opacity: 0.4;

}

1. 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;

}

1. sideMenu .switch_Menus {

 width: 30px;
 font-size: 18px;
 margin-left: -15px;
 display: block;

}

1. 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;

}

1. sideMenu .sideMenuTitle {

 width: 140px;
 margin-left: 0px;
 font-size: 16px;

}

1. sideMenu .expand_subMenus {

 width: 30px;
 font-size: 20px;
 margin-right: -15px;

}

1. 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");

}

1. sideMenu ul {

 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 15px;
 list-style-type: disc;
 list-style-position: initial;
 list-style-image: initial;

}

1. sideMenu li {

 margin-bottom: 0.1em;

}

1. 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;

}

1. sideMenu ul a, #sideMenu ol a {

 font-weight: bold;
 color: rgb(78, 96, 110);

}

1. 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;

}

1. sideMenu .subMenu_toggle {

 float: right;
 cursor: pointer;

}

1. 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;

}

1. sideMenu ul ul {

 margin-left: 15px;
 list-style-type: none;
 list-style-position: initial;
 list-style-image: initial;
 color: rgb(78, 96, 110);

}

1. sideMenu ul ul a {

 color: black;
 font-weight: normal;

}

1. sideMenu ul ul a:hover {

 color: rgb(242, 118, 49);
 cursor: pointer;

}

1. 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;

}

1. 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