@@ Line 39: / Line 39: @@
 		}
-	/*First heading styling */
-		.firstHeading {
-    			 padding-top: 20px;
-			border-bottom: none;
-			padding-left: 165px;
-		}
-    		.2016_Logo {
-    			margin-top:-60px;
-    		}
 	/*left align BMB */
@@ Line 512: / Line 505: @@
 /**********************************************************************************************************************************************************************************************************************************************/
@@ Line 524: / Line 520: @@
 /*  this div will contain the side menu */
-		#HQ_page .sideMenu {
+		 #sideMenu {
 			width: 170px;
 			position: absolute;
@@ Line 544: / Line 540: @@
 /* for all lists created within the sideMenu container - no spacing between top or bottom */
-		#HQ_page .sideMenu ul {
+		#sideMenu ul {
 			margin-top:0px;
 			margin-bottom: 0px;
@@ Line 550: / Line 546: @@
 /* al links within side menu have no decoration */
-		#HQ_page .sideMenu a:hover {
+		#sideMenu .sideMenu a:hover {
 			text-decoration:none;
 		}
@@ Line 560: / Line 556: @@
 		}
-		#HQ_page #home_logo:hover {
+		#sideMenu #home_logo:hover {
 			opacity: 0.4;
 		 }
@@ Line 569: / Line 565: @@
 /*styling for the Main menu*/
-		#HQ_page #MainPage_menu ul li {
+		#sideMenu #MainPage_menu ul li {
 			width: 183px;
 			margin-left: -30px;
@@ Line 578: / Line 574: @@
 /*main menu button */
-		#HQ_page .mainMenu_Title {
+		 #sideMenu .mainMenu_Title {
 			width: 152px;
 			float:left;
@@ Line 599: / Line 595: @@
 /* toggle button in the main Menu */
-		#HQ_page .mainMenu_toggle {
+		 #sideMenu .mainMenu_toggle {
 			width: 24px;
 			text-align: center;
@@ Line 622: / Line 618: @@
 /*hover styling for main menu item and main menu toggle */
-		#HQ_page .mainMenu_Title:hover,
+		 #sideMenu .mainMenu_Title:hover,
-		#HQ_page .mainMenu_toggle:hover  {
+		  #sideMenu .mainMenu_toggle:hover  {
 			border: solid 1px #5da88a;
@@ Line 637: / Line 633: @@
 		/* lists inside the toggle */
-		#HQ_page #MainPage_menu ul li li {
+		 #sideMenu #MainPage_menu ul li li {
 			width: 183px;
@@ Line 654: / Line 650: @@
 		/* hover for the lists inside the toggle */
-		#HQ_page #MainPage_menu ul li li:hover {
+		 #sideMenu #MainPage_menu ul li li:hover {
 			border: solid 1px #5da88a;
 			background: #5da88a;
@@ Line 673: / Line 669: @@
 	/* This switches between menus     " ▶ " */
-		#HQ_page .switch_Menus {
+		#sideMenu .switch_Menus {
 			width:30px;
 			font-size: 18px;
@@ Line 683: / Line 679: @@
 	/* This holds the title of the menu  "NAME OF HUB MENU " */
-		#HQ_page .sideMenuTitle  {
+		#sideMenu .sideMenuTitle  {
 			width:140px;
 			margin-left: 0px;
@@ Line 692: / Line 688: @@
 	/* This holds the expand all / collapse all button (+) (-)  */
-		#HQ_page .expand_subMenus {
+		#sideMenu .expand_subMenus {
 			width:30px;
 			font-size: 20px;
@@ Line 700: / Line 696: @@
 	/* declares the height and color that three elements have in common */
-		#HQ_page .sideMenuTitle, #HQ_page .expand_subMenus, #HQ_page .switch_Menus {
+		#sideMenu .sideMenuTitle,
+		#sideMenu .expand_subMenus,
+		#sideMenu .switch_Menus {
 			height:30px;
 			padding-top:10px;
@@ Line 713: / Line 711: @@
 	/* declares hover state, background turns orange and font becomes white */
-		#HQ_page .sideMenuTitle:hover, #HQ_page .expand_subMenus:hover, #HQ_page .switch_Menus:hover {
+		#sideMenu .sideMenuTitle:hover,
+		#sideMenu .expand_subMenus:hover,
+		#sideMenu .switch_Menus:hover {
 			background-color:#f17530;
 			color:white;
@@ Line 726: / Line 726: @@
 /* h4 titles used in hub menus change to turquoise */
-		#HQ_page .sideMenu h4 {
+		#sideMenu h4 {
 			color: #5ba88a;
 		}
 /* toggle ▼*/
-		#HQ_page .subMenu_toggle {
+		#sideMenu .subMenu_toggle {
 			float:right;
 			cursor:pointer;
@@ Line 740: / Line 740: @@
 /* remove indentation in not numbered lists */
-		#HQ_page .sideMenu ul  {
+		#sideMenu ul  {
 			margin-left: 15px;
 			list-style:disc;
@@ Line 746: / Line 746: @@
 /* remove indentation in numbered lists */
-		#HQ_page .sideMenu ol  {
+		#sideMenu ol  {
 			margin-left: 17px;
 		}
 /* declare the color of links in both types of lists */
-		#HQ_page .sideMenu ul a , #HQ_page .sideMenu ol a {
+		#sideMenu ul a , #sideMenu ol a {
 			font-weight:bold;
 			color: #4e606e;
@@ Line 757: / Line 757: @@
 /* declare the color of links in hover state  in both types of lists */
-		#HQ_page .sideMenu ul a:hover, #HQ_page .sideMenu ol a:hover {
+		#sideMenu ul a:hover, #HQ_page #sideMenu ol a:hover {
 			color:#f27631;
 		}
@@ Line 766: / Line 766: @@
 /* styling for nested lists */
-		#HQ_page .sideMenu ul  ul {
+		#sideMenu ul  ul {
 			margin-left: 15px;
 			list-style: none;
@@ Line 773: / Line 773: @@
 /* styling for links in nested lists */
-		#HQ_page .sideMenu ul  ul a {
+		#sideMenu ul  ul a {
 			color: black;
 			font-weight:normal;
@@ Line 779: / Line 779: @@
 /*styling for hover state of links in nested lists */
-		#HQ_page .sideMenu ul  ul a:hover {
+		#sideMenu ul  ul a:hover {
 			color:#f27631;
 			cursor:pointer;
@@ Line 786: / Line 786: @@
 </style>
@@ Line 804: / Line 801: @@
 			<!-----------------------------------------------------------Logo --------------------------------------------------------------->
-			<div class="2016_Logo">
-			<img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg">
-			</div>
 			<!-----------------------------------------------------------Menu --------------------------------------------------------------->
-			<div class="sideMenu">
-				<a href="https://2016.igem.org">
-					<div id="home_logo" >
-						<img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg">
-					</div>
-				</a>
-				<div style="clear:both; height:5px;"></div>
-				<div id="menuDisplay">  <!- Menu will be loaded here ->
-				</div>
-			</div>
 			<!--------------------------------------------------------------------------------------------------------------------------------->

Difference between revisions of "Template:2016Top"

Latest revision as of 20:16, 1 December 2015

Loading ...