Template:MIT-header

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
#globalwrapper {
 +
    width:975px;
 +
    padding:20px 0px;
 +
    margin: 0 auto;
 +
    background-color:#ffffff;
 +
    height:100%;
 +
}
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
 +
}
 +
 +
body {
 +
    background: #E8E8E8;
 +
    background-image: url('https://static.igem.org/mediawiki/2011/b/be/Background-gradient.jpg');
 +
    background-position: center;
 +
    background-repeat: repeat-y;
 +
}
 +
#p-logo {
 +
    height:1px; overflow:hidden; display: none;
 +
}
 +
#top-section {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/7/7f/MIT-header.jpg');
 +
    background-position: top;
 +
    height:200px ;
 +
    background-repeat: no-repeat;
 +
    border-width:0px;
 +
    border-top-width:1px;
 +
}
 +
#content {
 +
    border-left-width:0px;
 +
    border-right-width:0px;
 +
    padding:5px;
 +
    width:965px;
 +
}
 +
 +
#menubar
 +
ul
ul
{
{
Line 16: Line 54:
text-decoration:none;
text-decoration:none;
color:white;
color:white;
-
background-color:gray;
+
background-color:purple;
padding:0.2em 0.6em;
padding:0.2em 0.6em;
border-right:1px solid white;
border-right:1px solid white;
}
}
-
a:hover {background-color:#ff3300;}
+
a:hover {background-color:#666666;}
li {display:inline;}
li {display:inline;}
</style>
</style>
Line 33: Line 71:
</ul>
</ul>
-
<p>
 
-
In the example above, we let the ul element and the a element float to the left.
 
-
The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line.
 
-
The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).
 
-
We add some colors and borders to make it more fancy.
 
-
</p>
 
</body>
</body>
</html>
</html>

Revision as of 00:44, 25 October 2011

Retrieved from "http://2011.igem.org/Template:MIT-header"