Difference between revisions of "Template:2016Top"

Latest revision as of 20:16, 1 December 2015

×

@@ Line 505: / Line 505: @@
 /**********************************************************************************************************************************************************************************************************************************************/
@@ Line 517: / Line 520: @@
 /*  this div will contain the side menu */
-		#HQ_page .sideMenu {
+		 #sideMenu {
 			width: 170px;
 			position: absolute;
@@ Line 537: / 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 543: / Line 546: @@
 /* al links within side menu have no decoration */
-		#HQ_page .sideMenu a:hover {
+		#sideMenu .sideMenu a:hover {
 			text-decoration:none;
 		}
@@ Line 553: / Line 556: @@
 		}
-		#HQ_page #home_logo:hover {
+		#sideMenu #home_logo:hover {
 			opacity: 0.4;
 		 }
@@ Line 562: / Line 565: @@
 /*styling for the Main menu*/
-		#HQ_page #MainPage_menu ul li {
+		#sideMenu #MainPage_menu ul li {
 			width: 183px;
 			margin-left: -30px;
@@ Line 571: / Line 574: @@
 /*main menu button */
-		#HQ_page .mainMenu_Title {
+		 #sideMenu .mainMenu_Title {
 			width: 152px;
 			float:left;
@@ Line 592: / Line 595: @@
 /* toggle button in the main Menu */
-		#HQ_page .mainMenu_toggle {
+		 #sideMenu .mainMenu_toggle {
 			width: 24px;
 			text-align: center;
@@ Line 615: / 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 630: / Line 633: @@
 		/* lists inside the toggle */
-		#HQ_page #MainPage_menu ul li li {
+		 #sideMenu #MainPage_menu ul li li {
 			width: 183px;
@@ Line 647: / 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 666: / Line 669: @@
 	/* This switches between menus     " ▶ " */
-		#HQ_page .switch_Menus {
+		#sideMenu .switch_Menus {
 			width:30px;
 			font-size: 18px;
@@ Line 676: / Line 679: @@
 	/* This holds the title of the menu  "NAME OF HUB MENU " */
-		#HQ_page .sideMenuTitle  {
+		#sideMenu .sideMenuTitle  {
 			width:140px;
 			margin-left: 0px;
@@ Line 685: / Line 688: @@
 	/* This holds the expand all / collapse all button (+) (-)  */
-		#HQ_page .expand_subMenus {
+		#sideMenu .expand_subMenus {
 			width:30px;
 			font-size: 20px;
@@ Line 693: / 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 706: / 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 719: / 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 733: / Line 740: @@
 /* remove indentation in not numbered lists */
-		#HQ_page .sideMenu ul  {
+		#sideMenu ul  {
 			margin-left: 15px;
 			list-style:disc;
@@ Line 739: / 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 750: / 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 759: / Line 766: @@
 /* styling for nested lists */
-		#HQ_page .sideMenu ul  ul {
+		#sideMenu ul  ul {
 			margin-left: 15px;
 			list-style: none;
@@ Line 766: / Line 773: @@
 /* styling for links in nested lists */
-		#HQ_page .sideMenu ul  ul a {
+		#sideMenu ul  ul a {
 			color: black;
 			font-weight:normal;
@@ Line 772: / 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 779: / Line 786: @@
 </style>
@@ Line 800: / Line 804: @@
 			<!-----------------------------------------------------------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 ...