Team:LMU-Munich/Templates/Page Header

From 2011.igem.org

(Difference between revisions)
(first version of common header for all pages)
m (mathias: added missing clear style for right boxes)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
#header {
+
/* hide some igem stuff... */
-
position: relative;
+
h1.firstHeading, #p-logo img {
-
left: -5px;
+
display: none;
 +
}
 +
 
 +
#catlinks {
 +
display: none;
 +
}
 +
 
 +
/* reformat the page header */
 +
#p-logo {
 +
display: block;
 +
background: url(https://static.igem.org/mediawiki/2011/f/fc/Biozentrumnacht.jpg);
 +
height: 100%;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
#p-logo a {
 +
display: block;
 +
position: absolute;
 +
right: 45px;
 +
top: 75px;
 +
background: url(https://static.igem.org/mediawiki/2011/d/d0/Igem-lmu.png);
 +
width: 97px;
 +
height: 83px;
 +
}
 +
 
 +
#top-section, #p-logo {
 +
height: 244px;
}
}
Line 9: Line 36:
position: absolute;
position: absolute;
left: 0px;
left: 0px;
-
top: 10px;
+
top: -243px;
}
}
-
#nav ul, #nav li {
+
#content {
-
list-style: none;
+
background: white url(https://static.igem.org/mediawiki/2011/8/80/BottomLogo.png) bottom right no-repeat;
 +
padding-bottom: 176px;
 +
}
 +
 
 +
#nav {
 +
position: absolute;
 +
z-index: 100;
 +
top: -47px;
 +
left: 7px;
margin: 0;
margin: 0;
Line 19: Line 54:
}
}
-
#nav {
+
#nav p {
-
position: relative;
+
display: none;
-
z-index: 100;
+
}
-
margin-top: -52px;
+
 
-
margin-bottom: 47px;
+
#nav ul, #nav li {
 +
list-style: none;
 +
 
 +
margin: 0;
 +
padding: 0;
}
}
Line 31: Line 70:
float: left;
float: left;
position: relative;
position: relative;
 +
 +
border-bottom: 1px transparent solid;
margin: 1px;
margin: 1px;
-
background: #DA5021;
+
width: 94px; /* with one item less: 105px */
-
width: 85px;
+
height: 44px;
-
height: 36px;
+
-
padding: 4px;
+
-
margin-left: -1;
+
}
}
Line 49: Line 87:
position: absolute;
position: absolute;
 +
z-index:1000;
width: 100px;
width: 100px;
top: 42px;
top: 42px;
Line 63: Line 102:
}
}
-
#nav li:hover {
+
#nav a, #nav strong {
-
background: #CF5F2F;
+
-
}
+
-
 
+
-
#nav a {
+
color: black;
color: black;
text-decoration: none;
text-decoration: none;
display: block;
display: block;
-
height: 100%;
+
padding: 4px;
 +
height: 37px;
 +
font-size: 120%;
 +
font-weight: bold;
 +
text-shadow: 0 0 5px white;
 +
}
 +
 
 +
#nav a {
 +
/* normal color, first level */
 +
background: #DA5021;
 +
}
 +
 
 +
#nav li:hover a {
 +
/* mousover color, first level */
 +
background: #CF5F2F;
 +
}
 +
 
 +
#nav li strong {
 +
/* current page */
 +
background: #0B233;
 +
}
 +
 
 +
#nav li:hover li:hover a {
 +
/* mousover color, second level */
 +
background: #CF805E;
}
}
#rightcol {
#rightcol {
-
width: 180px;
+
width: 187px;
-
border: 1px solid black;
+
-
margin-right: 5px;
+
-
margin-top: 5px;
+
float: right;
float: right;
-
 
+
margin-right: 10px;
-
padding: 5px;
+
}
}
#content-small {
#content-small {
-
padding: 5px;
 
float: left;
float: left;
width: 750px;
width: 750px;
}
}
-
#content {
+
#content-full {
-
padding: 5px;
+
}
}
-
.leftbox, .rightbox, .fullbox {
+
#content-full label, #content-small label {
-
border: 1px solid black;
+
display: block;
 +
}
 +
 
 +
.leftbox, .rightbox, .fullbox, #rightcol {
 +
border: 1px solid #888;
padding: 5px;
padding: 5px;
-
margin-bottom: 5px;
+
margin-bottom: 10px;
 +
 
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 0 0 8px #888;
 +
-webkit-box-shadow: 0 0 8px #888;
 +
