Team:Westminster

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!doctype html>
+
<style type="text/css">
 +
@import 'http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css';
 +
body {
 +
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 +
font-weight: 300;
 +
font-size: 12pt;
 +
background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;
 +
color: #666666;
 +
}
 +
h1 {
 +
color: #ff0000;
 +
font-size: 18pt;
 +
margin-bottom: 0.5em;
 +
}
 +
p {
 +
 +
}
 +
a {
 +
 +
}
 +
div#wrapper {
 +
position: relative;
 +
width: 1000px;
 +
padding: 50px 40px;
 +
margin: 0 auto;
 +
background: #ffffff;
 +
border-left: 1px solid #444444;
 +
border-right: 1px solid #444444;
 +
}
 +
div#wrapper {
 +
box-shadow: 0 0 17px -4px #666666;
 +
}
 +
div#header {
 +
height: 185px;
 +
}
 +
div#header div#logo {
 +
position: relative;
 +
width: 400px;
 +
height: 125px;
 +
margin: 0 auto;
 +
}
 +
div#header div#logo {
 +
margin-bottom: 20px;
 +
}
 +
div#navigation {
 +
width: 100%;
 +
height: 40px;
 +
background: #000000;
 +
}
 +
ul#navigation-list {
 +
height: 40px;
 +
line-height: 40px;
 +
overflow: auto;
 +
}
 +
ul#navigation-list > li {
 +
float: left;
 +
}
 +
ul#navigation-list > li > ul {
 +
position: absolute;
 +
display: none;
 +
background: #000000;
 +
z-index: 100000;
 +
}
 +
ul#navigation-list > li.first-item > a {
 +
padding: 0 31px;
 +
}
 +
ul#navigation-list > li.last-item {
 +
 +
}
 +
ul#navigation-list a.navlink {
 +
color: #ffffff;
 +
font-weight: bold;
 +
display: block;
 +
padding: 0px 23px;
 +
text-decoration: none;
 +
}
 +
ul#navigation-list a.navlink.active,
 +
ul#navigation-list a.navlink:hover {
 +
color: #ff0000;
 +
}
 +
div#content {
 +
padding: 20px 0px;
 +
}
 +
div#home-main-image {
 +
text-align: center;
 +
}
 +
div#home-main-image img {
 +
width: 1000px;
 +
height: 300px;
 +
margin-bottom: 20px;
 +
border-radius: 20px;
 +
}
 +
div.text-box {
 +
background: #444444;
 +
color: #ffffff;
 +
padding: 15px 20px;
 +
border-radius: 10px;
 +
}
 +
div#footer-box {
 +
border-radius: 0 0 5px 5px;
 +
}
 +
</style>
-
<html>
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
-
 
