(41 intermediate revisions by 2 users not shown) | |||
Line 28: | Line 28: | ||
}); | }); | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
// call the current page highlight function | // call the current page highlight function | ||
Line 109: | Line 106: | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
.igem_2017_menu_wrapper { | .igem_2017_menu_wrapper { | ||
− | width: | + | width: 15vw; |
height:100vh; | height:100vh; | ||
position:fixed; | position:fixed; | ||
− | + | left:0%; | |
padding:0px; | padding:0px; | ||
− | float: | + | float:left; |
− | border- | + | border-right: 1px solid #d3d3d3; |
− | background-color: | + | background-color:white; |
text-align:left; | text-align:left; | ||
− | font-family:Georgia, Geneva, sans-serif; | + | font-family:"Trebuchet MS", Georgia, Geneva, sans-serif; |
overflow-y: auto; | overflow-y: auto; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
Line 124: | Line 121: | ||
/* this hides the scrollbar to keep view consistency */ | /* this hides the scrollbar to keep view consistency */ | ||
− | . | + | .igem_2017_menu_wrapper::-webkit-scrollbar { |
display: none; | display: none; | ||
} | } | ||
Line 145: | Line 142: | ||
padding: 10px 0px 10px 15px; | padding: 10px 0px 10px 15px; | ||
float:left; | float:left; | ||
− | border-bottom: | + | border-bottom: 0.3vw solid #93efea; |
− | font-size: | + | font-size: 1vw; |
font-weight: bold; | font-weight: bold; | ||
− | color: | + | color: #66A7A3; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
Line 181: | Line 178: | ||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | ||
− | background-color: # | + | background-color: #b5e1f2; |
text-decoration: none; | text-decoration: none; | ||
color:#ffffff; | color:#ffffff; | ||
Line 198: | Line 195: | ||
padding: 10px 0px 10px 34px; | padding: 10px 0px 10px 34px; | ||
float:left; | float:left; | ||
− | background-color:# | + | background-color:#add9e6; |
− | border-bottom: 1px solid # | + | border-bottom: 1px solid #add9e6 ; |
− | font-size: | + | font-size: 0.9vw; |
color: white; | color: white; | ||
cursor: pointer; | cursor: pointer; | ||
Line 224: | Line 221: | ||
margin: 2%; | margin: 2%; | ||
display:block; | display:block; | ||
− | float: | + | float:right; |
background-color:transparent; | background-color:transparent; | ||
− | font-family:Tahoma, Geneva, sans-serif; | + | font-family:"Trebuchet MS", Tahoma, Geneva, sans-serif; |
} | } | ||
Line 389: | Line 386: | ||
padding: 12px 10px; | padding: 12px 10px; | ||
background-color: #3399ff; | background-color: #3399ff; | ||
− | text-align: | + | text-align: left; |
color: #ffffff; | color: #ffffff; | ||
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
Line 408: | Line 405: | ||
/***************************************************** RESPONSIVE STYLING ****************************************************/ | /***************************************************** RESPONSIVE STYLING ****************************************************/ | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 463: | Line 435: | ||
− | <div class="igem_2017_menu_wrapper" > | + | <div class="igem_2017_menu_wrapper" style="text-align:left"> |
− | + | ||
+ | <div style="text-align:center"> | ||
<a href="https://2017.igem.org/Team:WashU_StLouis"> | <a href="https://2017.igem.org/Team:WashU_StLouis"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2017/7/7c/T--WashU_StLouis--wustligemlogo.jpg" style="height:8vw;width:8vw"/> |
</a> | </a> | ||
− | + | </div> | |
<!-- this div is hidden by default and will only be displayed if the screen size is too small --> | <!-- this div is hidden by default and will only be displayed if the screen size is too small --> | ||
Line 491: | Line 463: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> Team |
</div> | </div> | ||
Line 501: | Line 473: | ||
</div> | </div> | ||
</a> | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:WashU_StLouis/TeamPictures"> | ||
+ | <div class="submenu_button" id="TeamPictures_page"> | ||
+ | Team Pictures | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
<a href="https://2017.igem.org/Team:WashU_StLouis/Collaborations"> | <a href="https://2017.igem.org/Team:WashU_StLouis/Collaborations"> | ||
Line 513: | Line 492: | ||
− | + | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> Project |
</div> | </div> | ||
− | + | ||
<!-- project submenu --> | <!-- project submenu --> | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:WashU_StLouis/Background"> | ||
+ | <div class="submenu_button" id="Background_page"> | ||
+ | Background | ||
+ | </div> | ||
+ | </a> | ||
<a href="https://2017.igem.org/Team:WashU_StLouis/Description"> | <a href="https://2017.igem.org/Team:WashU_StLouis/Description"> | ||
Line 531: | Line 516: | ||
<div class="submenu_button" id="Design_page"> | <div class="submenu_button" id="Design_page"> | ||
Design | Design | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:WashU_StLouis/Model"> | <a href="https://2017.igem.org/Team:WashU_StLouis/Model"> | ||
Line 587: | Line 548: | ||
<div class="submenu_button" id="Attributions_page"> | <div class="submenu_button" id="Attributions_page"> | ||
Attributions | Attributions | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:WashU_StLouis/Citations"> | ||
+ | <div class="submenu_button" id="Citations_page"> | ||
+ | Citations | ||
</div> | </div> | ||
</a> | </a> | ||
Line 593: | Line 560: | ||
− | + | <div class="menu_button"> | |
+ | <div class="expand_collapse_icon"> </div> Wet Lab | ||
+ | </div> | ||
+ | |||
+ | <!--wet lab submenu--> | ||
+ | <div class="submenu_wrapper"> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:WashU_StLouis/Notebook"> | ||
+ | <div class="submenu_button" id="Notebook_page"> | ||
+ | Notebook | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:WashU_StLouis/Experiments-Protocols"> | ||
+ | <div class="submenu_button" id="Experiments-Protocols_page"> | ||
+ | Experiments/Protocols | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:WashU_StLouis/InterLab"> | ||
+ | <div class="submenu_button" id="InterLab_page"> | ||
+ | InterLab | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2017.igem.org/Team:WashU_StLouis/Safety"> | ||
+ | <div class="submenu_button" id="Safety_page"> | ||
+ | Safety | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> Parts |
</div> | </div> | ||
Line 622: | Line 621: | ||
</a> | </a> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 647: | Line 628: | ||
<div class="menu_button" > | <div class="menu_button" > | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> Human Practices |
</div> | </div> | ||
Line 658: | Line 639: | ||
</div> | </div> | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:WashU_StLouis/Engagement"> | <a href="https://2017.igem.org/Team:WashU_StLouis/Engagement"> | ||
Line 676: | Line 650: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> Awards |
</div> | </div> | ||
Line 682: | Line 656: | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:WashU_StLouis/Hardware"> | <a href="https://2017.igem.org/Team:WashU_StLouis/Hardware"> | ||
Line 700: | Line 663: | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:WashU_StLouis/Model"> | <a href="https://2017.igem.org/Team:WashU_StLouis/Model"> | ||
Line 712: | Line 670: | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 729: | Line 675: | ||
<a href="https://igem.org/2017_Judging_Form?team=WashU_StLouis"> | <a href="https://igem.org/2017_Judging_Form?team=WashU_StLouis"> | ||
<div class="menu_button direct_to_page"> | <div class="menu_button direct_to_page"> | ||
− | + | Judging Form | |
</div> | </div> | ||
</a> | </a> |
Latest revision as of 22:53, 1 November 2017