Difference between revisions of "Template:WashU StLouis"

 
(29 intermediate revisions by 2 users not shown)
Line 106: Line 106:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.igem_2017_menu_wrapper {  
 
.igem_2017_menu_wrapper {  
width: 15%;  
+
width: 15vw;  
 
height:100vh;  
 
height:100vh;  
 
position:fixed;
 
position:fixed;
right:0%;
+
left:0%;
 
padding:0px;
 
padding:0px;
float:right;  
+
float:left;  
border-left: 1px solid #d3d3d3;  
+
border-right: 1px solid #d3d3d3;  
background-color:#A9DCF1;  
+
background-color:white;  
 
text-align:left;
 
text-align:left;
 
font-family:"Trebuchet MS", Georgia, Geneva, sans-serif;  
 
font-family:"Trebuchet MS", Georgia, Geneva, sans-serif;  
Line 121: Line 121:
  
 
/* this hides the scrollbar to keep view consistency */
 
/* this hides the scrollbar to keep view consistency */
.igem_2017_menu_wrappe::-webkit-scrollbar {  
+
.igem_2017_menu_wrapper::-webkit-scrollbar {  
 
display: none;  
 
display: none;  
 
}
 
}
Line 142: Line 142:
 
padding: 10px 0px 10px 15px;  
 
padding: 10px 0px 10px 15px;  
 
float:left;  
 
float:left;  
border-bottom: 0.5vw solid #7099ad;  
+
border-bottom: 0.3vw solid #93efea;  
 
font-size: 1vw;  
 
font-size: 1vw;  
 
font-weight: bold;  
 
font-weight: bold;  
color: #597A8A;  
+
color: #66A7A3;  
 
cursor: pointer;
 
cursor: pointer;
 
}
 
}
Line 178: 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: #cbeaf6;  
+
background-color: #b5e1f2;  
 
text-decoration: none;
 
text-decoration: none;
 
color:#ffffff;  
 
color:#ffffff;  
Line 195: Line 195:
 
padding: 10px 0px 10px 34px;  
 
padding: 10px 0px 10px 34px;  
 
float:left;
 
float:left;
background-color:#c8c8c8;  
+
background-color:#add9e6;  
border-bottom: 1px solid #d3d3d3;  
+
border-bottom: 1px solid #add9e6 ;  
font-size: 12px;  
+
font-size: 0.9vw;  
 
color: white;  
 
color: white;  
 
cursor: pointer;
 
cursor: pointer;
Line 221: Line 221:
 
margin: 2%;
 
margin: 2%;
 
display:block;
 
display:block;
float:left;  
+
float:right;  
 
background-color:transparent;  
 
background-color:transparent;  
font-family:Tahoma, Geneva, sans-serif;  
+
font-family:"Trebuchet MS", Tahoma, Geneva, sans-serif;  
 
}
 
}
  
Line 386: Line 386:
 
padding: 12px 10px;
 
padding: 12px 10px;
 
     background-color: #3399ff;
 
     background-color: #3399ff;
     text-align: center;
+
     text-align: left;
 
   color: #ffffff;
 
   color: #ffffff;
 
-webkit-transition: all 0.4s ease;  
 
-webkit-transition: all 0.4s ease;  
Line 435: 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="http://placehold.it/350x150">
+
<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 463: Line 463:
  
 
<div class="menu_button">
 
<div class="menu_button">
<div class="expand_collapse_icon">  </div> TEAM
+
<div class="expand_collapse_icon">  </div> Team
 
</div>  
 
</div>  
  
Line 473: 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 512: Line 519:
 
</a>
 
</a>
  
 
 
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Contribution">
 
<div class="submenu_button"  id="Contribution_page">
 
Contribution
 
</div>
 
</a>
 
  
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Model">
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Model">
Line 549: 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 592: Line 597:
  
 
<div class="menu_button">
 
<div class="menu_button">
<div class="expand_collapse_icon">  </div> PARTS
+
<div class="expand_collapse_icon">  </div> Parts
 
</div>
 
</div>
 
 
 
 
Line 616: Line 621:
 
</a>
 
</a>
  
<a href="https://2017.igem.org/Team:WashU_StLouis/Part_Collection">
+
 
<div class="submenu_button"  id="Part_Collection_page">
+
Part Collection
+
</div>
+
</a>
+
 
</div>  
 
</div>  
  
Line 627: Line 628:
  
 
<div class="menu_button" >
 
<div class="menu_button" >
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
+
<div class="expand_collapse_icon">  </div> Human Practices
 
</div>  
 
</div>  
  
Line 638: Line 639:
 
</div>
 
</div>
 
</a>
 
</a>
 
<a href="https://2017.igem.org/Team:WashU_StLouis/HP/Gold_Integrated">
 
<div class="submenu_button" id="Gold_Integrated_page">
 
Integrated and Gold
 
</div>
 
</a>
 
 
  
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Engagement">
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Engagement">
Line 656: Line 650:
  
 
<div class="menu_button">
 
<div class="menu_button">
<div class="expand_collapse_icon">  </div> AWARDS
+
<div class="expand_collapse_icon">  </div> Awards
 
</div>  
 
</div>  
  
Line 662: Line 656:
 
<div class="submenu_wrapper">
 
<div class="submenu_wrapper">
  
<a href="https://2017.igem.org/Team:WashU_StLouis/Applied_Design">
 
<div class="submenu_button"  id="Applied_Design_page">
 
Applied Design
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Entrepreneurship">
 
<div class="submenu_button"  id="Entrepreneurship_page">
 
Entrepreneurship
 
</div>
 
</a>
 
  
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Hardware">
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Hardware">
Line 680: Line 663:
 
</a>
 
</a>
  
<a href="https://2017.igem.org/Team:WashU_StLouis/Measurement">
 
<div class="submenu_button"  id="Measurement_page">
 
Measurement
 
</div>
 
</a>
 
  
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Model">
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Model">
Line 692: Line 670:
 
</a>
 
</a>
  
<a href="https://2017.igem.org/Team:WashU_StLouis/Plant">
 
<div class="submenu_button"  id="Plant_page">
 
Plant
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:WashU_StLouis/Software">
 
<div class="submenu_button"  id="Software_page">
 
Software
 
</div>
 
</a>
 
  
 
</div>  
 
</div>  
Line 709: 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
+
Judging Form
 
</div>  
 
</div>  
 
</a>
 
</a>

Latest revision as of 22:53, 1 November 2017