Difference between revisions of "Template:2016Top"

 
(15 intermediate revisions by the same user not shown)
Line 39: Line 39:
 
}
 
}
  
−
/*First heading styling */
 
−
.firstHeading {
 
−
    padding-top: 20px;
 
−
border-bottom: none;
 
−
margin-left: 15px;
 
  
−
}
+
 
 +
 
 +
 
  
  
Line 52: Line 49:
 
margin-left: 20px;  
 
margin-left: 20px;  
 
}
 
}
−
 
  
  
Line 509: Line 505:
  
 
/**********************************************************************************************************************************************************************************************************************************************/
 
/**********************************************************************************************************************************************************************************************************************************************/
 +
 +
 +
  
  
Line 521: Line 520:
  
 
/*  this div will contain the side menu */
 
/*  this div will contain the side menu */
−
#HQ_page .sideMenu {
+
#sideMenu {
 
width: 170px;
 
width: 170px;
 
position: absolute;
 
position: absolute;
−
display:none;
+
 
  
 
top:20px;
 
top:20px;
Line 541: Line 540:
  
 
/* for all lists created within the sideMenu container - no spacing between top or bottom */
 
/* for all lists created within the sideMenu container - no spacing between top or bottom */
−
#HQ_page .sideMenu ul {  
+
#sideMenu ul {  
 
margin-top:0px;  
 
margin-top:0px;  
 
margin-bottom: 0px;
 
margin-bottom: 0px;
Line 547: Line 546:
  
 
/* al links within side menu have no decoration */  
 
/* al links within side menu have no decoration */  
−
#HQ_page .sideMenu a:hover {
+
#sideMenu .sideMenu a:hover {
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
Line 554: Line 553:
 
#HQ_page #home_logo {
 
#HQ_page #home_logo {
 
margin-bottom:10px;   
 
margin-bottom:10px;   
 +
margin-top:10px; 
 
}
 
}
  
−
#HQ_page #home_logo:hover {  
+
#sideMenu #home_logo:hover {  
 
opacity: 0.4;
 
opacity: 0.4;
 
}
 
}
Line 565: Line 565:
  
 
/*styling for the Main menu*/
 
/*styling for the Main menu*/
−
#HQ_page #MainPage_menu ul li {
+
#sideMenu #MainPage_menu ul li {
 
width: 183px;
 
width: 183px;
 
margin-left: -30px;
 
margin-left: -30px;
Line 574: Line 574:
  
 
/*main menu button */
 
/*main menu button */
−
#HQ_page .mainMenu_Title {
+
#sideMenu .mainMenu_Title {
 
width: 152px;  
 
width: 152px;  
 
float:left;
 
float:left;
Line 595: Line 595:
  
 
/* toggle button in the main Menu */
 
/* toggle button in the main Menu */
−
#HQ_page .mainMenu_toggle {
+
#sideMenu .mainMenu_toggle {
 
width: 24px;
 
width: 24px;
 
text-align: center;
 
text-align: center;
Line 618: Line 618:
  
 
/*hover styling for main menu item and main menu toggle */
 
/*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;
 
border: solid 1px #5da88a;
Line 633: Line 633:
  
 
/* lists inside the toggle */
 
/* lists inside the toggle */
−
#HQ_page #MainPage_menu ul li li {
+
#sideMenu #MainPage_menu ul li li {
 
width: 183px;
 
width: 183px;
  
Line 650: Line 650:
  
 
/* hover for the lists inside the toggle */
 
/* 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;
 
border: solid 1px #5da88a;
 
background: #5da88a;
 
background: #5da88a;
Line 669: Line 669:
  
 
/* This switches between menus    " ▶ " */
 
/* This switches between menus    " ▶ " */
−
#HQ_page .switch_Menus {
+
#sideMenu .switch_Menus {
 
width:30px;
 
width:30px;
 
font-size: 18px;
 
font-size: 18px;
Line 679: Line 679:
  
 
/* This holds the title of the menu  "NAME OF HUB MENU " */
 
/* This holds the title of the menu  "NAME OF HUB MENU " */
−
#HQ_page .sideMenuTitle  {  
+
#sideMenu .sideMenuTitle  {  
 
width:140px;
 
width:140px;
 
margin-left: 0px;  
 
margin-left: 0px;  
Line 688: Line 688:
  
 
/* This holds the expand all / collapse all button (+) (-)  */
 
/* This holds the expand all / collapse all button (+) (-)  */
−
#HQ_page .expand_subMenus {
+
#sideMenu .expand_subMenus {
 
