Team:Westminster/Attributions
From 2012.igem.org
S.berciano (Talk | contribs) |
|||
(13 intermediate revisions not shown) | |||
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#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('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; | ||
+ | } | ||
+ | .diary-date { | ||
+ | font-weight: bold; | ||
+ | width:100%; | ||
+ | |||
+ | } | ||
+ | #home-main-text ul li | ||
+ | { | ||
+ | list-style-image: url('https://static.igem.org/mediawiki/2012/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() { | + | |
- | + | // 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">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">Overview</a></li> | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Overview</a></li> | ||
Line 158: | Line 315: | ||
<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">Parts</a></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/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 active">Attributions</a></li> | <li><a href="https://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="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="home-main-image"> | <div id="home-main-image"> | ||
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/1/15/AttributionsWmin.jpg" alt="Welcome" width="965" height="518" title="Welcome to our home!" /> |
</div><!-- #home-main-image --> | </div><!-- #home-main-image --> | ||
<div id="home-main-text"> | <div id="home-main-text"> | ||
- | + | <h2>Attributions & Acknowledgements</h2> | |
- | <p> | + | <p>All work has been done by the team members unless stated otherwise.</p> |
+ | <p>A big thank you to our PhD Advisors: Andrew Duncan Jenks - who did the mammalian transfecion work; Myrsini Tsimon, Rhyan Puno, Eustace Fernando and Amrutha Chilumuri - who were there for us, giving precious advice during the brainstorming sessions and in the lab. We are particularly thankful to Howard Boland, who was with us in every part of the project, sharing his passion for synthetic biology and art and supporting in moments when things weren´t working.</p> | ||
+ | <p> We also deeply thank our Academic Advisor, Dr. Mark Clements, for his enthusiasm, energy and infinite patience. You inspired us all and made the learning process very enjoyable! We are also grateful to Dr. Anatoliy Markiv and Dr. Sterghios Moschos for their help during the first brainstorming sessions, and to Dr. Miriam Dwek for sharing her knowledge and opinions with us in a wonderful interview. </p> | ||
+ | |||
+ | <p>Many thanks to our sponsors: the University of Westminster, University of Westminster Students' Union, Autodesk, Geneious, IDT and Mathworks for your support - the iSTEM would not have been possible without you!</p> | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div><!-- #home-main-text --> | </div><!-- #home-main-text --> | ||
Line 202: | Line 361: | ||
</body> | </body> | ||
+ | |||
</html> | </html> | ||
+ | hello |
Latest revision as of 15:30, 9 August 2013
Attributions & Acknowledgements
All work has been done by the team members unless stated otherwise.
A big thank you to our PhD Advisors: Andrew Duncan Jenks - who did the mammalian transfecion work; Myrsini Tsimon, Rhyan Puno, Eustace Fernando and Amrutha Chilumuri - who were there for us, giving precious advice during the brainstorming sessions and in the lab. We are particularly thankful to Howard Boland, who was with us in every part of the project, sharing his passion for synthetic biology and art and supporting in moments when things weren´t working.
We also deeply thank our Academic Advisor, Dr. Mark Clements, for his enthusiasm, energy and infinite patience. You inspired us all and made the learning process very enjoyable! We are also grateful to Dr. Anatoliy Markiv and Dr. Sterghios Moschos for their help during the first brainstorming sessions, and to Dr. Miriam Dwek for sharing her knowledge and opinions with us in a wonderful interview.
Many thanks to our sponsors: the University of Westminster, University of Westminster Students' Union, Autodesk, Geneious, IDT and Mathworks for your support - the iSTEM would not have been possible without you!