Team:Sheffield/test

From 2014.igem.org

(Difference between revisions)
(Created page with "{{Team:Sheffield/JS:jquery}} <html> <head> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis....")
 
Line 9: Line 9:
#top-section {  
#top-section {  
-
 
border: 0 none;
border: 0 none;
height: 14px;
height: 14px;
Line 21: Line 20:
#globalWrapper, #content {
#globalWrapper, #content {
 +
position: fixed;
 +
top: 0;
width: 100%;  
width: 100%;  
height: 100%;
height: 100%;
Line 36: Line 37:
}
}
-
.pageContent {
+
.body {
margin: 0;
margin: 0;
height: 2000px;
height: 2000px;
Line 147: Line 148:
#teamLogo li a img.scrolling {
#teamLogo li a img.scrolling {
height: 40px;
height: 40px;
 +
}
 +
 +
.pageContent {
 +
position: absolute;
 +
top: 0;
 +
z-index: -1;
 +
width: 100%;
 +
}
 +
 +
.headerImage {
 +
position: absolute;
 +
width: 100%;
 +
height: 200px;
 +
overflow: hidden;
 +
}
 +
 +
.headerImage img {
 +
position: absolute;
 +
right: 0px;
 +
width: 100%;
 +
}
 +
 +
.pageTitle {
 +
text-align: center;
 +
font-family: 'Lato', sans-serif;
 +
font-size: 60px;
 +
letter-spacing: -2px;
 +
color: white;
 +
font-weight: 300;
 +
margin-top: 70px;
 +
margin-bottom: 70px;
}
}
</style>
</style>
Line 167: Line 199:
</script>
</script>
</head>
</head>
-
<body>
+
<body class="content">
<ul id="navigationBar">
<ul id="navigationBar">
<li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li>
<li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li>
Line 227: Line 259:
<span id="teamLogo"><li><a href=""><img src="https://static.igem.org/mediawiki/2014/d/da/TeamLogo.png"></a></li></span>
<span id="teamLogo"><li><a href=""><img src="https://static.igem.org/mediawiki/2014/d/da/TeamLogo.png"></a></li></span>
</ul>
</ul>
 +
<div class="pageContent">
 +
<div class="headerImage">
 +
<img src="https://static.igem.org/mediawiki/2014/2/29/HeaderWetLab.JPG">
 +
</div>
 +
</div>
 +
<h1 class="pageTitle">Page Heading</h1>
 +
soem text
</body>
</body>
</html>
</html>

Latest revision as of 20:11, 13 September 2014

Page Heading

soem text