+
<script type="text/javascript">
-
<head>
+
$('document').ready(function() {
-
 
+
$('li.submenu-holder').hover(function() {
-
<meta http-equiv="content-type" content="text/php; charset=utf-8" />
+
$(this).children('ul.submenu').stop(true).fadeIn('slow');
-
 
+
}, function() {
-
<style type="text/css">
+
$(this).children('ul.submenu').stop(true).fadeOut('slow');
-
@import 'http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css';
+
-
body {
+
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
font-weight: 300;
+
-
font-size: 12pt;
+
-
background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;
+
-
color: #666666;
+
-
}
+
-
h1 {
+
-
color: #ff0000;
+
-
font-size: 18pt;
+
-
margin-bottom: 0.5em;
+
-
}
+
-
p {
+
-
+
-
}
+
-
a {
+
-
+
-
}
+
-
div#wrapper {
+
-
position: relative;
+
-
width: 1000px;
+
-
padding: 50px 40px;
+
-
margin: 0 auto;
+
-
background: #ffffff;
+
-
border-left: 1px solid #444444;
+
-
border-right: 1px solid #444444;
+
-
}
+
-
div#wrapper {
+
-
box-shadow: 0 0 17px -4px #666666;
+
-
}
+
-
div#header {
+
-
height: 185px;
+
-
}
+
-
div#header div#logo {
+
-
position: relative;
+
-
width: 400px;
+
-
height: 125px;
+
-
margin: 0 auto;
+
-
}
+
-
div#header div#logo {
+
-
margin-bottom: 20px;
+
-
}
+
-
div#navigation {
+
-
width: 100%;
+
-
height: 40px;
+
-
background: #000000;
+
-
}
+
-
ul#navigation-list {
+
-
height: 40px;
+
-
line-height: 40px;
+
-
overflow: auto;
+
-
}
+
-
ul#navigation-list > li {
+
-
float: left;
+
-
}
+
-
ul#navigation-list > li > ul {
+
-
position: absolute;
+
-
display: none;
+
-
background: #000000;
+
-
z-index: 100000;
+
-
}
+
-
ul#navigation-list > li.first-item > a {
+
-
padding: 0 31px;
+
-
}
+
-
ul#navigation-list > li.last-item {
+
-
+
-
}
+
-
ul#navigation-list a.navlink {
+
-
color: #ffffff;
+
-
font-weight: bold;
+
-
display: block;
+
-
padding: 0px 23px;
+
-
text-decoration: none;
+
-
}
+
-
ul#navigation-list a.navlink.active,
+
-
ul#navigation-list a.navlink:hover {
+
-
color: #ff0000;
+
-
}
+
-
div#content {
+
-
padding: 20px 0px;
+
-
}
+
-
div#home-main-image {
+
-
text-align: center;
+
-
}
+
-
div#home-main-image img {
+
-
width: 1000px;
+
-
height: 300px;
+
-
margin-bottom: 20px;
+
-
border-radius: 20px;
+
-
}
+
-
div.text-box {
+
-
background: #444444;
+
-
color: #ffffff;
+
-
padding: 15px 20px;
+
-
border-radius: 10px;
+
-
}
+
-
div#footer-box {
+
-
border-radius: 0 0 5px 5px;
+
-
}
+
-
</style>
+
-
 
+
-
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
+
-
<script type="text/javascript">
+
-
$('document').ready(function() {
+
-
$('li.submenu-holder').hover(function() {
+
-
$(this).children('ul.submenu').stop(true).fadeIn('slow');
+
-
}, function() {
+
-
$(this).children('ul.submenu').stop(true).fadeOut('slow');
+
-
});
+
});
});
-
</script>
+
});
 +
</script>
</head>
</head>
Line 125: Line 117:
<body>
<body>
-
<div id="wrapper">
+
<div id="wrapper">
-
 
+
-
<div id="header">
+
-
<div id="logo">
+
-
<a href="https://2012.igem.org/Team:Westminster">
+
-
<img src="https://static.igem.org/mediawiki/2012/1/1e/Westminster-logo.png" alt="iSTEM" title="Back to home!" />
+
-
</a>
+
-
</div><!-- #logo -->
+
-
<div id="navigation">
+
-
<ul id="navigation-list">
+
-
<li class="first-item"><a href="https://2012.igem.org/Team:Westminster" class="navlink active">Home</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Westminster/Team" class="navlink">Team</a></li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2012&team_name=Westminster"class="navlink">Team Profile</a></li>
+
-
<li class="submenu-holder">
+
-
<a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Project</a>
+
-
<ul class="submenu">
+
-
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Overview</a></li>
+
-
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">The Problem</a></li>
+
-
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Experiments</a></li>
+
-
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Protocols</a></li>
+
-
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Results</a></li>
+
-
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Safety</a></li>
+
-
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Journal</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2012.igem.org/Team:Westminster/Parts"class="navlink">Parts</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Westminster/Modeling"class="navlink">Modeling</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Westminster/Notebook"class="navlink">Notebook</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li>
+
-
<li class="last-item"><a href="https://2012.igem.org/Team:Westminster/Attributions"class="navlink">Attributions</a></li>
+
-
</ul><!-- #navigation-list -->
+
-
</div><!-- #navigation -->
+
-
</div><!-- #header -->
+
-
 
+
-
<div id="content">
+
-
 
+
-
<div id="home-main-image">
+
-
<img src="https://static.igem.org/mediawiki/2012/4/4d/Westminster_team.png" alt="Welcome" title="Welcome to our home!" />
+
-
</div><!-- #home-main-image -->
+
-
<div id="home-main-text" class="text-box">
+
<div id="header">
-
<h1>Lorem Ipsum</h1>
+
<div id="logo">
-
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum imperdiet. Curabitur neque mauris, porta vel, lacinia quis, placerat ultrices, orci.</p>
+
<a href="https://2012.igem.org/Team:Westminster">
-
</div><!-- #home-main-text -->
+
<img src="https://static.igem.org/mediawiki/2012/1/1e/Westminster-logo.png" alt="iSTEM" title="Back to home!" />
 +
