Team:Westminster

From 2013.igem.org

(Difference between revisions)
(Undo revision 185812 by Kcrk (talk))
Line 1: Line 1:
<html>
<html>
-
<head>
+
 
-
<style>
+
<head>
-
#page_overlay
+
 
 +
<meta http-equiv="content-type" content="text/php; charset=utf-8" />
 +
 
 +
<style type="text/css">
 +
@import url 'http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css';
 +
ul {
 +
list-style: none;
 +
}
 +
body {
 +
font-family:  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 +
font-weight: 300;
 +
/* background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;*/
 +
background-color:#FFF;
 +
color: #666666;
 +
 +
}
 +
h1 {
 +
color: #ff0000;
 +
font-size: 18pt;
 +
margin-bottom: 0.5em;
 +
}
 +
p {
 +
 
 +
}
 +
a {
 +
 +
}
 +
#p-logo {
 +
background: #444444;
 +
}
 +
div#top-section,
 +
div#content {
 +
box-shadow: 0px 0px 17px -4px #666666;
 +
padding:0px;
 +
margin-top:0px;
 +
 
 +
}
 +
div#wrapper {
 +
position: relative;
 +
width: 100%;
 +
font-size: 12pt;
 +
margin: 0 auto;
 +
background: #ffffff;
 +
background-attachment: url('https://static.igem.org/mediawiki/2012/2/2e/Bg-tumours.png');
 +
background-repeat: no-repeat;
 +
 +
padding:0px;
 +
margin-top:0px;
 +
top:0px;
 +
 +
}
 +
div#header {
 +
height: 120px;
 +
width: 100%;
 +
background-color:#000;
 +
background: url('https://static.igem.org/mediawiki/2012/2/2e/Bg-tumours.png');
 +
background-repeat: no-repeat;
 +
z-index:10;
 +
position:relative;
 +
top:0px;
 +
left:0px;
 +
}
 +
div#header div#logo {
 +
position: relative;
 +
width: 260px;
 +
right:10px;
 +
top:-9px;
 +
float:right;
 +
 
 +
margin-bottom: 0px;
 +
/*
 +
height: 0px;
 +
margin: 0 auto;*/
 +
}
 +
div#header div#logo a {
 +
float:left;
 +
display:block;
 +
margin-left:10px;
 +
 
 +
}
 +
 
 +
 +
div#navigation {
 +
width: 850px;
 +
height: 27px;
 +
background:rgba(0,0,0,.5);
 +
float:left;
 +
position:relative;
 +
top:54px;
 +
}
 +
ul#navigation-list {
 +
height: 27px;
 +
line-height: 27px;
 +
overflow: auto;
 +
}
 +
ul#navigation-list > li {
 +
float: left;
 +
margin-top:-5px;
 +
}
 +
ul#navigation-list > li > ul {
 +
position: absolute;
 +
display: none;
 +
background: #000000;
 +
z-index: 100000;
 +
}
 +
ul#navigation-list > li > ul.submenu {
 +
margin: 0;
 +
}
 +
ul#navigation-list > li > ul.submenu li {
 +
padding: 2px 0px;
 +
}
 +
ul#navigation-list a.navlink {
 +
color: #ffffff;
 +
font-weight: normal;
 +
display: block;
 +
padding: 0px 10px;
 +
text-decoration: none;
 +
}
 +
ul#navigation-list a.navlink.active,
 +
ul#navigation-list a.navlink:hover {
 +
color: #ff0000;
 +
}
 +
div#home-main-image {
 +
text-align: center;
 +
background-color: #410000;
 +
height:475px;
 +
border-bottom:1px #000 solid;
 +
}
 +
div#the-content {
 +
position:relative;
 +
top:-19px;
 +
 +
}
 +
div#home-main-image img {
 +
