Difference between revisions of "Template:MIT-Header"

 
(24 intermediate revisions by 3 users not shown)
Line 16: Line 16:
 
.headerimage {
 
.headerimage {
 
position: relative;
 
position: relative;
−
top:20px;
+
top:26px;
 
margin: auto;
 
margin: auto;
 
width: 100%;
 
width: 100%;
Line 36: Line 36:
 
margin: 40px;
 
margin: 40px;
 
text-align: center;
 
text-align: center;
−
font-size: 40px;
 
 
font-family: 'Permanent Marker', cursive;
 
font-family: 'Permanent Marker', cursive;
 
color: white;
 
color: white;
 
}
 
}
 +
 +
.subtitle{
 +
font-size: 30px;
 +
}
 +
 +
#title{
 +
font-size: 40px;
 +
}
 +
 
  /*Text font for regular paragraph text on all pages*/
 
  /*Text font for regular paragraph text on all pages*/
 
.text{
 
.text{
Line 66: Line 74:
 
         align : center;
 
         align : center;
 
}
 
}
−
#mainLogo {
+
#mainLogo {  
−
vertical-align:
+
 
}
 
}
 
#navmenubox {
 
#navmenubox {
Line 138: Line 145:
 
color: white;
 
color: white;
 
position:relative;
 
position:relative;
−
width : 150px;
 
 
top : 12px;
 
top : 12px;
 
font-size : 16px;
 
font-size : 16px;
 
height : 40px;
 
height : 40px;
−
float:left;
 
 
     vertical-align : middle;
 
     vertical-align : middle;
 
     padding : 0;
 
     padding : 0;
Line 149: Line 154:
 
#nav li ul{
 
#nav li ul{
 
     vertical-align : bottom;
 
     vertical-align : bottom;
−
    width : 170px;
 
 
}
 
}
 
#nav li ul li {
 
#nav li ul li {
Line 155: Line 159:
 
     height : 60px;
 
     height : 60px;
 
     vertical-align : top;
 
     vertical-align : top;
−
     width : 170px;
+
     width : 200px;
 
     background : rgba(0,0,0,0.65);
 
     background : rgba(0,0,0,0.65);
 
     padding : 15px 0;
 
     padding : 15px 0;
 
     color : rgb(0,0,0);
 
     color : rgb(0,0,0);
 
     border-bottom: 1px solid rgba(255,255,255,.2);
 
     border-bottom: 1px solid rgba(255,255,255,.2);
 +
    display: block;
 
}
 
}
 
#nav ul{
 
#nav ul{
Line 167: Line 172:
 
left: 0;
 
left: 0;
 
right: 0;
 
right: 0;
−
overflow:hidden;
+
visibility:hidden;
−
-moz-transition: .8s all .3s;
+
-moz-transition: .0s all .0s;
−
-webkit-transition: .8s all .3s;
+
-webkit-transition: .0s all .0s;
−
transition: .8s all .3s;
+
transition: .0s all .0s;
 
}
 
}
 
#nav li:hover ul{
 
#nav li:hover ul{
 +
visibility: visible;
 +
overflow: visible;
 
max-height:30em;
 
max-height:30em;
 
}
 
}
Line 178: Line 185:
 
text-decoration:none;
 
text-decoration:none;
 
display:block;
 
display:block;
−
        font-weight : bold;
+
font-weight : bold;
−
        color : white;
+
color : white;
−
        vertical-align : middle;
+
vertical-align : middle;
 
}
 
}
 
#nav li:hover a {
 
#nav li:hover a {
Line 190: Line 197:
 
#nav li ul li .liste:hover {
 
#nav li ul li .liste:hover {
 
     color : #ccff00;
 
     color : #ccff00;
 +
}
 +
.side-by-side{
 +
display: inline;
 +
}
 +
#nav li ul div{
 +
display: inline;
 
}
 
}
 
</style>
 
</style>
Line 195: Line 208:
 
<div class="navmenu">
 
<div class="navmenu">
 
<div id="navmenubox">
 
<div id="navmenubox">
−
<ul id="nav" class = "col-md-9">
+
<ul id="nav" class = "col-md-10">
 