box-shadow: 0 0 8px #888;
}
}
.leftbox {
.leftbox {
float: left;
float: left;
-
width: 271px;
+
width: 266px;
clear: left;
clear: left;
 +
margin-left: 5px;
}
}
.rightbox {
.rightbox {
float: right;
float: right;
-
width: 450px;
+
width: 440px;
 +
margin-right: 5px;
 +
clear: right;
}
}
.fullbox {
.fullbox {
clear: both;
clear: both;
 +
margin-right: 5px;
 +
margin-left: 5px;
}
}
-
 
</style>
</style>
-
 
+
<a id="logo" href="https://2011.igem.org/Team:LMU-Munich"><img src="https://static.igem.org/mediawiki/2011/9/94/IgemLMU.png" alt="iGEM—LMU" /></a>
-
 
+
-
<div id="header">
+
-
<img src="https://static.igem.org/mediawiki/2011/f/fc/Biozentrumnacht.jpg" alt="" width="975" />
+
-
<img src="igem.png" id="logo" />
+
-
</div>
+
<div id="nav">
<div id="nav">
</html>
</html>
Line 129: Line 191:
<div style="clear:both"></div>
<div style="clear:both"></div>
</html>
</html>
 +
<noinclude>
 +
<div id="rightcol"> <b> Our Sponsors </b> </div>
 +
<div id="content-small">
 +
<div class="rightbox">rightbox</div>
 +
<div class="leftbox">leftbox</div>
 +
<div class="leftbox">leftbox</div>
 +
<div class="fullbox">
 +
== Full box w/ header ==
 +
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget nulla augue. Ut malesuada dolor non sapien laoreet auctor. Nullam euismod consectetur egestas. Nulla quam nunc, ultricies sit amet dapibus non, accumsan vitae justo. Sed dictum ultrices lorem a varius. Maecenas eu dolor mauris, eu sodales quam. Aenean dignissim sem sed erat facilisis faucibus adipiscing odio aliquam. Cras vestibulum justo vitae ipsum dictum non tempor odio ultrices. Quisque tempus tellus id erat pretium egestas. Duis sit amet sapien sapien. Cras eleifend pretium lacus ut dictum. Quisque tempor, tortor id sodales auctor, justo urna molestie urna, cursus lobortis urna quam vel nunc. Donec vel libero ligula, et dignissim sapien. Morbi vestibulum lorem non tellus congue tincidunt.
 +
</div>
 +
<div class="fullbox">
 +
== Yet another box ==
 +
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper congue enim, a lobortis nunc malesuada ac. Vivamus ac risus at nisl accumsan mollis. Etiam et dui risus. Quisque sagittis euismod enim ut auctor. Integer sagittis convallis interdum. Aliquam erat volutpat. Duis elementum accumsan malesuada. Nullam non arcu elementum felis tempor sodales eget in felis. Praesent vitae feugiat ligula. In hac habitasse platea dictumst. Integer suscipit tincidunt mauris nec tincidunt. Ut at nisl ultricies mi malesuada pulvinar et sed lectus. Suspendisse mattis gravida magna, eu sagittis neque dignissim imperdiet.
 +
</div>
 +
</div>
 +
{{:Team:LMU-Munich/Templates/Page Footer}}
 +
</noinclude>

Latest revision as of 18:00, 16 September 2011

Our Sponsors
rightbox
leftbox
leftbox

Full box w/ header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget nulla augue. Ut malesuada dolor non sapien laoreet auctor. Nullam euismod consectetur egestas. Nulla quam nunc, ultricies sit amet dapibus non, accumsan vitae justo. Sed dictum ultrices lorem a varius. Maecenas eu dolor mauris, eu sodales quam. Aenean dignissim sem sed erat facilisis faucibus adipiscing odio aliquam. Cras vestibulum justo vitae ipsum dictum non tempor odio ultrices. Quisque tempus tellus id erat pretium egestas. Duis sit amet sapien sapien. Cras eleifend pretium lacus ut dictum. Quisque tempor, tortor id sodales auctor, justo urna molestie urna, cursus lobortis urna quam vel nunc. Donec vel libero ligula, et dignissim sapien. Morbi vestibulum lorem non tellus congue tincidunt.

Yet another box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper congue enim, a lobortis nunc malesuada ac. Vivamus ac risus at nisl accumsan mollis. Etiam et dui risus. Quisque sagittis euismod enim ut auctor. Integer sagittis convallis interdum. Aliquam erat volutpat. Duis elementum accumsan malesuada. Nullam non arcu elementum felis tempor sodales eget in felis. Praesent vitae feugiat ligula. In hac habitasse platea dictumst. Integer suscipit tincidunt mauris nec tincidunt. Ut at nisl ultricies mi malesuada pulvinar et sed lectus. Suspendisse mattis gravida magna, eu sagittis neque dignissim imperdiet.


Retrieved from "http://2011.igem.org/Team:LMU-Munich/Templates/Page_Header"