Team:Westminster/Attributions

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: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;*/
 +
background-color:#FFF;
color: #666666;
color: #666666;
 +
}
}
-
h1, h2 {
+
h1 {
color: #ff0000;
color: #ff0000;
font-size: 18pt;
font-size: 18pt;
margin-bottom: 0.5em;
margin-bottom: 0.5em;
-
}
+
-
h2 {
+
 
-
font-size: 16pt;
+
-
}
+
-
h3 {
+
-
color: #ff0000;
+
}
}
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: 885px;
+
width: 100%;
font-size: 12pt;
font-size: 12pt;
-
padding: 50px 40px;
 
margin: 0 auto;
margin: 0 auto;
background: #ffffff;
background: #ffffff;
 +
background-attachment: url('http://2012.igem.org/wiki/images/2/2e/Bg-tumours.png');
 +
background-repeat: no-repeat;
 +
 +
padding:0px;
 +
margin-top:0px;
 +
top:0px;
 +
}
}
div#header {
div#header {
-
height: 185px;
+
height: 120px;
 +
width: 100%;
 +
background-color:#000;
 +
background: url('http://2012.igem.org/wiki/images/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: 400px;
+
width: 260px;
-
height: 125px;
+
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-bottom: 20px;
+
float:left;
 +
display:block;
 +
margin-left:10px;
 +
 
}
}
 +
 +
div#navigation {
div#navigation {
-
width: 100%;
+
width: 850px;
-
height: 40px;
+
height: 27px;
-
background: #000000;
+
background:rgba(0,0,0,.5);
 +
float:left;
 +
position:relative;
 +
top:54px;
}
}
ul#navigation-list {
ul#navigation-list {
-
height: 40px;
+
height: 27px;
-
line-height: 40px;
+
line-height: 27px;
-
overflow: hidden;
+
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: 5px 0px;
+
padding: 2px 0px;
}
}
ul#navigation-list a.navlink {
ul#navigation-list a.navlink {
color: #ffffff;
color: #ffffff;
-
font-weight: bold;
+
font-weight: normal;
display: block;
display: block;
-
padding: 0px 14px;
+
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.column {
+
-
float: left;
+
-
width: 235px;
+
-
padding-left: 20px;
+
-
margin: 10px 20px 50px 0px;
+
}
}
div#footer-box {
div#footer-box {
border-radius: 0 0 5px 5px;
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('http://2012.igem.org/wiki/images/d/d4/Control-panel-sml.png') #000 no-repeat  2px 2px;
 +
}
 +