/*width: 885px;
 +
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;
 +
}
 +
#bodyContent {
 +
}
 +
#three-column
 +
{
 +
margin:0 auto;
 +
width:850px;
 +
margin-top:50px;
 +
 +
}
 +
 +
.col
 +
{
 +
text-align:justify; float:left; margin:5px;
 +
}
 +
.col h1
 +
{
 +
font-size:14px;
 +
color:#000;
 +
 +
}
 +
/* hide native rubbish*/
 +
#top-section {display:none; position:absolute; left:0px; top:-200px;}
 +
#top-section a { color:#FFF; }
 +
.firstHeading {display:none; position:absolute; left:0px; top:-200px;}
 +
.annoying-gap {
 +
padding:0px;
 +
margin:0px;
 +
line-height:0;
 +
}
 +
 +
#contentSub, #siteSub {display:none;}
 +
 +
#control-btn
 +
{
 +
 +
width: 20px;
 +
height: 20px;
 +
position:absolute;
 +
top:0px;
 +
left:5px;
 +
 +
line-height: 0px;
 +
 +
 +
}
 +
.btn-cog {
 +
background: url('https://static.igem.org/mediawiki/2012/d/d4/Control-panel-sml.png') #000 no-repeat  2px 2px;
 +
}
 +
.btn-close {
 +
background: url('https://static.igem.org/mediawiki/2012/d/d0/Close-btn.png')  #000 no-repeat  2px 2px;
 +
}
 +
.right-menu li a, .left-menu li a {background: none}
 +
</style>
 +
 
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
 +
<script type="text/javascript">
 +
$('document').ready(function() {
 +
 +
// menu
 +
$('li.submenu-holder').hover(function() {
 +
$(this).children('ul.submenu').stop(true).fadeIn('fast');
 +
}, function() {
 +
$(this).children('ul.submenu').stop(true).fadeOut('fast');
 +
});
 +
 
 +
              // hide standard team basics
 +
              $('#top-section').hide();
 +
  $('#bodyContent p:first').addClass("annoying-gap");
 +
 
 +
 +
$('#control-btn').click( function(){
 +
 +
if ($('#control-btn').hasClass("btn-cog"))
 +
{
 +
showTopMenu();
 +
$('#control-btn').animate({left: "-20px"});
 +
$('#control-btn').addClass("btn-close");
 +
$('#control-btn').removeClass("btn-cog");
 +
} else
 +
{
 +
hideTopMenu();
 +
$('#control-btn').animate({left: "0px"});
 +
$('#control-btn').addClass("btn-cog");
 +
$('#control-btn').removeClass("btn-close");
 +
}
 +
});
 +
 +
});
 +
 +
 +
 +
 +
var $bar;
 +
function hideTopMenu()
 +
{
 +
$bar.slideUp('fast');
 +
 +
}
 +
function showTopMenu()
 +
{
 +
if ($bar==null)
{
{
-
background-color:#8F8F8F;
+
$bar = $("#top-section").clone();
-
position: fixed;
+
$($bar.find("#search-controls")).remove();
-
width:100%;
+
$($bar.find("#p-logo")).remove();
-
height:2000px;
+
$("#wrapper").prepend($bar);
-
z-index: 100000000000;
+
$bar.css("position", "absolute");
-
top:0px;
+
$bar.css("top", "0px");
-
right:0px;
+
$bar.css("left", "0px");
-
}
+
$bar.css("background", "none");
-
#page_container
+
$bar.css("background", "rgba(0,0,0,.5)");
-
{
+
$bar.css("height", "20px");
-
background-color: white;
+
$bar.css("border", "none");
-
margin: 0px auto 0px auto;
+
$bar.css("z-index", "100");
-
height: 3000px;
+
$bar.css("color", "#000");
-
width: 1000px;
+
-
}
+
-
#page_logo
+
-
{
+
-
height:120px;
+
-
padding-left: 15px;
+
-
padding-top: 10px;
+
-
}
+
-
#main_menu
+
-
{
+
-
background-color: #F0F0F0;
+
-
height: 20px;
+
-
padding:5px 20px;
+
-
}
+
-
#page_content
+
-
{
+
-
padding:20px;
+
}
}
 +
$bar.slideDown('fast');
-
h2
+
$('#control-btn').mouseover( function(){
-
{
+
-
text-decoration: none;
+
});
-
}
+
}
-
</style>
+
</script>
-
</head>
+
</head>
-
<body>
+
 
