Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD PROJECT

From 2012.igem.org

(Difference between revisions)
(Undo revision 44007 by Emmyft (talk))
Line 4: Line 4:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<style type='text/css'>
+
<noscript>
-
/*
+
<link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css" />
-
This file is part of the cambridge 2011 igem team's wiki. nothing is guaranteed.
+
-
 
+
-
                    Version 2, December 2004
+
-
 
+
-
Copyright (C) 2011 Haydn King hjking734@gmail.com
+
-
 
+
-
  TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
-
 
+
-
*/
+
-
 
+
-
/*top bar*/
+
-
 
+
-
.cam-ui-icon {width:16px;height:16px;background-image:url(https://static.igem.org/mediawiki/2011/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;}
+
-
.cam-ui-icon.cam-hover {background-image:url(https://static.igem.org/mediawiki/2011/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 {width:21px!important;height:16px!important;background-image:url(https://static.igem.org/mediawiki/2011/a/aa/CAM_IGEM_21x16_low.png)!important;}
+
-
.cam-ui-icon-igem.cam-hover {background-image:url(https://static.igem.org/mediawiki/2011/3/3b/CAM_IGEM_21x16_high.png)!important;}
+
-
 
+
-
/*background and basics*/
+
-
 
+
-
* {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;}
+
-
.CAM12_bg_1024 {background-image: url('https://static.igem.org/mediawiki/2012/c/c5/CAM12_bg_1024.jpg');}
+
-
.CAM12_bg_1280 {background-image: url('https://static.igem.org/mediawiki/2012/2/24/CAM12_bg_1280.jpg');}
+
-
.CAM12_bg_1366 {background-image: url('https://static.igem.org/mediawiki/2012/5/51/CAM12_bg_1366.jpg');}
+
-
.CAM12_bg_1440 {background-image: url('https://static.igem.org/mediawiki/2012/c/cb/CAM12_bg_1440.jpg');}
+
-
.CAM12_bg_1680 {background-image: url('https://static.igem.org/mediawiki/2012/c/c0/CAM12_bg_1680.jpg');}
+
-
.CAM12_bg_1920 {background-image: url('https://static.igem.org/mediawiki/2012/2/26/CAM12_bg_1920.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: 260px; margin-right: 5px; 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(https://static.igem.org/mediawiki/2011/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;}
+
-
 
+
-
/*left logo*/
+
-
#cam_logo {position:relative; width: 250px; margin: 5px;}
+
-
#cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;}
+
-
 
+
-
/*left bar*/
+
-
.cam_grid {width: 250px; height: 250px; margin: 2.5px; float: left; position: relative;}
+
-
#cam_grid_project {background-image: url('https://static.igem.org/mediawiki/2012/d/db/CAM_grid_project.jpg');}
+
-
#cam_grid_outreach {background-image: url('https://static.igem.org/mediawiki/2012/7/74/CAM_grid_outreach.jpg');}
+
-
#cam_grid_gallery {background-image: url('https://static.igem.org/mediawiki/2012/5/54/CAM_grid_gallery.jpg');}
+
-
#cam_grid_diary {background-image: url('https://static.igem.org/mediawiki/2012/2/2a/CAM_grid_diary.jpg');}
+
-
#cam_grid_safety {background-image: url('https://static.igem.org/mediawiki/2012/2/29/CAM_grid_safety.jpg');}
+
-
#cam_grid_team {background-image: url('https://static.igem.org/mediawiki/2012/0/0b/CAM_grid_team');}
+
-
#cam_grid_sponsors {background-image: url('https://static.igem.org/mediawiki/2012/9/93/CAM_grid_sponsors.jpg');}
+
-
li {
+
-
color: white;
+
-
font-family: Verdana, Geneva, sans-serif;
+
-
font-size: 18px;
+
-
}
+
-
.cam_grid_headover h6 {
+
-
color: #FF9900;
+
-
font-family: Arial, sans-serif;
+
-
font-style: italic;
+
-
font-size: 10px;
+
-
text-align: justify;
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
}
+
-
.cam_grid_headover {
+
-
    width: 250px;
+
-
    height: 90px;
+
-
    position: absolute;
+
-
    top: 80px;
+
-
    background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); }
+
-
.cam_grid_title {
+
-
width: 250px;
+
-
height: 80px;
+
-
position: absolute;
+
-
top: 170px;
+
-
background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); }
+
-
}
+
-
 
+
-
#cam_nav {width: 255px; height: 340px; margin: 2.5px; float: left;}
+
-
.cam_nav_row {width: 255px; height: 85px; margin: 0px;}
+
-
.cam_nav_grid {width: 80px; height: 80px; margin: 2.5px; float: left;}
+
-
#cam_nav_project {background-image: url('https://static.igem.org/mediawiki/2012/d/db/CAM_menu_project.png'); }
+
-
#cam_nav_outreach {background-image: url('https://static.igem.org/mediawiki/2012/7/7e/CAM_menu_outreach.png'); }
+
-
#cam_nav_gallery {background-image: url('https://static.igem.org/mediawiki/2012/7/70/CAM_menu_gallery.png'); }
+
-
#cam_nav_diary {background-image: url('https://static.igem.org/mediawiki/2012/3/3b/CAM_menu_diary.png'); }
+
-
#cam_nav_team {background-image: url('https://static.igem.org/mediawiki/2012/9/96/CAM_menu_team.png'); }
+
-
#cam_nav_safety {background-image: url('https://static.igem.org/mediawiki/2012/9/90/CAM_menu_safety.png'); }
+
-
#cam_nav_sponsors {background-image: url('https://static.igem.org/mediawiki/2012/5/58/CAM_menu_sponsors.png'); }
+
-
#cam_nav_home {background-image: url('https://static.igem.org/mediawiki/2012/d/dc/CAM_menu_home.png'); }
+
-
#cam_nav_twitter {background-image: url('https://static.igem.org/mediawiki/2012/0/05/CAM_menu_twitter.png'); }
+
-
#cam_nav_facebook {background-image: url('https://static.igem.org/mediawiki/2012/c/c9/CAM_menu_facebook.png'); }
+
-
#cam_nav_youtube {background-image: url('https://static.igem.org/mediawiki/2012/f/f6/CAM_menu_youtube.png'); }
+
-
#cam_nav_flickr {background-image: url('https://static.igem.org/mediawiki/2012/6/6e/CAM_menu_flickr.png'); }
+
-
 
+
-
.cam_nav_headover {width: 80px; height: 80px; float: left; background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); }
+
-
h6 {
+
-
color: #FF9900;
+
-
font-family: Arial, sans-serif;
+
-
font-style: italic;
+
-
font-size: 16px;
+
-
text-align: justify;
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
}
+
-
 
+
-
/*links*/
+
-
a{text-decoration:none;color:#000000;font: inherit verdana, sans-serif; cursor:pointer;}
+
-
a:hover{opacity:.8;filter:alpha(opacity=80);}
+
-
a {outline: none!important;} /*Fix for Firefox*/
+
-
 
+
-
 
+
-
 
+
-
/*top loading bar*/
+
-
#cam_loading {display:none; padding: 0 5px 5px 5px; background-image: url(https://static.igem.org/mediawiki/2011/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;
+
-
    text-align: center;
+
-
}
+
-
table td {
+
-
  border: 1px solid grey;
+
-
  padding: 3px;
+
-
}
+
-
table th {
+
-
  border: 1px solid grey;
+
-
  padding: 3px;
+
-
  font-weight: bold;
+
-
}
+
-
table.gallery td{
+
-
  vertical-align: top;
+
-
  border: none!important;
+
-
}
+
-
 
+
-
caption {font-weight:bold; text-style:italic;}
+
-
 
+
-
div.gallerybox {
+
-
  border: 1px solid lightgrey;
+
-
  padding: 2px;
+
-
}
+
-
 
+
-
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 {
+
-
    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 {
+
-
    border-bottom: none;
+
-
    font-weight: bold;
+
-
}
+
-
h3 { font-size: 132%; }
+
-
h4 { font-size: 116%; }
+
-
h5 { font-size: 100%; }
+
-
 
+
-
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;
+
-
  font-weight: normal;
+
-
}
+
-
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;
+
-
}
+
-
 
+
-
+
<link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/hack.css?action=raw&ctype=text/css" />
<link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/hack.css?action=raw&ctype=text/css" />
-
 
+
</noscript>
<script type="text/javascript">
<script type="text/javascript">

Revision as of 08:58, 23 July 2012

Loading...
Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More

Retrieved from "http://2012.igem.org/Template:Team:Cambridge/CAM_2012_TEMPLATE_HEAD_PROJECT"