Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD PROJECT

From 2012.igem.org

(Difference between revisions)
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>
-
<noscript>
+
<style type='text/css'>
-
<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:57, 23 July 2012