Team:Cambridge/static/wiki.css

From 2011.igem.org

(Difference between revisions)

Latest revision as of 03:24, 22 September 2011

/*

This file is part of the cambridge 2011 igem team's wiki. nothing is guaranteed.

DO WHAT THE F*CK YOU WANT TO PUBLIC LICENSE
                   Version 2, December 2004

Copyright (C) 2011 Haydn King hjking734@gmail.com

           DO WHAT THE F*CK YOU WANT TO PUBLIC LICENSE
  TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

 0. You just DO WHAT THE F*CK YOU WANT TO.

/

.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 {width:21px!important;height:16px!important;background-image:url(/wiki/images/a/aa/CAM_IGEM_21x16_low.png)!important;} .cam-ui-icon-igem.cam-hover {background-image:url(/wiki/images/3/3b/CAM_IGEM_21x16_high.png)!important;}

.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-menu-item{float:left;width:148px;font: 16px verdana, sans-serif;color:#666666;z-index:800;} .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: inherit verdana, sans-serif; cursor:pointer;} a:hover{opacity:.8;filter:alpha(opacity=80);} 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;filter:alpha(opacity=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;
   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, 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;
 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;

}

@@ Line 1: / Line 1: @@
+/*
+ This file is part of the cambridge 2011 igem team's wiki. nothing is guaranteed.
+ DO WHAT THE F*CK YOU WANT TO PUBLIC LICENSE
+                    Version 2, December 2004
+ Copyright (C) 2011 Haydn King hjking734@gmail.com
+            DO WHAT THE F*CK YOU WANT TO PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+. You just DO WHAT THE F*CK YOU WANT TO.
+*/
 .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);}
@@ Line 5: / Line 19: @@
 .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-ui-icon-igem {width:21px!important;height:16px!important;background-image:url(/wiki/images/a/aa/CAM_IGEM_21x16_low.png)!important;}
+.cam-ui-icon-igem.cam-hover {background-image:url(/wiki/images/3/3b/CAM_IGEM_21x16_high.png)!important;}
 .cam-social-icon {width:48px;height:48px;display:inline-block;background-image:url(/wiki/images/5/50/CAM_Bactiridescence_Social.png);}
@@ Line 12: / Line 28: @@
 .cam-social-flickr{background-position: -96px 0;}
-* {padding: 0; margin:0}
+* {padding: 0; margin:0; word-break:break-word;}
-body{ text-align: center; background: #eeeeee url(/wiki/images/0/0e/CAM_Bactiridescence_bk.png) no-repeat fixed center top; overflow-x:hidden;}
+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;}
@@ Line 24: / Line 49: @@
 .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_pagecontent {font-size:15px;}
+.cam-menu-item{float:left;width:148px;font: 16px verdana, sans-serif;color:#666666;z-index:800;}
 .cam-menu-item:hover{color:black;}
 .cam-menu-item.cam-menu-selected{font-weight:bold!important;}
@@ Line 31: / Line 58: @@
 .cam-menu-bottom{height:10px;background-color:#ffffff!important;  width:148px;}
-a{text-decoration:none;color:#808080;font: 16px verdana, sans-serif; cursor:pointer;}
+a{text-decoration:none;color:#000000;font: inherit verdana, sans-serif; cursor:pointer;}
-a:hover{color:#000000;}
+a:hover{opacity:.8;filter:alpha(opacity=80);}
 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:red!important;}
+#cam_overview:hover .cam-menu-bottom{background-color:#ee2424!important;}
-#cam_project:hover .cam-menu-bottom{background-color:orange!important;}
+#cam_project:hover .cam-menu-bottom{background-color:#4fb84e!important;}
-#cam_labwork:hover .cam-menu-bottom{background-color:yellow!important;}
+#cam_labwork:hover .cam-menu-bottom{background-color:#a54098!important;}
-#cam_society:hover .cam-menu-bottom{background-color:lightgreen!important;}
+#cam_society:hover .cam-menu-bottom{background-color:#3953a4!important;}
-#cam_team:hover .cam-menu-bottom{background-color:lightblue!important;}
+#cam_team:hover .cam-menu-bottom{background-color:#fee600!important;}
 /* area select */
-#cam_overview.cam-selected .cam-menu-bottom{background-color:red!important;}
+#cam_overview.cam-selected .cam-menu-bottom{background-color:#ee2424!important;}
-#cam_project.cam-selected .cam-menu-bottom{background-color:orange!important;}
+#cam_project.cam-selected .cam-menu-bottom{background-color:#4fb84e!important;}
-#cam_labwork.cam-selected .cam-menu-bottom{background-color:yellow!important;}
+#cam_labwork.cam-selected .cam-menu-bottom{background-color:#a54098!important;}
-#cam_society.cam-selected .cam-menu-bottom{background-color:lightgreen!important;}
+#cam_society.cam-selected .cam-menu-bottom{background-color:#3953a4!important;}
-#cam_team.cam-selected .cam-menu-bottom{background-color:lightblue!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 red;}
+.cam-overview li.cam-selected a {border-left:3px solid #ee2424;}
-.cam-project li.cam-selected a {border-left:3px solid orange;}
+.cam-project li.cam-selected a {border-left:3px solid #4fb84e;}
-.cam-labwork li.cam-selected a {border-left:3px solid yellow;}
+.cam-labwork li.cam-selected a {border-left:3px solid #a54098;}
-.cam-society li.cam-selected a {border-left:3px solid lightgreen;}
+.cam-society li.cam-selected a {border-left:3px solid #3953a4;}
-.cam-team li.cam-selected a {border-left:3px solid lightblue;}
+.cam-team li.cam-selected a {border-left:3px solid #fee600;}
-.cam-menu-all{position:absolute;opacity:0.95;}
+.cam-menu-all{position:absolute;opacity:0.95;filter:alpha(opacity=95);}
 .cam-menu-drop{display:none;width:148px;}
-.cam-menu-drop ul {list-style:none;}
+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; }
+.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{height:250px;}
+#cam_nav{min-height:300px;}
-#cam_pagecontent {margin: 2px 37px 2px 2px; min-height:480px;}
+#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-icon{height:48px;width48px;margin-top:12px;float:left;cursor:pointer;}
+.cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative}
-.cam-icon-left{margin-right:19px;}
+.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;
+    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, 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;
+  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;
 }