|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | | + | <div> |
| - | <!-- | + | <div id='wiki_content'> |
| - | <script src='/Team:Cambridge/static/wiki.js?action=raw' type='text/javascript'></script> | + | <style type='text/css'> |
| - | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> | + | .cam-home-row {margin-bottom: 15px;} |
| - | -->
| + | .cam-home-box {width:358px;height:200px;border: 1px solid lightgrey;text-align: center;opacity:.9;} |
| - | <script type="text/javascript">
| + | .cam-home-box:hover {opacity:1;} |
| - |
| + | .cam-home-box-content{font-style: italic;font-size:15px;} |
| - | var get_login = function() | + | |
| - | {
| + | |
| - | var page = $('#menubar.right-menu').find('#pt-userpage');
| + | |
| - | if(page.length == 0) return undefined;
| + | |
| - | return page.children('a').text();
| + | |
| - | }
| + | |
| - | | + | |
| - | var set_login = function(username)
| + | |
| - | {
| + | |
| - | if(username != undefined)
| + | |
| - | {
| + | |
| - | $('#user-link').text(username).attr('href', '/User:' + username);
| + | |
| - | $('#edit-link').text('Edit');
| + | |
| - | $('#logged_out').hide();
| + | |
| - | $('#logged_in').show();
| + | |
| - | }
| + | |
| - | } | + | |
| - | | + | |
| - | var set_bk = function()
| + | |
| - | {
| + | |
| - | var w = screen.width;
| + | |
| - | var _c = 'cam-bk-';
| + | |
| - | if(w <= 1024)
| + | |
| - | _c=_c+'1024';
| + | |
| - | else if(w <= 1680)
| + | |
| - | _c=_c+'1680';
| + | |
| - | else if(w <= 1920)
| + | |
| - | _c=_c+'1920';
| + | |
| - | else _c = _c+'2650';
| + | |
| - |
| + | |
| - | _c = _c + '-';
| + | |
| - | | + | |
| - | var aspx = w / screen.height;
| + | |
| - | if(aspx <= 1.6) //16:10
| + | |
| - | _c = _c+'narrow';
| + | |
| - | else _c = _c+'wide';
| + | |
| - |
| + | |
| - | console.log('screen: ' + screen.width + 'x' + screen.height);
| + | |
| - | console.log(' -> ' + _c);
| + | |
| - |
| + | |
| - | $('body').addClass(_c);
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | var head = "<title>Cambridge iGEM</title>"; | + | |
| - | "<script src='//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></sc"+"ript>";
| + | |
| - | var scripts = ['//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js', | + | |
| - | '/Team:Cambridge/static/wiki.js?action=raw',
| + | |
| - | '/Team:Cambridge/static/introduction.js?action=raw',];
| + | |
| - |
| + | |
| - | | + | |
| - | $(window).ready(function() {
| + | |
| - | var login = get_login();
| + | |
| - | $('body').html($('#cam_page'));
| + | |
| - | $('head').html(head);
| + | |
| - |
| + | |
| - | for(i in scripts)
| + | |
| - | $.getScript(scripts[i]);
| + | |
| | | | |
| - | set_bk(); | + | .cam-home-box.cam-home-left{float:left;} |
| - | set_login(login); | + | .cam-home-box.cam-home-right{float:right;} |
| - | }); | + | |
| - | </script>
| + | |
| | | | |
| - | <div id='cam_page'>
| + | .cam-home-box.cam-home-abstract:hover {border-color: orange;} |
| | + | .cam-home-box.cam-home-colour:hover {border-color: red;} |
| | + | .cam-home-box.cam-home-survey:hover {border-color: lightgreen;} |
| | + | .cam-home-box.cam-home-tools:hover {border-color: blue;} |
| | | | |
| - | <style type="text/css">
| + | .cam-home-box-title {height:20px; color: #000000;margin-bottom:5px;} |
| - | .cam-ui-icon {width:16px;height:16px;background-image:url(/wiki/images/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;} | + | .cam-home-box-title p {font-size: 18px; font-weight: bold; margin:1px;} |
| - | .cam-ui-icon.cam-hover {background-image:url(/wiki/images/c/c2/CAM_Bactiridescence_Icons_hover.png);}
| + | |
| - | .cam-ui-icon-discuss {background-position: 0 0;} | + | |
| - | .cam-ui-icon-key {background-position: -16px 0;}
| + | |
| - | .cam-ui-icon-user {background-position: -32px 0;}
| + | |
| - | .cam-ui-icon-edit {background-position: -48px 0;}
| + | |
| - | .cam-ui-icon-igem {background-position: -64px 0;}
| + | |
| | | | |
| - | .cam-social-icon {width:48px;height:48px;display:inline-block;background-image:url(/wiki/images/5/50/CAM_Bactiridescence_Social.png);} | + | .cam-home-photos {height:200px;} |
| - | .cam-social-facebook{background-position: 0 0;}
| + | </style> |
| - | .cam-social-twitter{background-position: -48px 0;}
| + | |
| - | .cam-social-flickr{background-position: -96px 0;}
| + | |
| | | | |
| - | * {padding: 0; margin:0; word-break:break-word;}
| + | <div class='cam-home-row'> |
| - | body{ text-align: center; background: #eeeeee no-repeat fixed center top; margin-bottom: 10px; overflow-x:hidden;}
| + | |
| - | .cam-bk-1024-wide {background-image: url(/wiki/images/d/d0/CAM_bk_1024W.jpg);}
| + | |
| - | .cam-bk-1680-wide {background-image: url(/wiki/images/e/e6/CAM_bk_1680W.jpg);}
| + | |
| - | .cam-bk-1920-wide {background-image: url(/wiki/images/d/da/CAM_bk_1920W.jpg);}
| + | |
| - | .cam-bk-2650-wide {background-image: url(/wiki/images/5/56/CAM_bk_2650W.jpg);}
| + | |
| - | .cam-bk-1024-narrow {background-image: url(/wiki/images/4/47/CAM_bk_1024N.jpg);}
| + | |
| - | .cam-bk-1680-narrow {background-image: url(/wiki/images/3/38/CAM_bk_1680N.jpg);}
| + | |
| - | .cam-bk-1920-narrow {background-image: url(/wiki/images/7/7a/CAM_bk_1920N.jpg);}
| + | |
| - | .cam-bk-2650-narrow {background-image: url(/wiki/images/6/66/CAM_bk_2650N.jpg);}
| + | |
| | | | |
| - | #cam_page{width: 960px;text-align:left;display:inline-block;}
| + | <div class='cam-home-box cam-home-left cam-home-abstract'> |
| - | #cam_topbar{height:18px; margin: 0 6px 10px 2px;}
| + | <a href='/Team:Cambridge/Project'> |
| - | #cam_topbar a {font: 12px verdana, sans-serif; font-weight:bold; vertical-align:text-top;}
| + | <div class='cam-home-box-title'> |
| | + | <p>Abstract</p> |
| | + | </div> |
| | + | </a> |
| | + | <div class='cam-home-box-content'> |
| | + | <p>We investigated the properties of a novel yet under-researched group of proteins called reflectins.</p> |
| | + | <p>Reflectins are interesting because of their self-organising properties, which cause them to produce dynamic structural colour.</p> |
| | + | <p>We expressed codon-optimised reflectin in E.Coli, and observed the protein's in vivo and in vitro effects.</p> |
| | + | </div> |
| | + | </div> |
| | | | |
| - | #cam_left { width:186px; margin-right: 10px; float: left;}
| |
| - | #cam_right {width: 760px; float:left;}
| |
| - | .cam-header {height: 96px; margin-bottom: 12px!important;}
| |
| - | #cam_menubar{margin-bottom:14px;height:96px;}
| |
| - | .cam-box{background:url(/wiki/images/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black;}
| |
| - | .cam-box-content{font: 16px verdana, sans-serif;}
| |
| - | .cam-menu-item{float:left;width:148px;font-weight:bold;color:#666666;z-index:200;}
| |
| - | .cam-menu-item:hover{color:black;}
| |
| - | .cam-menu-item.cam-menu-selected{font-weight:bold!important;}
| |
| - | .cam-menu-top{height:50px;text-align:center;padding-top:36px;}
| |
| - | .cam-menu-text{font-size:16px;}
| |
| - | .cam-menu-bottom{height:10px;background-color:#ffffff!important; width:148px;}
| |
| | | | |
| - | a{text-decoration:none;color:#555555;font: 16px verdana, sans-serif; cursor:pointer;}
| |
| - | a:hover{color:#000000;}
| |
| - | a {outline: none!important;} /*Fix for Firefox*/
| |
| | | | |
| - | #cam_logo {position:relative;}
| + | <div class='cam-home-box cam-home-right cam-home-colour'> |
| - | #cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;}
| + | <a href='/Team:Cambridge/Reflectin'> |
| | + | <div class='cam-home-box-title'> |
| | + | <p>Structural Colour</p> |
| | + | </div> |
| | + | </a> |
| | + | <div class='cam-home-box-content'> |
| | + | <p>Nature’s colours don’t just come from pigments, but from structure too.</p> |
| | + | <p>Cephalopods camouflage themselves using intracellular structures made from reflectins.</p> |
| | + | <p>These are the only known proteinaceous structures to exhibit structural colour. They are inspiring a new class of responsive optical materials.</p> |
| | + | </div> |
| | + | </div> |
| | + | <div style='clear:both;'></div> |
| | + | </div> |
| | | | |
| - | #cam_desc {margin:2px;}
| |
| - | #cam_desc_top {margin-bottom: 5px;}
| |
| - | #cam_desc_color {float:left;width:10px;height:56px;}
| |
| - | #cam_desc_title {float:left;font:18px verdana, sans-serif;}
| |
| - | #cam_desc_area {margin: 5px;}
| |
| - | #cam_desc_subarea {margin: 5px; font-size:16px; padding-left:10px;}
| |
| - | #cam_desc_content {border-top: 1px solid grey; font: 15px verdana, sans-serif; padding:3px;}
| |
| | | | |
| - | .cam-desc-overview {background-color:red!important;}
| + | <div class='cam-home-photos cam-home-row'> |
| - | .cam-desc-project {background-color:orange!important;}
| + | <div class='cam- home- photo'></div> |
| - | .cam-desc-labwork {background-color:yellow!important;}
| + | <div class='cam- home- photo'></div> |
| - | .cam-desc-society {background-color:lightgreen!important;}
| + | <div class='cam- home- photo'></div> |
| - | .cam-desc-team {background-color:lightblue!important;}
| + | <div style=' clear: both;'></div> |
| - | | + | |
| - | /* area_hover */
| + | |
| - | #cam_overview:hover .cam-menu-bottom{background-color:red!important;}
| + | |
| - | #cam_project:hover .cam-menu-bottom{background-color:orange!important;}
| + | |
| - | #cam_labwork:hover .cam-menu-bottom{background-color:yellow!important;}
| + | |
| - | #cam_society:hover .cam-menu-bottom{background-color:lightgreen!important;}
| + | |
| - | #cam_team:hover .cam-menu-bottom{background-color:lightblue!important;}
| + | |
| - | /* area select */
| + | |
| - | #cam_overview.cam-selected .cam-menu-bottom{background-color:red!important;}
| + | |
| - | #cam_project.cam-selected .cam-menu-bottom{background-color:orange!important;}
| + | |
| - | #cam_labwork.cam-selected .cam-menu-bottom{background-color:yellow!important;}
| + | |
| - | #cam_society.cam-selected .cam-menu-bottom{background-color:lightgreen!important;}
| + | |
| - | #cam_team.cam-selected .cam-menu-bottom{background-color:lightblue!important;}
| + | |
| - | /* subarea select*/
| + | |
| - | .cam-subitems li.cam-selected a {margin-left:2px;color:black;}
| + | |
| - | .cam-overview li.cam-selected a {border-left:3px solid red;}
| + | |
| - | .cam-project li.cam-selected a {border-left:3px solid orange;}
| + | |
| - | .cam-labwork li.cam-selected a {border-left:3px solid yellow;}
| + | |
| - | .cam-society li.cam-selected a {border-left:3px solid lightgreen;}
| + | |
| - | .cam-team li.cam-selected a {border-left:3px solid lightblue;}
| + | |
| - | | + | |
| - | | + | |
| - | .cam-menu-all{position:absolute;opacity:0.95;}
| + | |
| - | .cam-menu-drop{display:none;width:148px;}
| + | |
| - | ul.cam-menu-drop {list-style:none;margin:0!important;list-style-image:none;}
| + | |
| - | .cam-menu-drop li {display:block; padding: 5px 2px; background-color:#272727;margin:0!important; }
| + | |
| - | .cam-menu-drop li a {display:block;color:#bbbbbb;padding: 7px 2px;}
| + | |
| - | .cam-menu-drop li a:hover {background-color:#aaaaaa;color:#000000;}
| + | |
| - | #cam_nav{min-height:300px;}
| + | |
| - | #cam_pagecontent {padding: 10px; min-height:480px;}
| + | |
| - | .printfooter {display:none;}
| + | |
| - | #cam_blog{position:absolute;right:-70px;top:82px;width:105px;height:105px;background-color:green;}
| + | |
| - | #cam_icons{height:60px;margin:4px 2px;overflow:hidden}
| + | |
| - | .cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative}
| + | |
| - | .cam-social-icon{position:absolute; top:12px;}
| + | |
| - | | + | |
| - | /*
| + | |
| - | ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
| + | |
| - | ** Copyright Gabriel Wicke - http://wikidev.net/
| + | |
| - | ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
| + | |
| - | **
| + | |
| - | ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
| + | |
| - | ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
| + | |
| - | ** Michael Zeltner and Geir Bækholt)
| + | |
| - | ** All you guys rock :)
| + | |
| - | *
| + | |
| - | ** All iGEM-related content removed by Haydn King, iGEM Cambridge, 2011
| + | |
| - | */
| + | |
| - | | + | |
| - | /*****************************************************************************************************
| + | |
| - | * The content div contains all of the contents of the page - provided by mediawiki
| + | |
| - | ****************************************************************************************************/
| + | |
| - | | + | |
| - | /* the left column width is specified in class .portlet */
| + | |
| - | | + | |
| - | /* general styles */
| + | |
| - | | + | |
| - | table {
| + | |
| - | font-size: 100%;
| + | |
| - | color: black;
| + | |
| - | }
| + | |
| - | | + | |
| - | img {
| + | |
| - | border: none;
| + | |
| - | vertical-align: middle;
| + | |
| - | }
| + | |
| - | p {
| + | |
| - | margin: .4em 0 .5em 0;
| + | |
| - | line-height: 1.5em;
| + | |
| - | }
| + | |
| - | p img {
| + | |
| - | margin: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | hr {
| + | |
| - | height: 1px;
| + | |
| - | color: #aaa;
| + | |
| - | border: 0;
| + | |
| - | margin: .2em 0 .2em 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | h1, h2, h3, h4, h5, h6 {
| + | |
| - | color: black;
| + | |
| - | background: none;
| + | |
| - | font-weight: normal;
| + | |
| - | margin: 0;
| + | |
| - | padding-top: .5em;
| + | |
| - | padding-bottom: .17em;
| + | |
| - | border-bottom: 1px solid #aaa;
| + | |
| - | }
| + | |
| - | h1 { font-size: 188%; }
| + | |
| - | h2 { font-size: 150%; }
| + | |
| - | h3, h4, h5, h6 {
| + | |
| - | border-bottom: none;
| + | |
| - | font-weight: bold;
| + | |
| - | }
| + | |
| - | h3 { font-size: 132%; }
| + | |
| - | h4 { font-size: 116%; }
| + | |
| - | h5 { font-size: 100%; }
| + | |
| - | h6 { font-size: 80%; }
| + | |
| - | | + | |
| - | ul {
| + | |
| - | line-height: 1.5em;
| + | |
| - | list-style-type: square;
| + | |
| - | margin: .3em 0 0 1.5em;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | ol {
| + | |
| - | line-height: 1.5em;
| + | |
| - | margin: .3em 0 0 3.2em;
| + | |
| - | padding: 0;
| + | |
| - | list-style-image: none;
| + | |
| - | }
| + | |
| - | li {
| + | |
| - | margin-bottom: .1em;
| + | |
| - | }
| + | |
| - | dt {
| + | |
| - | font-weight: bold;
| + | |
| - | margin-bottom: .1em;
| + | |
| - | }
| + | |
| - | dl {
| + | |
| - | margin-top: .2em;
| + | |
| - | margin-bottom: .5em;
| + | |
| - | }
| + | |
| - | dd {
| + | |
| - | line-height: 1.5em;
| + | |
| - | margin-left: 2em;
| + | |
| - | margin-bottom: .1em;
| + | |
| - | }
| + | |
| - | | + | |
| - | fieldset {
| + | |
| - | border: 1px solid #2f6fab;
| + | |
| - | margin: 1em 0 1em 0;
| + | |
| - | padding: 0 1em 1em;
| + | |
| - | line-height: 1.5em;
| + | |
| - | }
| + | |
| - | legend {
| + | |
| - | background: white;
| + | |
| - | padding: .5em;
| + | |
| - | font-size: 95%;
| + | |
| - | }
| + | |
| - | | + | |
| - | select {
| + | |
| - | vertical-align: top;
| + | |
| - | }
| + | |
| - | abbr, acronym, .explain {
| + | |
| - | border-bottom: 1px dotted black;
| + | |
| - | color: black;
| + | |
| - | background: none;
| + | |
| - | cursor: help;
| + | |
| - | }
| + | |
| - | q {
| + | |
| - | font-family: Times, "Times New Roman", serif;
| + | |
| - | font-style: italic;
| + | |
| - | }
| + | |
| - | code {
| + | |
| - | | + | |
| - | }
| + | |
| - | pre {
| + | |
| - | padding: 1em;
| + | |
| - | border: 1px dashed #2f6fab;
| + | |
| - | color: black;
| + | |
| - | line-height: 1.1em;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*
| + | |
| - | ** the main content area
| + | |
| - | */
| + | |
| - | | + | |
| - | #siteSub {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | #contentSub {
| + | |
| - | font-size: 84%;
| + | |
| - | line-height: 1.2em;
| + | |
| - | margin: 0 0 1.4em 1em;
| + | |
| - | color: #7d7d7d;
| + | |
| - | width: auto;
| + | |
| - | }
| + | |
| - | span.subpages {
| + | |
| - | display: block;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Some space under the headers in the content area */
| + | |
| - | #bodyContent h1, #bodyContent h2 {
| + | |
| - | margin-bottom: .6em;
| + | |
| - | }
| + | |
| - | #bodyContent h3, #bodyContent h4, #bodyContent h5 {
| + | |
| - | margin-bottom: .3em;
| + | |
| - | }
| + | |
| - | .firstHeading {
| + | |
| - | margin-bottom: .1em;
| + | |
| - | }
| + | |
| - | | + | |
| - | .error {
| + | |
| - | color: red;
| + | |
| - | font-size: larger;
| + | |
| - | }
| + | |
| - | /* currently unused, intended to be used by a metadata box
| + | |
| - | in the bottom-right corner of the content area */
| + | |
| - | .documentDescription {
| + | |
| - | /* The summary text describing the document */
| + | |
| - | font-weight: bold;
| + | |
| - | display: block;
| + | |
| - | margin: 1em 0;
| + | |
| - | line-height: 1.5em;
| + | |
| - | }
| + | |
| - | .documentByLine {
| + | |
| - | text-align: right;
| + | |
| - | font-size: 90%;
| + | |
| - | clear: both;
| + | |
| - | font-weight: normal;
| + | |
| - | color: #76797c;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* emulate center */
| + | |
| - | .center {
| + | |
| - | width: 100%;
| + | |
| - | text-align: center;
| + | |
| - | }
| + | |
| - | *.center * {
| + | |
| - | margin-left: auto;
| + | |
| - | margin-right: auto;
| + | |
| - | }
| + | |
| - | /* small for tables and similar */
| + | |
| - | .small, .small * {
| + | |
| - | font-size: 94%;
| + | |
| - | }
| + | |
| - | table.small {
| + | |
| - | font-size: 100%;
| + | |
| - | }
| + | |
| - | span.editsection
| + | |
| - | {
| + | |
| - | font-size: 15px;
| + | |
| - | float: right;
| + | |
| - | }
| + | |
| - | span.editsection a {font-size: 12px;}
| + | |
| - | | + | |
| - | /*
| + | |
| - | ** content styles
| + | |
| - | */
| + | |
| - | | + | |
| - | #toc,
| + | |
| - | .toc {
| + | |
| - | display: none; /*hide TOC forever and for always!*/
| + | |
| - | }
| + | |
| - | | + | |
| - | /* images */
| + | |
| - | div.floatright, table.floatright {
| + | |
| - | clear: right;
| + | |
| - | float: right;
| + | |
| - | position: relative;
| + | |
| - | margin: 0 0 .5em .5em;
| + | |
| - | border: 0;
| + | |
| - | }
| + | |
| - | div.floatright p { font-style: italic; }
| + | |
| - | div.floatleft, table.floatleft {
| + | |
| - | float: left;
| + | |
| - | position: relative;
| + | |
| - | margin: 0 .5em .5em 0;
| + | |
| - | border: 0;
| + | |
| - | }
| + | |
| - | div.floatleft p { font-style: italic; }
| + | |
| - | /* thumbnails */
| + | |
| - | div.thumb {
| + | |
| - | margin-bottom: .5em;
| + | |
| - | border-style: solid;
| + | |
| - | border-color: transparent;
| + | |
| - | width: auto;
| + | |
| - | }
| + | |
| - | div.thumb div {
| + | |
| - | border: 1px solid #ccc;
| + | |
| - | padding: 3px !important;
| + | |
| - | font-size: 94%;
| + | |
| - | text-align: center;
| + | |
| - | overflow: hidden;
| + | |
| - | }
| + | |
| - | div.thumb div a img {
| + | |
| - | border: 1px solid #ccc;
| + | |
| - | }
| + | |
| - | div.thumb div div.thumbcaption {
| + | |
| - | border: none;
| + | |
| - | text-align: left;
| + | |
| - | line-height: 1.4em;
| + | |
| - | padding: .3em 0 .1em 0;
| + | |
| - | }
| + | |
| - | div.magnify {
| + | |
| - | float: right;
| + | |
| - | border: none !important;
| + | |
| - | background: none !important;
| + | |
| - | }
| + | |
| - | div.magnify a, div.magnify img {
| + | |
| - | display: block;
| + | |
| - | border: none !important;
| + | |
| - | background: none !important;
| + | |
| - | }
| + | |
| - | div.tright {
| + | |
| - | clear: right;
| + | |
| - | float: right;
| + | |
| - | border-width: .5em 0 .8em 1.4em;
| + | |
| - | }
| + | |
| - | div.tleft {
| + | |
| - | float: left;
| + | |
| - | margin-right: .5em;
| + | |
| - | border-width: .5em 1.4em .8em 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | .hiddenStructure {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | img.tex {
| + | |
| - | vertical-align: middle;
| + | |
| - | }
| + | |
| - | span.texhtml {
| + | |
| - | font-family: serif;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*
| + | |
| - | ** classes for special content elements like town boxes
| + | |
| - | ** intended to be referenced directly from the wiki src
| + | |
| - | */
| + | |
| - | | + | |
| - | /*
| + | |
| - | ** User styles
| + | |
| - | */
| + | |
| - | /* table standards */
| + | |
| - | table.rimage {
| + | |
| - | float: right;
| + | |
| - | position: relative;
| + | |
| - | margin-left: 1em;
| + | |
| - | margin-bottom: 1em;
| + | |
| - | text-align: center;
| + | |
| - | }
| + | |
| - | .toccolours {
| + | |
| - | border: 1px solid #aaa;
| + | |
| - | padding: 5px;
| + | |
| - | font-size: 95%;
| + | |
| - | }
| + | |
| - | div.townBox {
| + | |
| - | position: relative;
| + | |
| - | float: right;
| + | |
| - | background: white;
| + | |
| - | margin-left: 1em;
| + | |
| - | border: 1px solid gray;
| + | |
| - | padding: .3em;
| + | |
| - | width: 200px;
| + | |
| - | overflow: hidden;
| + | |
| - | clear: right;
| + | |
| - | }
| + | |
| - | div.townBox dl {
| + | |
| - | padding: 0;
| + | |
| - | margin: 0 0 .3em;
| + | |
| - | font-size: 96%;
| + | |
| - | }
| + | |
| - | div.townBox dl dt {
| + | |
| - | background: none;
| + | |
| - | margin: .4em 0 0;
| + | |
| - | }
| + | |
| - | div.townBox dl dd {
| + | |
| - | margin: .1em 0 0 1.1em;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*
| + | |
| - | ** keep the whitespace in front of the ^=, hides rule from konqueror
| + | |
| - | ** this is css3, the validator doesn't like it when validating as css2
| + | |
| - | */
| + | |
| - | #bodyContent a[href ^="http://"],
| + | |
| - | #bodyContent a[href ^="gopher://"] {
| + | |
| - | /* background: url(external.png) center right no-repeat; rdr */
| + | |
| - | /* padding-right: 13px; rdr */
| + | |
| - | }
| + | |
| - | #bodyContent a[href ^="https://"],
| + | |
| - | .link-https {
| + | |
| - | background: url(lock_icon.gif) center right no-repeat;
| + | |
| - | padding-right: 16px;
| + | |
| - | }
| + | |
| - | #bodyContent a[href ^="mailto:"],
| + | |
| - | .link-mailto {
| + | |
| - | background: url(mail_icon.gif) center right no-repeat;
| + | |
| - | padding-right: 18px;
| + | |
| - | }
| + | |
| - | #bodyContent a[href ^="news://"] {
| + | |
| - | background: url(news_icon.png) center right no-repeat;
| + | |
| - | padding-right: 18px;
| + | |
| - | }
| + | |
| - | #bodyContent a[href ^="ftp://"],
| + | |
| - | .link-ftp {
| + | |
| - | background: url(file_icon.gif) center right no-repeat;
| + | |
| - | padding-right: 18px;
| + | |
| - | }
| + | |
| - | #bodyContent a[href ^="irc://"],
| + | |
| - | .link-irc {
| + | |
| - | background: url(discussionitem_icon.gif) center right no-repeat;
| + | |
| - | padding-right: 18px;
| + | |
| - | }
| + | |
| - | /* disable interwiki styling */
| + | |
| - | #bodyContent a.extiw,
| + | |
| - | #bodyContent a.extiw:active {
| + | |
| - | color: #36b;
| + | |
| - | background: none;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | /* this can be used in the content area to switch off
| + | |
| - | special external link styling */
| + | |
| - | #bodyContent .plainlinks a {
| + | |
| - | background: none !important;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | </style>
| + | |
| - | | + | |
| - | <div id='cam_topbar' class='cam-box'>
| + | |
| - | <div style='margin: 0px 12px; width:160px;float: left;'>
| + | |
| - | <div class='cam- ui- icon cam- ui- icon-igem'></div> | + | |
| - | <a href='https://2011.igem.org/Main_Page'>
| + | |
| - | iGEM HQ
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | <div style='margin: 0px 12px;float:left;'>
| + | |
| - | <div class='cam- ui- icon cam-ui-icon-edit'></div> | + | |
| - | <a id='edit-link' class='cam-external' href='#'>
| + | |
| - | Source
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | <div id='cam_login_status' style='margin: 0px 12px;float:right;'>
| + | |
| - | <span id='logged_out'>
| + | |
| - | <div class='cam- ui- icon cam-ui-icon-key'></div> | + | |
| - | <a id='login-link' class='cam-external' href='#'>
| + | |
| - | Login
| + | |
| - | </a>
| + | |
| - | </span>
| + | |
| - | <span id='logged_in' style='display:none;'>
| + | |
| - | <div class='cam- ui-icon cam-ui-icon- user'></div> | + | |
| - | <a id='user-link' class='cam-external' href='#'>
| + | |
| - |
| + | |
| - | </a>
| + | |
| - | <div class=' cam-ui-icon cam-ui-icon-user'></div> | + | |
| - | <a id='account-link' class='cam-external' href='https://igem.org/User_Information'>
| + | |
| - | My Account
| + | |
| - | </a>
| + | |
| - | <div class='cam-ui-icon cam-ui-icon-key'></div>
| + | |
| - | <a id='logout-link' class='cam-external' href='/wiki/index.php?title=Special:UserLogout'>
| + | |
| - | Logout
| + | |
| - | </a>
| + | |
| - | </span>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | | | |
| | | | |
| - | | + | <div class='cam-home-row'> |
| - | <div id='cam_left'> | + | <div class='cam- home-box cam-home-left cam- home-survey'> |
| - | <a href='/Team:Cambridge' title='Team:Cambridge'>
| + | <a href='/Team:Cambridge/Society'> |
| - | <div id='cam_logo' class='cam- header cam- box'> | + | <div class='cam -home-box- title'> |
| - | <div id='cam_innerlogo'>
| + | <p>Impact of iGEM</p> |
| - | <img src='/wiki/images/f/ff/CAM_Bactiridescence_logo_Small.png'></img>
| + | </div> |
| - | </div>
| + | </a> |
| - | </div>
| + | <div class=' cam-home-box-content'> |
| - | </a>
| + | <p>We wanted to know whether the iGEM has had any effect on it's previous contestants.</p> |
| - | <div id='cam_nav' class='cam-box'>
| + | <p>To this end, we conducted a number of interviews with previous iGEMmers, as well as conducting a simple poll of previous contestants.</p> |
| - | <div id='cam_desc'>
| + | </div> |
| - | <div id='cam_desc_top'>
| + | |
| - | <div id='cam_desc_color' class='cam-desc-overview'></div>
| + | |
| - | <div id='cam_desc_title'>
| + | |
| - | <div id='cam_desc_area'>OVERVIEW</div>
| + | |
| - | <div id='cam_desc_subarea'>home</div>
| + | |
| - | </div>
| + | |
| - | <div style=' clear:both;' ></div> | + | |
| - | </div>
| + | |
| - | <div id='cam_desc_content'></div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div id='cam_icons'>
| + | |
| - | | + | |
| - | <div class='cam-icon'>
| + | |
| - | <div href='http://www.facebook.com/cambridgeigem' class='cam-social-link' style='margin-right:19px;'>
| + | |
| - | <div class='cam-social-icon cam-social-facebook' title='Our Facebook Page'></div> | + | |
| | </div> | | </div> |
| - | </div>
| |
| | | | |
| - | <div class='cam-icon'> | + | <div class='cam- home-box cam-home-right cam-home-tools'> |
| - | <div href='http://twitter.com/#!/Cam_iGEM_2011' class='cam-social-link' style='margin-right:19px;'>
| + | <a href='/Team:Cambridge/Project'> |
| - | <div class='cam-social-icon cam-social-twitter' title='Our Twitter Feed'></div> | + | <div class='cam-home-box-title'> |
| | + | <p>Tools</p> |
| | + | </div> |
| | + | </a> |
| | + | <div class='cam-home-box-content'> |
| | + | <p>We used Gibson Assembly instead exclusively for construct assembly during the competition, allowing us to assemble plasmids faster and with greater ease than would be possible using standard techniques.</p> |
| | + | <p>We contributed to a collection of software tools called <a href='www.gibthon.org'>Gibthon</a> (initiated by Cambridge iGEM 2010), which aids the design of primers for Gibson assembly.</p> |
| | + | </div> |
| | + | </div> |
| | + | <div style='clear:both;'></div> |
| | </div> | | </div> |
| - | </div>
| |
| | | | |
| - | <div class='cam-icon'>
| |
| - | <div href='http://www.flickr.com/photos/65931349@N05/' class='cam-social-link'>
| |
| - | <div class='cam-social-icon cam-social-flickr' title='Our Flickr Stream'></div>
| |
| - | </div>
| |
| | </div> | | </div> |
| - | </div>
| |
| | </div> | | </div> |
| - |
| |
| - |
| |
| - | <div id='cam_right'>
| |
| - | <div id='cam_menubar'>
| |
| - | <div id='cam_overview' class='cam-menu-item cam-box cam-overview'>
| |
| - | <a href='/Team:Cambridge'>
| |
| - | <div class='cam-menu-top'>
| |
| - | <div class='cam-menu-text'>OVERVIEW</div>
| |
| - | </div>
| |
| - | </a>
| |
| - | <div class='cam-menu-all cam-subitem cam-overview'>
| |
| - | <ul class='cam-menu-drop'>
| |
| - | <li class='cam-overview-home'>
| |
| - | <a href='/Team:Cambridge'>HOME</a>
| |
| - | </li>
| |
| - | <li class='cam-overview-media'>
| |
| - | <a href='/Team:Cambridge/Media'>MEDIA</a>
| |
| - | </li>
| |
| - | <li class='cam-overview-reflectin'>
| |
| - | <a href='/Team:Cambridge/Reflectin'>ABOUT REFLECTIN</a>
| |
| - | </li>
| |
| - | <li class='cam-overview-blog'>
| |
| - | <a href='/Team:Cambridge/Blog'>BLOG</a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | <div class='cam-menu-bottom'></div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div id='cam_project' class='cam-menu-item cam-box cam-project'>
| |
| - | <a href='/Team:Cambridge/Project'>
| |
| - | <div class='cam-menu-top'>
| |
| - | <div class='cam-menu-text'>PROJECT</div>
| |
| - | </div>
| |
| - | </a>
| |
| - | <div class='cam-menu-all cam-subitem cam-project'>
| |
| - | <ul class='cam-menu-drop'>
| |
| - | <li class='cam-project-overview'>
| |
| - | <a href='/Team:Cambridge/Project'>OVERVIEW</a>
| |
| - | </li>
| |
| - | <li class='cam-project-preliminary'>
| |
| - | <a href='/Team:Cambridge/Project/prelim'>PRELIMINARY</a>
| |
| - | </li>
| |
| - | <li class='cam-project-invivo'>
| |
| - | <a href='/Team:Cambridge/Project/In_Vivo'>IN VIVO</a>
| |
| - | </li>
| |
| - | <li class='cam-project-invitro'>
| |
| - | <a href='/Team:Cambridge/Project/In_Vitro'>IN VITRO</a>
| |
| - | </li>
| |
| - | <li class='cam-project-gibthon'>
| |
| - | <a href='/Team:Cambridge/Project/Gibthon'>GIBTHON</a>
| |
| - | </li>
| |
| - | <li class='cam-project-conclusion'>
| |
| - | <a href='/Team:Cambridge/Project/Conclusion'>CONCLUSION</a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | <div class='cam-menu-bottom'></div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div id='cam_labwork' class='cam-menu-item cam-box cam-labwork'>
| |
| - | <a href='/Team:Cambridge/Labwork'>
| |
| - | <div class='cam-menu-top'>
| |
| - | <div class='cam-menu-text'>LABWORK</div>
| |
| - | </div>
| |
| - | </a>
| |
| - | <div class='cam-menu-all cam-subitem cam-labwork'>
| |
| - | <ul class='cam-menu-drop'>
| |
| - | <li class='cam-labwork-overview'>
| |
| - | <a href='/Team:Cambridge/Labwork'>OVERVIEW</a>
| |
| - | </li>
| |
| - | <li class='cam-labwork-experiments'>
| |
| - | <a href='/Team:Cambridge/Experiments'>EXPERIMENTS</a>
| |
| - | </li>
| |
| - | <li class='cam-labwork-protocols'>
| |
| - | <a href='/Team:Cambridge/Protocols'>PROTOCOLS</a>
| |
| - | </li>
| |
| - | <li class='cam-labwork-constructs'>
| |
| - | <a href='/Team:Cambridge/Experiments/Plasmid_Constructs'>CONSTRUCTS</a>
| |
| - | </li>
| |
| - | <li class='cam-labwork-safety'>
| |
| - | <a href='/Team:Cambridge/Safety'>SAFETY</a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | <div class='cam-menu-bottom'></div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div id='cam_society' class='cam-menu-item cam-box cam-society'>
| |
| - | <a href='/Team:Cambridge/Society'>
| |
| - | <div class='cam-menu-top'>
| |
| - | <div class='cam-menu-text'>SOCIETY</div>
| |
| - | </div>
| |
| - | </a>
| |
| - |
| |
| - | <div class='cam-menu-all cam-subitem cam-society'>
| |
| - | <ul class='cam-menu-drop'>
| |
| - | <li class='cam-society-overview'>
| |
| - | <a href='/Team:Cambridge/Society'>OVERVIEW</a>
| |
| - | </li>
| |
| - | <li class='cam-society-igem'>
| |
| - | <a href='/Team:Cambridge/Society/survey'>IMPACT OF iGEM SURVEY</a>
| |
| - | </li>
| |
| - | <li class='cam-society-future'>
| |
| - | <a href='/Team:Cambridge/Society/interviews'>INTERVIEWS</a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | <div class='cam-menu-bottom'></div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div id='cam_team' class='cam-menu-item cam-box cam-team'>
| |
| - | <a href='/Team:Cambridge/Team'>
| |
| - | <div class='cam-menu-top'>
| |
| - | <div class='cam-menu-text'>TEAM</div>
| |
| - | </div>
| |
| - | </a>
| |
| - |
| |
| - | <div class='cam-menu-all cam-subitem cam-team'>
| |
| - | <ul class='cam-menu-drop'>
| |
| - | <li class='cam-team-overview'>
| |
| - | <a href='/Team:Cambridge/Team'>OVERVIEW</a>
| |
| - | </li>
| |
| - | <li class='cam-team-students'>
| |
| - | <a href='/Team:Cambridge/Team/Students'>STUDENTS</a>
| |
| - | </li>
| |
| - | <li class='cam-team-academics'>
| |
| - | <a href='/Team:Cambridge/Team/Academics'>ACADEMICS</a>
| |
| - | </li>
| |
| - | <li class='cam-team-sponsors'>
| |
| - | <a href='/Team:Cambridge/Team/Sponsors'>SPONSORS</a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | <div class='cam-menu-bottom'></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div style='clear:both'></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class='cam-box'>
| |
| - | <div id='cam_pagecontent' class='cam-box-content'>
| |
| - | </div>
| |
| - | <div id='cam_blog' style='display:none;'></div>
| |
| - | </div>
| |
| - | </div>
| |
| | </html> | | </html> |
"
