Difference between revisions of "Template:MIT-Header"

Line 11: Line 11:
  
 
/*This id is in the wiki wrapper so by putting this image a few layers up we can avoid the smaller div's that would otherwise distort the picture*/
 
/*This id is in the wiki wrapper so by putting this image a few layers up we can avoid the smaller div's that would otherwise distort the picture*/
 
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
 
.topWikiNavBackground {
 
    height:18px;
 
    margin-top: -32px;
 
    background-color:transparent;
 
}
 
 
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
width: 100%;
 
height: 100%;
 
border: 0px;
 
background-color: transparent;
 
margin: 0px;
 
padding: 0px;
 
}
 
 
html, body, .wrapper { /*-- changes default wiki settings --*/
 
width: 100%;
 
height: 100%;
 
background-color: transparent;
 
}
 
 
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
border: 0 none;
 
height: 14px;
 
z-index: 100;
 
top: 0;
 
position: fixed;
 
width: 975px;
 
left: 50%;
 
margin-left: -487px;
 
        background-color: transparent;
 
}
 
 
 
 
#globalWrapper {
 
#globalWrapper {
 
position: absolute;
 
position: absolute;
Line 138: Line 100:
 
}
 
}
 
#nav li{
 
#nav li{
 +
font-family:'Permanent Marker', cursive;
 
display:inline-block;
 
display:inline-block;
 
color: white;
 
color: white;
 
position:relative;
 
position:relative;
width : 115px;
+
width : 150px;
 
top : 15px;
 
top : 15px;
 
font-size : 16px;
 
font-size : 16px;
Line 149: Line 112:
 
     padding : 0;
 
     padding : 0;
 
     margin : 0;
 
     margin : 0;
}
 
#nav ul li{
 
display:inherit;
 
    width : 140px;
 
 
}
 
}
 
#nav li ul{
 
#nav li ul{
 
     vertical-align : middle;
 
     vertical-align : middle;
     width : 140px;
+
     width : 170px;
 
}
 
}
 
#nav li ul li {
 
#nav li ul li {
    display : inline-block
+
font-family: 'Cantarell', sans-serif;
    top : 10px;
+
     height : 60px;
     height : 50px;
+
     vertical-align : top;
     vertical-align : middle;
+
     width : 170px;
    padding : 0;
+
     background : rgba(0,0,0,0.5);
     width : 140px;
+
     background : black;
+
 
     padding : 4px 0;
 
     padding : 4px 0;
 
     color : rgb(0,0,0);
 
     color : rgb(0,0,0);
 
}
 
}
 
#nav ul{
 
#nav ul{
     display : inline-block;
+
     display : block;
 
     width : 125px;
 
     width : 125px;
 
max-height:0px;
 
max-height:0px;
Line 186: Line 143:
 
text-decoration:none;
 
text-decoration:none;
 
display:block;
 
display:block;
font-family:'Permanent Marker', cursive;
 
 
         font-weight : bold;
 
         font-weight : bold;
 
         color : white;
 
         color : white;
Line 198: Line 154:
 
}
 
}
 
#nav li ul li .liste:hover {
 
#nav li ul li .liste:hover {
        color : #ccff00;
+
    color : #ccff00;
 
}
 
}
 
</style>
 
</style>
Line 206: Line 162:
 
<div class="navmenu">
 
<div class="navmenu">
 
<div id="navmenubox">
 
<div id="navmenubox">
<ul id="nav" class = "col-md-8">
+
<ul id="nav" class = "col-md-9">
 
<!--<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 251: Line 207:
 
</li>
 
</li>
 
</ul>
 
</ul>
<div class= "col-md-4">
+
<div class= "col-md-3">
 
<div id = "logos">
 
<div id = "logos">
 
<div id="twittericon" class="sidelogos">
 
<div id="twittericon" class="sidelogos">

Revision as of 20:16, 11 June 2015