Difference between revisions of "Template:MIT-Header"

 
(20 intermediate revisions by 3 users not shown)
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 147: 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 153: Line 159:
 
     height : 60px;
 
     height : 60px;
 
     vertical-align : top;
 
     vertical-align : top;
 +
    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 165: Line 173:
 
right: 0;
 
right: 0;
 
visibility: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{
Line 189: 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 194: 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 204: 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/PolicyAndPractice"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Policy + Practice</a>
+
<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>
 
<ul>
 
<ul>
<li><a class = liste href="https://2015.igem.org/Team:MIT/Practice">Practice</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Practices">Practices</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Economics">Economics</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Economics">Economics</a></li>
 
</ul>
 
</ul>
Line 217: Line 235:
 
<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>
 
<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/WetlabNotes">Wetlab Notes</a></li>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/WetlabDrylab">Wetlab/Drylab</a></li>
<li><a class = liste href="https://2015.igem.org/Team:MIT/DrylabNotes">Drylab Notes</a></li>
+
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Protocols">Protocols</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/Medals">Medals</a></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>
Line 228: Line 244:
 
<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>
Line 237: Line 254:
 
            </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 274: 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