.btn-close {
 +
background: url('http://2012.igem.org/wiki/images/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;
 +
}
 +
.diary-date {
 +
font-weight: bold;
 +
width:100%;
 +
 +
}
 +
#home-main-text ul li
 +
{
 +
list-style-image: url('http://2012.igem.org/wiki/images/4/43/Tickmark.png');
 +
}
}
</style>
</style>
Line 125: Line 226:
<script type="text/javascript">
<script type="text/javascript">
$('document').ready(function() {
$('document').ready(function() {
-
$('li.submenu-holder').hover(function() {
+
-
$(this).children('ul.submenu').stop(true).fadeIn('slow');
+
// menu
-
}, function() {
+
$('li.submenu-holder').hover(function() {
-
$(this).children('ul.submenu').stop(true).fadeOut('slow');
+
$(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="logo">
+
  <div id="control-btn" class="btn-cog"></div>
-
<a href="http://2012.igem.org/Team:Westminster">
+
 
-
<img src="http://2012.igem.org/wiki/images/1/1e/Westminster-logo.png" alt="iSTEM" title="Back to home!" />
+
-
</a>
+
-
</div><!-- #logo -->
+
<div id="navigation">
<div id="navigation">
<ul id="navigation-list">
<ul id="navigation-list">
<li><a href="http://2012.igem.org/Team:Westminster" class="navlink">Home</a></li>
<li><a href="http://2012.igem.org/Team:Westminster" class="navlink">Home</a></li>
<li><a href="http://2012.igem.org/Team:Westminster/Team" class="navlink">Team</a></li>
<li><a href="http://2012.igem.org/Team:Westminster/Team" class="navlink">Team</a></li>
-
<li><a href="http://igem.org/Team.cgi?year=2012&team_name=Westminster"class="navlink">Team Profile</a></li>
 
<li class="submenu-holder">
<li class="submenu-holder">
-
<a href="http://2012.igem.org/Team:Westminster/Project/Overview"class="navlink">Project</a>
+
<a href="http://2012.igem.org/Team:Westminster/Overview"class="navlink">Project</a>
 +
 
<ul class="submenu">
<ul class="submenu">
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Overview"class="navlink">Overview</a></li>
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Overview"class="navlink">Overview</a></li>
Line 158: Line 315:
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Protocols"class="navlink">Protocols</a></li>
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Protocols"class="navlink">Protocols</a></li>
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Results"class="navlink">Results</a></li>
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Results"class="navlink">Results</a></li>
 +
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li>
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li>
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li>
<li class="submenu-button"><a href="http://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li>
 +
                       
 +
                 
</ul>
</ul>
</li>
</li>
<li><a href="http://2012.igem.org/Team:Westminster/Parts"class="navlink">Parts</a></li>
<li><a href="http://2012.igem.org/Team:Westminster/Parts"class="navlink">Parts</a></li>
<li><a href="http://2012.igem.org/Team:Westminster/Modeling"class="navlink">Modeling</a></li>
<li><a href="http://2012.igem.org/Team:Westminster/Modeling"class="navlink">Modeling</a></li>
-
<li><a href="http://2012.igem.org/Team:Westminster/Notebook"class="navlink">Notebook</a></li>
+
<li><a href="http://2012.igem.org/Team:Westminster/Outreach"class="navlink">Outreach</a></li>
-
<li><a href="http://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li>
+
                    <li><a href="http://2012.igem.org/Team:Westminster/Judging"class="navlink">Judging Criteria</a></li>
 +
 
 +
<li><a href="http://2012.igem.org/Team:Westminster/Attributions"class="navlink active">Attributions</a></li>
<li><a href="http://2012.igem.org/Team:Westminster/Attributions"class="navlink active">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="http://igem.org/wiki/images/d/dc/Igem-small-white.png" alt="iGEM logo" width="55" height="44" /></a>
 +
<a href="http://2012.igem.org/Team:Westminster">
 +
<img src="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/0/08/258617_373128016098856_2002317831_o.jpg" alt="Welcome" title="Welcome to our home!" />
+
<img src="http://2012.igem.org/wiki/images/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">
-
<h2>Lorem Ipsum</h2>
+
<h2>Attributions</h2>
<p>All work has been done by the team except contributions mentioned here. </p>                                  <p>Many thanks to our sponsors: University of Westminster, University of Westminster Students' Union, Autodesk, Geneious, IDT and Mathworks</p>
<p>All work has been done by the team except contributions mentioned here. </p>                                  <p>Many thanks to our sponsors: University of Westminster, University of Westminster Students' Union, Autodesk, Geneious, IDT and Mathworks</p>
<p>Anderew Duncan Jenks did the mammalian transfecion work, Myrsini Tsimon, Rhyan Puno and Eustace Fernando gave advice during the lab work. </p>
<p>Anderew Duncan Jenks did the mammalian transfecion work, Myrsini Tsimon, Rhyan Puno and Eustace Fernando gave advice during the lab work. </p>
-
<div id="three-columns">
+
 
-
<div class="column text-box">
+
-
<h3>Lorem Ipsum</h3>
+
-
<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.</p>
+
-
</div><!-- .column -->
+
-
<div class="column text-box">
+
-
<h3>Lorem Ipsum</h3>
+
-
<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.</p>
+
-
</div><!-- .column -->
+
-
<div class="column text-box">
+
-
<h3>Lorem Ipsum</h3>
+
-
<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.</p>
+
-
</div><!-- .column -->
+
-
</div><!-- #three-columns -->
+
</div><!-- #home-main-text -->
</div><!-- #home-main-text -->
Line 203: Line 358:
</body>
</body>
 +
</html>
</html>

Revision as of 23:13, 26 September 2012

Attributions

All work has been done by the team except contributions mentioned here.

Many thanks to our sponsors: University of Westminster, University of Westminster Students' Union, Autodesk, Geneious, IDT and Mathworks

Anderew Duncan Jenks did the mammalian transfecion work, Myrsini Tsimon, Rhyan Puno and Eustace Fernando gave advice during the lab work.