</a>
 +
</div><!-- #logo -->
 +
<div id="navigation">
 +
<ul id="navigation-list">
 +
<li class="first-item"><a href="https://2012.igem.org/Team:Westminster" class="navlink active">Home</a></li>
 +
<li><a href="https://2012.igem.org/Team:Westminster/Team" class="navlink">Team</a></li>
 +
<li><a href="https://igem.org/Team.cgi?year=2012&team_name=Westminster"class="navlink">Team Profile</a></li>
 +
<li class="submenu-holder">
 +
<a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Project</a>
 +
<ul class="submenu">
 +
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Overview</a></li>
 +
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">The Problem</a></li>
 +
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Experiments</a></li>
 +
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Protocols</a></li>
 +
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Results</a></li>
 +
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Safety</a></li>
 +
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Journal</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:Westminster/Parts"class="navlink">Parts</a></li>
 +
<li><a href="https://2012.igem.org/Team:Westminster/Modeling"class="navlink">Modeling</a></li>
 +
<li><a href="https://2012.igem.org/Team:Westminster/Notebook"class="navlink">Notebook</a></li>
 +
<li><a href="https://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li>
 +
<li class="last-item"><a href="https://2012.igem.org/Team:Westminster/Attributions"class="navlink">Attributions</a></li>
 +
</ul><!-- #navigation-list -->
 +
</div><!-- #navigation -->
 +
</div><!-- #header -->
-
</div><!-- #content -->
+
<div id="content">
-
</div><!-- #wrapper -->
+
<div id="home-main-image">
 +
<img src="https://static.igem.org/mediawiki/2012/4/4d/Westminster_team.png" alt="Welcome" title="Welcome to our home!" />
 +
</div><!-- #home-main-image -->
 +
<div id="home-main-text" class="text-box">
 +
<h1>Lorem Ipsum</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum imperdiet. Curabitur neque mauris, porta vel, lacinia quis, placerat ultrices, orci.</p>
 +
</div><!-- #home-main-text -->
-
</body>
+
</div><!-- #content -->
-
</html>
+
</div><!-- #wrapper -->

Revision as of 18:34, 25 September 2012

<style type="text/css"> @import 'http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css'; body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 12pt; background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff; color: #666666; } h1 { color: #ff0000; font-size: 18pt; margin-bottom: 0.5em; } p {

} a {

} div#wrapper { position: relative; width: 1000px; padding: 50px 40px; margin: 0 auto; background: #ffffff; border-left: 1px solid #444444; border-right: 1px solid #444444; } div#wrapper { box-shadow: 0 0 17px -4px #666666; } div#header { height: 185px; } div#header div#logo { position: relative; width: 400px; height: 125px; margin: 0 auto; } div#header div#logo { margin-bottom: 20px; } div#navigation { width: 100%; height: 40px; background: #000000; } ul#navigation-list { height: 40px; line-height: 40px; overflow: auto; } ul#navigation-list > li { float: left; } ul#navigation-list > li > ul { position: absolute; display: none; background: #000000; z-index: 100000; } ul#navigation-list > li.first-item > a { padding: 0 31px; } ul#navigation-list > li.last-item {

} ul#navigation-list a.navlink { color: #ffffff; font-weight: bold; display: block; padding: 0px 23px; text-decoration: none; } ul#navigation-list a.navlink.active, ul#navigation-list a.navlink:hover { color: #ff0000; } div#content { padding: 20px 0px; } div#home-main-image { text-align: center; } div#home-main-image img { width: 1000px; height: 300px; margin-bottom: 20px; border-radius: 20px; } div.text-box { background: #444444; color: #ffffff; padding: 15px 20px; border-radius: 10px; } div#footer-box { border-radius: 0 0 5px 5px; } </style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript"> $('document').ready(function() { $('li.submenu-holder').hover(function() { $(this).children('ul.submenu').stop(true).fadeIn('slow'); }, function() { $(this).children('ul.submenu').stop(true).fadeOut('slow'); }); }); </script>

</head>

<body>

<img src="Westminster_team.png" alt="Welcome" title="Welcome to our home!" />

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum imperdiet. Curabitur neque mauris, porta vel, lacinia quis, placerat ultrices, orci.