-
<div id="page_overlay">
+
<body>
-
<div id="page_container">
+
<div id="wrapper">
-
<div>
+
 
-
<div id="page_logo">
+
<div id="header">
-
<img src="https://static.igem.org/mediawiki/2013/e/ec/Hitbug_small_transparent.png" />
+
  <div id="control-btn" class="btn-cog"></div>
-
</div>
+
 
-
<div id="main_menu">
+
<div id="navigation">
-
Home &nbsp;&nbsp;|&nbsp;&nbsp;
+
<ul id="navigation-list">
-
Team &nbsp;&nbsp;|&nbsp;&nbsp;
+
<li><a href="https://2012.igem.org/Team:Westminster" class="navlink active">Home</a></li>
-
Official Team Profile &nbsp;&nbsp;|&nbsp;&nbsp;
+
<li><a href="https://2012.igem.org/Team:Westminster/Team" class="navlink">Team</a></li>
-
Project Parts Submitted to the Registry &nbsp;&nbsp;|&nbsp;&nbsp;
+
<li class="submenu-holder">
-
Modeling &nbsp;&nbsp;|&nbsp;&nbsp;
+
<a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Project</a>
-
Notebook &nbsp;&nbsp;|&nbsp;&nbsp;
+
 
-
Safety &nbsp;&nbsp;|&nbsp;&nbsp;
+
<ul class="submenu">
-
Attributions &nbsp;&nbsp;|&nbsp;&nbsp;
+
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Overview</a></li>
-
</div>
+
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Problem"class="navlink">The Problem</a></li>
-
</div>
+
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Experiments"class="navlink">Experiments</a></li>
-
<div id="page_content" >
+
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Protocols"class="navlink">Protocols</a></li>
-
<h2>Page title</h2>
+
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Results"class="navlink">Results</a></li>
-
<h3>Header</h3>
+
 
-
<p>
+
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li>
-
<img style="float:right; height: 200px;" src="http://bedbugremoval.org/wp-content/uploads/2012/05/bedbug.jpg" />
+
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li>
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
+
                           
-
<h3>Header</h3>
+
                 
-
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
+
</ul>
-
</div>
+
</li>
-
</div>
+
<li><a href="https://2012.igem.org/Team:Westminster/Parts"class="navlink">Parts</a></li>
-
<div style="clear:both;"></div>
+
<li><a href="https://2012.igem.org/Team:Westminster/Modeling"class="navlink">Modeling</a></li>
-
</div>
+
<li><a href="https://2012.igem.org/Team:Westminster/Outreach"class="navlink">Outreach</a></li>
-
</body>
+
                    <li><a href="https://2012.igem.org/Team:Westminster/Judging"class="navlink">Judging Criteria</a></li>
-
</html>
+
 
 +
 +
<li><a href="https://2012.igem.org/Team:Westminster/Attributions"class="navlink">Attributions</a></li>
 +
</ul><!-- #navigation-list -->
 +
</div><!-- #navigation -->
 +
            <div id="logo">
 +
                    <a href="http://www.igem.org" title="iGEM homepage"><img src="https://static.igem.org/mediawiki/igem.org/d/dc/Igem-small-white.png" alt="iGEM logo" width="55" height="44" /></a>
 +
<a href="https://2012.igem.org/Team:Westminster">
 +
<img src="https://static.igem.org/mediawiki/2013/e/ec/Hitbug_small_transparent.png" alt="iSTEM - intelligent synthetic tumour eliminating machine" width="180" height="70" title="iSTEM - intelligent synthetic tumour eliminating machine" />
 +
</a>
 +
</div><!-- #logo -->
 +
</div><!-- #header -->
 +
 
 +
<div id="the-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!" /--->

Revision as of 10:51, 29 September 2013