Team:Westminster/Parts
From 2012.igem.org
(Difference between revisions)
Line 11: | Line 11: | ||
} | } | ||
body { | body { | ||
- | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | + | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; |
font-weight: 300; | font-weight: 300; | ||
- | + | /* background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;*/ | |
+ | background-color:#FFF; | ||
color: #666666; | color: #666666; | ||
+ | |||
} | } | ||
- | h1 | + | h1 { |
color: #ff0000; | color: #ff0000; | ||
font-size: 18pt; | font-size: 18pt; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
p { | p { | ||
Line 39: | Line 37: | ||
div#content { | div#content { | ||
box-shadow: 0px 0px 17px -4px #666666; | box-shadow: 0px 0px 17px -4px #666666; | ||
+ | padding:0px; | ||
+ | margin-top:0px; | ||
+ | |||
} | } | ||
div#wrapper { | div#wrapper { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 100%; |
font-size: 12pt; | font-size: 12pt; | ||
- | |||
margin: 0 auto; | margin: 0 auto; | ||
background: #ffffff; | 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 { | div#header { | ||
- | height: | + | 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 { | div#header div#logo { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 260px; |
- | height: | + | right:10px; |
- | margin: 0 auto; | + | top:-9px; |
+ | float:right; | ||
+ | |||
+ | margin-bottom: 0px; | ||
+ | /* | ||
+ | height: 0px; | ||
+ | margin: 0 auto;*/ | ||
} | } | ||
- | div#header div#logo { | + | div#header div#logo a { |
- | margin- | + | float:left; |
+ | display:block; | ||
+ | margin-left:10px; | ||
+ | |||
} | } | ||
+ | |||
+ | |||
div#navigation { | div#navigation { | ||
- | width: | + | width: 850px; |
- | height: | + | height: 27px; |
- | background: | + | background:rgba(0,0,0,.5); |
+ | float:left; | ||
+ | position:relative; | ||
+ | top:54px; | ||
} | } | ||
ul#navigation-list { | ul#navigation-list { | ||
- | height: | + | height: 27px; |
- | line-height: | + | line-height: 27px; |
- | overflow: | + | overflow: auto; |
} | } | ||
ul#navigation-list > li { | ul#navigation-list > li { | ||
float: left; | float: left; | ||
+ | margin-top:-5px; | ||
} | } | ||
ul#navigation-list > li > ul { | ul#navigation-list > li > ul { | ||
Line 83: | Line 113: | ||
} | } | ||
ul#navigation-list > li > ul.submenu li { | ul#navigation-list > li > ul.submenu li { | ||
- | padding: | + | padding: 2px 0px; |
} | } | ||
ul#navigation-list a.navlink { | ul#navigation-list a.navlink { | ||
color: #ffffff; | color: #ffffff; | ||
- | font-weight: | + | font-weight: normal; |
display: block; | display: block; | ||
- | padding: 0px | + | padding: 0px 10px; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 98: | Line 128: | ||
div#home-main-image { | div#home-main-image { | ||
text-align: center; | text-align: center; | ||
+ | background-color: #410000; | ||
+ | |||
+ | border-bottom:1px #000 solid; | ||
+ | } | ||
+ | div#the-content { | ||
+ | position:relative; | ||
+ | top:-19px; | ||
+ | |||
} | } | ||
div#home-main-image img { | div#home-main-image img { | ||
- | width: 885px; | + | /*width: 885px; |
height: 300px; | height: 300px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
border-radius: 20px; | border-radius: 20px; | ||
+ | */ | ||
} | } | ||
div.text-box { | div.text-box { | ||
Line 110: | Line 149: | ||
padding: 15px 20px; | padding: 15px 20px; | ||
border-radius: 10px; | border-radius: 10px; | ||
+ | |||
} | } | ||
- | div | + | div#footer-box { |
- | + | border-radius: 0 0 5px 5px; | |
- | + | ||
} | } | ||
- | + | #bodyContent { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #three-column | |
- | + | { | |
- | width: | + | margin:0 auto; |
- | margin: | + | 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} | ||
+ | |||
+ | #home-main-text { | ||
+ | padding:20px 40px 20px 40px; | ||
+ | text-align: justify; | ||
} | } | ||
</style> | </style> | ||
Line 134: | Line 216: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$('document').ready(function() { | $('document').ready(function() { | ||
- | $('li.submenu-holder').hover(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) | ||
+ | { | ||
+ | $bar = $("#top-section").clone(); | ||
+ | $($bar.find("#search-controls")).remove(); | ||
+ | $($bar.find("#p-logo")).remove(); | ||
+ | $("#wrapper").prepend($bar); | ||
+ | $bar.css("position", "absolute"); | ||
+ | $bar.css("top", "0px"); | ||
+ | $bar.css("left", "0px"); | ||
+ | $bar.css("background", "none"); | ||
+ | $bar.css("background", "rgba(0,0,0,.5)"); | ||
+ | $bar.css("height", "20px"); | ||
+ | $bar.css("border", "none"); | ||
+ | $bar.css("z-index", "100"); | ||
+ | $bar.css("color", "#000"); | ||
+ | |||
+ | |||
+ | } | ||
+ | $bar.slideDown('fast'); | ||
+ | |||
+ | $('#control-btn').mouseover( function(){ | ||
+ | |||
+ | }); | ||
+ | } | ||
</script> | </script> | ||
- | |||
</head> | </head> | ||
<body> | <body> | ||
- | |||
<div id="wrapper"> | <div id="wrapper"> | ||
<div id="header"> | <div id="header"> | ||
- | + | <div id="control-btn" class="btn-cog"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div id="navigation"> | <div id="navigation"> | ||
<ul id="navigation-list"> | <ul id="navigation-list"> | ||
- | <li><a href="https://2012.igem.org/Team:Westminster" class="navlink">Home</a></li> | + | <li><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://2012.igem.org/Team:Westminster/Team" class="navlink">Team</a></li> | ||
- | |||
<li class="submenu-holder"> | <li class="submenu-holder"> | ||
- | <a href="https://2012.igem.org/Team:Westminster | + | <a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Project</a> |
+ | |||
<ul class="submenu"> | <ul class="submenu"> | ||
- | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink | + | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Overview</a></li> |
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Problem"class="navlink">The Problem</a></li> | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Problem"class="navlink">The Problem</a></li> | ||
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Experiments"class="navlink">Experiments</a></li> | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Experiments"class="navlink">Experiments</a></li> | ||
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Protocols"class="navlink">Protocols</a></li> | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Protocols"class="navlink">Protocols</a></li> | ||
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Results"class="navlink">Results</a></li> | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Results"class="navlink">Results</a></li> | ||
+ | |||
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li> | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li> | ||
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li> | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li> | ||
+ | |||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="https://2012.igem.org/Team:Westminster/Parts"class="navlink | + | <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/Modeling"class="navlink">Modeling</a></li> | ||
- | <li><a href="https://2012.igem.org/Team:Westminster/ | + | <li><a href="https://2012.igem.org/Team:Westminster/Outreach"class="navlink">Outreach</a></li> |
- | + | <li><a href="https://2012.igem.org/Team:Westminster/Judging"class="navlink">Judging Criteria</a></li> | |
+ | |||
+ | |||
<li><a href="https://2012.igem.org/Team:Westminster/Attributions"class="navlink">Attributions</a></li> | <li><a href="https://2012.igem.org/Team:Westminster/Attributions"class="navlink">Attributions</a></li> | ||
</ul><!-- #navigation-list --> | </ul><!-- #navigation-list --> | ||
</div><!-- #navigation --> | </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/2012/a/ae/Logo-white.png" alt="iSTEM - intelligent synthetic tumour eliminating machine" width="172" height="66" title="iSTEM - intelligent synthetic tumour eliminating machine" /> | ||
+ | </a> | ||
+ | </div><!-- #logo --> | ||
</div><!-- #header --> | </div><!-- #header --> | ||
<div id="the-content"> | <div id="the-content"> | ||
- | <div id="home-main-image"> | + | <!--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!" /> | <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--><!-- #home-main-image --> |
<div id="home-main-text"> | <div id="home-main-text"> | ||
- | < | + | <h1>Parts</h1> |
- | <p> | + | |
- | < | + | <p>The following parts have been submitted: </p> |
- | + | <ul> | |
- | + | <li><a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K940000">ALDH1A1 – BBa_K940000</a></li> | |
- | + | <li><a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K940001">ALDH2 – BBa_K940001</a></li> | |
- | + | <li><a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K940002">ALDH 1A3 – Bba_K940002 </a></li> | |
- | + | <li><a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K940003">ALDH3A1 – BBa_K940003</a></li> | |
- | + | </ul> | |
</div><!-- #home-main-text --> | </div><!-- #home-main-text --> | ||
</div><!-- #the-content --> | </div><!-- #the-content --> | ||
+ | |||
+ | |||
</div><!-- #wrapper --> | </div><!-- #wrapper --> |
Revision as of 23:18, 26 September 2012
Parts
The following parts have been submitted: