Difference between revisions of "Team:Exeter/dis"

Line 441: Line 441:
 
/*Mobile and small screen css*/
 
/*Mobile and small screen css*/
 
@media (max-width: 767px){
 
@media (max-width: 767px){
−
.link_fix{
+
.div_vl.backgroundimage{
 +
height:67vh;
 +
background-size: auto 200%;
 +
}
 +
.div_l{
 
display:none;
 
display:none;
 
}
 
}
−
.div_vl.backgroundimage{
+
#logo_Banner_Desktop{
−
background-image: url('#');
+
display:none;
−
background:#ddd;
+
 
}
 
}
−
#title{
+
#logo_Banner_Mobile{
−
font-size:150%;
+
display:block;
 +
width:100%;
 +
max-width:200px;
 +
margin:auto;
 
}
 
}
−
/*Makes side pictures on banner invisible on small screens*/
+
#dropdownMenu1{
−
/*as it clutters screen*/
+
padding:2.5% 0 2% 0;
−
.subdiv_banner.left, .subdiv_banner.right{
+
margin:-1.6% auto -1.4% 0.9%;
−
display:none;
+
 
}
 
}
 +
#links{
 +
padding:10px 0;
 +
margin-left:0.85vw;
 +
}
 +
}
 +
#links_drop{
 +
color:#47BCC2;
 +
/*font-size:20px;*/
 +
font-size:1.2vw;
 +
margin:8px 0.9vw 0.5vh 0.9vw;
 +
padding:0.06vw 0 0 0;
 +
line-height:0px;
 +
}
 +
@media (max-width: 920px){
 +
#links_drop{
 +
margin-left:0;
 +
padding-top:9px;
 +
margin-top:-4px;
 +
font-size:20px;
 +
}
 +
}
 +
button.dropdown-toggle{
 +
padding-top:21px; !important
 +
}
 +
@media (max-width: 767px){
 +
button.dropdown-toggle{
 +
padding-top:5px;
 +
}
 +
}
 +
#links_drop:hover span{
 +
color:#339499;
 
}
 
}
 
</style>
 
</style>
Line 475: Line 511:
 
     <div>
 
     <div>
 
         <div class="collapse navbar-collapse" id="myNavbar">
 
         <div class="collapse navbar-collapse" id="myNavbar">
−
<ul class="nav navbar-nav">
+
<ul class="nav navbar-nav">
−
<li><div id="links" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
−
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Lab</span>
+
    <span style="margin-bottom:4px;">Lab</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </button>
 
   </button>
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
−
    <li role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></li>  
+
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Project">Lab Project</a></li>
−
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Project">Lab</a></li>
+
    <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
−
    <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
+
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Safety">Safety</a></li>
  
 
   </ul>
 
   </ul>
Line 490: Line 526:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
−
<li ><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
+
<li><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
−
<li><div id="links" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
−
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Human Practises</span>
+
    <span style="margin-bottom:4px;">Human Practices</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </button>
 
   </button>
−
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
+
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
−
     <li role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></li>   
+
     <li><a id="links" style="margin:10px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
−
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Human_Practices">Old_HP_Page</a></li>
+
<li><a id="links" style="background:none;line-height:0.7vh;margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Engagement">Public Engagement<br /><br /><br /> & Education</a></li><li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
−
    <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
+
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Engagement">Engagement</a></li>
+
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
+
  
 
   </ul>
 
   </ul>
Line 508: Line 541:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
  
−
<li><div id="links" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
−
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Awards</span>
+
    <span style="margin-bottom:4px;">Awards</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </button>
 
   </button>
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
−
    <li role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></li>   
+
 
−
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Awards">Medals</a></li>
+
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
−
<li><span style="margin:10px 0 30px 2px;padding:0;">Special pages</span></li>
+
<li><span style="margin:10px 0 30px 2px;padding:0;"><u>Special pages</u></span></li>
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
+
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
+
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
  
 
   </ul>
 
   </ul>

Revision as of 01:25, 20 October 2016