Team:Cambridge/new

From 2011.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript">
+
<script type="text/javascript" src='/Team:Cambridge/static/hack.js?action=raw&ctype=text/javascript'></script>
-
  var get_login = function()
+
<noscript>
-
  {
+
  <link rel='stylesheet' type='text/css' href='/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css' />
-
    var page = $('#menubar.right-menu').find('#pt-userpage');
+
   <link rel='stylesheet' type='text/css' href='/Team:Cambridge/static/hack.css?action=raw&ctype=text/css' />
-
    if(page.length == 0) return undefined;
+
</noscript>
-
    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>";
+
-
+
-
  var script = '//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js';
+
-
 
+
-
  var wiki_js = '/Team:Cambridge/static/wiki.js?action=raw';
+
-
   var intro_js ='/Team:Cambridge/static/introduction.js?action=raw';
+
-
   
+
-
 
+
-
$(window).ready(function() {
+
-
  var login = get_login();
+
-
  $('body').html($('#cam_page'));
+
-
  $('head').html(head);
+
-
 
+
-
  //this is ugly, but it makes sure that the JS is loaded in the correct order
+
-
  $.getScript(script, function() {
+
-
    $.getScript(wiki_js, function() {
+
-
      $.getScript(intro_js, function() {
+
-
        wiki_main();
+
-
      });
+
-
    });
+
-
  });
+
-
 
+
-
  set_bk();
+
-
  set_login(login);
+
-
});
+
-
</script>
+
<div id='cam_page'>
<div id='cam_page'>
-
 
-
<style type="text/css">
 
-
.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-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-social-facebook{background-position: 0 0;}
 
-
.cam-social-twitter{background-position: -48px 0;}
 
-
.cam-social-flickr{background-position: -96px 0;}
 
-
 
-
* {padding: 0; margin:0; word-break:break-word;}
 
-
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;}
 
-
#cam_topbar{height:18px; margin: 0 6px 10px 2px;}
 
-
#cam_topbar a {font: 12px verdana, sans-serif; font-weight:bold; vertical-align:text-top;}
 
-
 
-
#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_pagecontent {font-size:15px;}
 
-
#cam_pagecontent a {font-size:15px;}
 
-
.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:#000000;font: 16px verdana, sans-serif; cursor:pointer;}
 
-
a:hover{opacity:.8;}
 
-
a {outline: none!important;} /*Fix for Firefox*/
 
-
 
-
a.cam-overview {color:#ee2424;}
 
-
a.cam-project {color:#4fb84e;}
 
-
a.cam-labwork {color:#a54098;}
 
-
a.cam-society {color:#3953a4;}
 
-
a.cam-team {color:#eea900;}
 
-
a.cam-ext {color:#54b8ec;}
 
-
 
-
#cam_logo {position:relative;}
 
-
#cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;}
 
-
 
-
#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: 12px verdana, sans-serif; padding:3px; word-wrap: break-word;}
 
-
#cam_desc_content a {font: inherit;}
 
-
 
-
.cam-desc-overview {background-color:#ee2424!important;}
 
-
.cam-desc-project {background-color:#4fb84e!important;}
 
-
.cam-desc-labwork {background-color:#a54098!important;}
 
-
.cam-desc-society {background-color:#3953a4!important;}
 
-
.cam-desc-team {background-color:#fee600!important;}
 
-
 
-
/* area_hover */
 
-
#cam_overview:hover .cam-menu-bottom{background-color:#ee2424!important;}
 
-
#cam_project:hover .cam-menu-bottom{background-color:#4fb84e!important;}
 
-
#cam_labwork:hover .cam-menu-bottom{background-color:#a54098!important;}
 
-
#cam_society:hover .cam-menu-bottom{background-color:#3953a4!important;}
 
-
#cam_team:hover .cam-menu-bottom{background-color:#fee600!important;}
 
-
/* area select */
 
-
#cam_overview.cam-selected .cam-menu-bottom{background-color:#ee2424!important;}
 
-
#cam_project.cam-selected .cam-menu-bottom{background-color:#4fb84e!important;}
 
-
#cam_labwork.cam-selected .cam-menu-bottom{background-color:#a54098!important;}
 
-
#cam_society.cam-selected .cam-menu-bottom{background-color:#3953a4!important;}
 
-
#cam_team.cam-selected .cam-menu-bottom{background-color:#fee600!important;}
 
-
/* subarea select*/
 
-
.cam-subitems li.cam-selected a {margin-left:2px;color:black;}
 
-
.cam-overview li.cam-selected a {border-left:3px solid #ee2424;}
 
-
.cam-project li.cam-selected a {border-left:3px solid #4fb84e;}
 
-
.cam-labwork li.cam-selected a {border-left:3px solid #a54098;}
 
-
.cam-society li.cam-selected a {border-left:3px solid #3953a4;}
 
-
.cam-team li.cam-selected a {border-left:3px solid #fee600;}
 
-
 
-
 
-
.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;}
 
-
 
-
#cam_loading {display:none; padding: 0 5px 5px 5px; background-image: url(/wiki/images/3/37/CAM_black_85.png); font: bold 20px verdana, sans-serif; position:fixed; top:0; left:50%; width: 150px; margin-left:-75px; z-index: 10;}
 
-
#cam_loading div {background-color: white; color:black; text-align:center;}
 
-
 
-
/*
 
-
** 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;
 
-
}
 
-
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_loading'>
<div id='cam_loading'>
   <div>Loading...</div>
   <div>Loading...</div>
Line 573: Line 21:
<div class='cam-ui-icon cam-ui-icon-edit'></div>
<div class='cam-ui-icon cam-ui-icon-edit'></div>
<a id='edit-link' class='cam-external' href='#'>
<a id='edit-link' class='cam-external' href='#'>
-
Source
+
Page Source
 +
</a>
 +
                <div class='cam-ui-icon cam-ui-icon-edit'></div>
 +
<a id='edit-intro-link' class='cam-external' href='#'>
 +
Intro Source
</a>
</a>
</div>
</div>
Line 620: Line 72:
<div style='clear:both;'></div>
<div style='clear:both;'></div>
</div>
</div>
-
<div id='cam_desc_content'></div>
+
<div id='cam_desc_content'>
 +
        <noscript>
 +
          <p>You do not appear to have <i>JavaScript</i> enabled.</p>
 +
          <p>Without it, you will be able to view the rest of the website, but you will not be able to view the helpful introductions in this panel.</p>
 +
        </noscript>
 +
      </div>
</div>
</div>
</div>
</div>
Line 686: Line 143:
<li class='cam-project-preliminary'>
<li class='cam-project-preliminary'>
<a href='/Team:Cambridge/Project/prelim'>PRELIMINARY</a>
<a href='/Team:Cambridge/Project/prelim'>PRELIMINARY</a>
 +
</li>
 +
                                        <li class='cam-project-microscopy'>
 +
<a href='/Team:Cambridge/Project/Microscopy'>MICROSCOPY</a>
</li>
</li>
<li class='cam-project-invivo'>
<li class='cam-project-invivo'>

Latest revision as of 09:50, 14 September 2011

Loading...
OVERVIEW
home