Difference between revisions of "Team:Exeter/Awards"

(Created page with "<html> </div></div></div></div></div> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://max...")
 
Line 72: Line 72:
 
.navbar-inverse .navbar-toggle { /*Removes toggle bobrder*/
 
.navbar-inverse .navbar-toggle { /*Removes toggle bobrder*/
 
border:none;
 
border:none;
−
background-color:#4e4e4e;
+
background-color:#e8e8e8;
 
}
 
}
 
.navbar-inverse .navbar-toggle{ /*Removes toggle bobrder*/
 
.navbar-inverse .navbar-toggle{ /*Removes toggle bobrder*/
 
border:none;
 
border:none;
−
background-color:#4e4e4e;
+
background-color:#e8e8e8;
 
}
 
}
 
.navbar-inverse .navbar-toggle collapse{ /*Removes toggle bobrder*/
 
.navbar-inverse .navbar-toggle collapse{ /*Removes toggle bobrder*/
 
border:none;
 
border:none;
−
background-color:#4e4e4e;
+
background-color:#e8e8e8;
 
}
 
}
 
.navbar-inverse .navbar-toggle:hover {
 
.navbar-inverse .navbar-toggle:hover {
−
background-color:#4e4e4e;
+
background-color:#47BCC2;
 
}
 
}
 
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
 
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
−
     background-color:#4e4e4e;  
+
     background-color:#47BCC2;  
 
}
 
}
−
.navbar-inverse .navbar-toggle:hover .icon-bar{
+
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{
 
background-color:#eeeeee;
 
background-color:#eeeeee;
 
}  
 
}  
Line 116: Line 116:
 
width:48px;
 
width:48px;
 
}
 
}
 +
 
/*Navbar exgem logo styling*/
 
/*Navbar exgem logo styling*/
−
#logo{
+
#logo, #logo_inverse{
 
margin-top:-12px;
 
margin-top:-12px;
 
vertical-align:middle;
 
vertical-align:middle;
 
width:48px;  
 
width:48px;  
 
height:48px;
 
height:48px;
 +
/*Alligns logo with toggled list on thin screens*/
 +
margin-left:13px;
 
}
 
}
 +
/*Logo is visable on page load by default*/
 +
#logo{
 +
display:block;
 +
}
 +
/*The inverse logo is not visable by default, but becomes visable*/
 +
/*when #logo_button is hovered over (found in jquery)*/
 +
#logo_inverse{
 +
display:none;
 +
}
 +
 
/*Displays brand inline with ExGem*/
 
/*Displays brand inline with ExGem*/
 
.navbar-brand > img {
 
.navbar-brand > img {
Line 209: Line 222:
 
         border-style:none;
 
         border-style:none;
 
}
 
}
−
 
+
#Section_link
 +
color:#828282;
 +
opacity:0.6;
 +
position:absolute;
 +
bottom:20px;
 +
}
 +
#Section_link:hover{
 +
color:#4e4e4e;
 +
border-radius:10px;
 +
border-color:#eeeeee;
 +
}
 +
#sectionGap, #sectionGap:focus, #contentTitle{
 +
min-width:100%;
 +
min-height:10vh;
 +
background:#e8e8e8;
 +
display:block;
 +
font-size:400%;
 +
text-align:center;
 +
color:#47BCC2;
 +
text-decoration:none;
 +
border-style:none none solid none;
 +
border-width:3px;
 +
border-color:#8cd5d9;
 +
}
 +
#sectionGap:hover, #sectionGap:active{
 +
color:#339499;
 +
}
 +
.container{
 +
min-width:100%;
 +
padding:0;
 +
}
 
</style>
 
</style>
 +
  
 
<nav id="Top" class="navbar navbar-inverse navbar-static-top">
 
<nav id="Top" class="navbar navbar-inverse navbar-static-top">
Line 220: Line 264:
 
           <span class="icon-bar"></span>                         
 
           <span class="icon-bar"></span>                         
 
</button>
 
</button>
−
       <a class="navbar-brand" href="https://2016.igem.org/Team:Exeter">
+
       <a id="logo_button" class="navbar-brand" href="https://2016.igem.org/Team:Exeter">
 
<img id="logo" src="https://static.igem.org/mediawiki/2016/7/75/T--Exeter--Template--Logo2.png"/>
 
<img id="logo" src="https://static.igem.org/mediawiki/2016/7/75/T--Exeter--Template--Logo2.png"/>
 +
<img id="logo_inverse" src="https://static.igem.org/mediawiki/2016/2/23/T--Exeter--Template_Logo2_inverse.png"/>
 
  </a>
 
  </a>
 
   
 
   
Line 228: Line 273:
 
         <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 ><a id="links"href="https://2016.igem.org/Team:Exeter">Project</a></li>
+
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Project">Project</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/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/Human_Practices">Human Practices</a></li>
+
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Human_Practices">Human Practices</a></li>
 
<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 ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
Line 260: Line 305:
 
<div id="scrollPosition" style="display:none;">0</div>
 
<div id="scrollPosition" style="display:none;">0</div>
 
<script>
 
<script>
−
$(document).ready(function(){
+
$(document).ready(function(){
 
//topnav script
 
//topnav script
 
var width = document.documentElement.clientWidth;
 
var width = document.documentElement.clientWidth;
Line 286: Line 331:
 
})
 
})
 
}
 
}
 +
//Causes the navbar logo to switch between the default and
 +
//inverse versions when the <a> with #logo_button is hovered over
 +
$('#logo_button').hover(function(){
 +
$('#logo').toggle();
 +
$('#logo_inverse').toggle();
 +
});
 
});
 
});
 
</script>  
 
</script>  
 
<!--Counter and topnav ends-->
 
<!--Counter and topnav ends-->
 
<!--Content begins-->
 
<!--Content begins-->
−
 
  
 
<!--Content Ends-->
 
<!--Content Ends-->

Revision as of 11:18, 16 August 2016