width:30px;
 
width:30px;
 
font-size: 20px;
 
font-size: 20px;
Line 696: Line 696:
  
 
/* declares the height and color that three elements have in common */
 
/* 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;  
 
height:30px;  
 
padding-top:10px;
 
padding-top:10px;
Line 709: Line 711:
  
 
/* declares hover state, background turns orange and font becomes white */
 
/* 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;  
 
background-color:#f17530;  
 
color:white;
 
color:white;
Line 722: Line 726:
  
 
/* h4 titles used in hub menus change to turquoise */
 
/* h4 titles used in hub menus change to turquoise */
−
#HQ_page .sideMenu h4 {
+
#sideMenu h4 {
 
color: #5ba88a;
 
color: #5ba88a;
 
}
 
}
  
 
/* toggle ▼*/
 
/* toggle ▼*/
−
#HQ_page .subMenu_toggle {  
+
#sideMenu .subMenu_toggle {  
 
float:right;  
 
float:right;  
 
cursor:pointer;
 
cursor:pointer;
Line 736: Line 740:
  
 
/* remove indentation in not numbered lists */  
 
/* remove indentation in not numbered lists */  
−
#HQ_page .sideMenu ul  {
+
#sideMenu ul  {
 
margin-left: 15px;  
 
margin-left: 15px;  
 
list-style:disc;  
 
list-style:disc;  
Line 742: Line 746:
  
 
/* remove indentation in numbered lists */  
 
/* remove indentation in numbered lists */  
−
#HQ_page .sideMenu ol  {
+
#sideMenu ol  {
 
margin-left: 17px;
 
margin-left: 17px;
 
}
 
}
  
 
/* declare the color of links in both types of lists */  
 
/* 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;  
 
font-weight:bold;  
 
color: #4e606e;  
 
color: #4e606e;  
Line 753: Line 757:
  
 
/* declare the color of links in hover state  in both types of lists */  
 
/* 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;
 
color:#f27631;
 
}
 
}
Line 762: Line 766:
  
 
/* styling for nested lists */
 
/* styling for nested lists */
−
#HQ_page .sideMenu ul  ul {  
+
#sideMenu ul  ul {  
 
margin-left: 15px;  
 
margin-left: 15px;  
 
list-style: none;  
 
list-style: none;  
Line 769: Line 773:
  
 
/* styling for links in nested lists */
 
/* styling for links in nested lists */
−
#HQ_page .sideMenu ul  ul a {
+
#sideMenu ul  ul a {
 
color: black;  
 
color: black;  
 
font-weight:normal;
 
font-weight:normal;
Line 775: Line 779:
  
 
/*styling for hover state of links in nested lists */
 
/*styling for hover state of links in nested lists */
−
#HQ_page .sideMenu ul  ul a:hover {  
+
#sideMenu ul  ul a:hover {  
 
color:#f27631;  
 
color:#f27631;  
 
cursor:pointer;
 
cursor:pointer;
Line 782: Line 786:
  
 
</style>
 
</style>
−
 
−
 
−
 
  
  
Line 798: Line 799:
  
  
−
<!-----------------------------------------------------------Menu --------------------------------------------------------------->
+
<!-----------------------------------------------------------Logo --------------------------------------------------------------->
  
−
<div class="sideMenu">
 
  
−
<a href="https://2015.igem.org/Demo_mainpage"> 
+
<!-----------------------------------------------------------Menu --------------------------------------------------------------->
−
<div id="home_logo" > 
+
−
<img  style="float:left;" src="https://static.igem.org/mediawiki/2015/2/2a/Igemlogo_banner.jpg" width="60px"> 
+
−
<h1 style="float:left; padding-left:20px; padding-top:20px;"> 2016 </h1>
+
−
</div>
+
−
</a>
+
  
−
<div style="clear:both; height:5px;"></div>
 
−
 
−
<div id="menuDisplay">  <!- Menu will be loaded here ->
 
−
 
−
</div>
 
−
</div>
 
  
 
<!--------------------------------------------------------------------------------------------------------------------------------->
 
<!--------------------------------------------------------------------------------------------------------------------------------->
Line 830: Line 819:
 
</div>
 
</div>
 
<!--------------------------------------------------------------------------------------------------------------------------------->
 
<!--------------------------------------------------------------------------------------------------------------------------------->
 +
  
  

Latest revision as of 20:16, 1 December 2015

×

Loading ...