<!--<li>
 
<!--<li>
 
<a id = "mainLogo" href="https://2015.igem.org/Team:MIT" title="MIT iGEM" target="_blank"><img src="https://static.igem.org/mediawiki/2015/6/61/Team-MIT-MainLogo1.png" height="45px">
 
<a id = "mainLogo" href="https://2015.igem.org/Team:MIT" title="MIT iGEM" target="_blank"><img src="https://static.igem.org/mediawiki/2015/6/61/Team-MIT-MainLogo1.png" height="45px">
Line 205: Line 218:
 
<li><a href="https://2015.igem.org/Team:MIT/Project"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">Project</a>
 
<li><a href="https://2015.igem.org/Team:MIT/Project"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">Project</a>
 
<ul>
 
<ul>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Coculture">Coculture</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Chutch">C. Hutchinsonii</a></li>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Measurement">Measurement</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/BiodieselProduction">Biodiesel Production</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Coculture">The Co-Culture</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Parts">Parts</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Circuit">Circuit</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Modeling">Modeling</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Modeling">Modeling</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Signaling">Signaling</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<!--
+
<li><a href="https://2015.igem.org/Team:MIT/Practices"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Policy + Practice</a>
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Lab Work</a>
+
 
<ul>
 
<ul>
−
<li><a class = liste href="https://2014.igem.org/Team:MIT/Parts">Parts</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Practices">Practices</a></li>
−
<li><a class = liste href="https://2014.igem.org/Team:MIT/Safety">Safety</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Economics">Economics</a></li>
−
<li><a class = liste href="https://2014.igem.org/Team:MIT/Notebook">Notebook</a></li>
+
−
<li><a class = liste href="https://2014.igem.org/Team:MIT/Protocols">Protocols</a></li>
+
 
</ul>
 
</ul>
−
</li>-->
+
</li>
−
<li><a href="https://2015.igem.org/Team:MIT/Outreach"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Outreach</a>
+
<li><a href="https://2015.igem.org/Team:MIT/Notebooks"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">Notebooks</a>
 
<ul>
 
<ul>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Collaborations">Collaborations</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/WetlabDrylab">Wetlab/Drylab</a></li>
−
<li><a class = liste href="https://2014.igem.org/Team:MIT/2014.igem.org/Team:MIT/InterlabStudy">Interlab Study</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Protocols">Protocols</a></li>
−
        </ul>
+
</ul>
−
            </li>
+
</li>
−
            <li><a href="https://2015.igem.org/Team:MIT/Team"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> About Us</a>
+
<li><a href="https://2015.igem.org/Team:MIT/Team"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">About Us</a>
 
<ul>
 
<ul>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Team">Student Bios</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Team">Team Bios</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Acknowledgements">Acknowledgements</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Acknowledgements">Acknowledgements</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Attributions">Attributions</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Attributions">Attributions</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Medals">Medals</a></li>
 
</ul>
 
</ul>
 +
            </li>
 +
<li><a href="https://2015.igem.org/Team:MIT/Outreach"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Externals</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Collaborations">Collaborations</a></li>
 +
<li><a class = liste href="https://2014.igem.org/Team:MIT/InterlabStudy">Interlab Study</a></li>
 +
        </ul>
 
            </li>
 
            </li>
 
</ul>
 
</ul>
−
<div class= "col-md-3">
+
<div class= "col-md-2">
 
<div id = "logos">
 
<div id = "logos">
 
<div id="twittericon" class="sidelogos">
 
<div id="twittericon" class="sidelogos">
Line 270: Line 291:
 
$(document).ready(function(){
 
$(document).ready(function(){
 
$('div #twittericon').mouseover(function(){
 
$('div #twittericon').mouseover(function(){
−
  div = $('#twitapp');
+
div = $('#twitapp');
−
  div.fadeIn(100);
+
div.show();
 
}).mouseout(function(){
 
}).mouseout(function(){
−
    div.fadeOut(100);
+
div.hide();
 
});
 
});
 
});
 
});

Latest revision as of 21:53, 11 September 2015