|
|
| (203 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | | + | <head> |
| - | <script type="text/javascript" src="/Team:Cambridge/static/hack.js"></script> | + | |
| | <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> |
| | + | <script type="text/javascript" src="/Team:Cambridge/static/wiki.js"></script> |
| | | | |
| - | <style type='text/css'> | + | <script type="text/javascript"> |
| - | /*
| + | |
| - | This file is part of the cambridge 2011 igem team's wiki. nothing is guaranteed.
| + | |
| | | | |
| - | Version 2, December 2004
| + | var set_bk = function() |
| | + | { |
| | + | var w = screen.width; |
| | + | var _c = 'CAM12_bg_'; |
| | + | if(w <= 1024) |
| | + | _c=_c+'1024'; |
| | + | else if(w <= 1280) |
| | + | _c=_c+'1280'; |
| | + | else if(w <= 1366) |
| | + | _c=_c+'1366'; |
| | + | else if(w <= 1440) |
| | + | _c=_c+'1440'; |
| | + | else if(w <= 1680) |
| | + | _c=_c+'1680'; |
| | + | else _c = _c+'1920'; |
| | + | |
| | + | $('body').addClass(_c); |
| | + | } |
| | | | |
| - | Copyright (C) 2011 Haydn King hjking734@gmail.com
| + | set_bk(); |
| | | | |
| - | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
| + | var ImgAry=['https://static.igem.org/mediawiki/2012/9/90/Linearised_logo3.png','https://static.igem.org/mediawiki/2012/5/57/Linearised_logo2_boldHP.png','https://static.igem.org/mediawiki/2012/7/78/Linearised_logo2_boldRS.png', 'https://static.igem.org/mediawiki/2012/b/b6/Linearised_logo2_boldRM.png', 'https://static.igem.org/mediawiki/2012/1/19/Linearised_logo2_boldBL.png', 'https://static.igem.org/mediawiki/2012/4/4c/Linearised_logo2_boldSD.png'] |
| | + | var MapAry=[]; |
| | + | for (var zxc0=0;zxc0<ImgAry.length;zxc0++){ |
| | + | MapAry[zxc0]=new Image(); |
| | + | MapAry[zxc0].src=ImgAry[zxc0]; |
| | + | } |
| | | | |
| - | */
| + | function Swap(id,nu){ |
| - | | + | document.getElementById(id).src=MapAry[nu].src; |
| - | /*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;}
| + | function ScrollBit(x, y){ |
| - | .cam_nav_row {width: 255px; height: 85px; margin: 0px;}
| + | window.scrollTo(0,900); |
| - | .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*/ | + | </script> |
| - | 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*/
| + | |
| | | | |
| | + | <style type ='text/css'> |
| | + | /* Wiki Hacks - START */ |
| | + | /* Author: Pieter van Boheemen */ |
| | + | /* Team: TU Delft */ |
| | + | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;} |
| | + | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: scroll; height:100%;} |
| | + | #bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;} |
| | + | #top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; |
| | + | padding:0; border: none; font-size: 14px;} |
| | + | #p-logo { height:1px; overflow:hidden; display: none;} |
| | + | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 150px; right: 40px;} |
| | + | #footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;} |
| | + | .visualClear { display: none; } |
| | + | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;} |
| | + | .firstHeading { display: none;} |
| | + | #f-list a { color: #333; font-size: 10px;} |
| | + | #f-list a:hover { color: #666;} |
| | + | .printfooter { display: none; } |
| | + | #footer ul { margin: 0; padding: 0;} |
| | + | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;} |
| | + | #search-controls { display:none; } |
| | + | h3#siteSub { display: none;} |
| | + | #contentSub {display: none;} |
| | + | p:first-child { display: none;} |
| | + | #cam_top_logos { |
| | + | top: 0; |
| | + | position: absolute; |
| | + | color: black; |
| | | | |
| - |
| |
| - | /*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 {
| + | #cam_top_logos.fixed { |
| - | border: 1px solid lightgrey; | + | position: fixed; |
| - | padding: 2px; | + | top: 0; |
| | } | | } |
| | | | |
| - | img {
| + | #camlogoswrapper { |
| - | border: none;
| + | position: absolute; |
| - | vertical-align: middle;
| + | |
| - | }
| + | |
| - | p {
| + | |
| - | margin: .4em 0 .5em 0;
| + | |
| - | }
| + | |
| - | p img {
| + | |
| - | margin: 0;
| + | |
| | } | | } |
| | | | |
| - | hr {
| + | /* Wiki Hacks - END */ |
| - | height: 1px;
| + | </style> |
| - | color: #aaa;
| + | |
| - | border: 0;
| + | |
| - | margin: .2em 0 .2em 0;
| + | |
| - | }
| + | |
| | | | |
| - | h1, h2, h3, h4, h5 {
| + | <link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css" /> |
| - | 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 {
| + | <script type="text/javascript"> |
| - | line-height: 1.5em;
| + | $(document).ready(function() { |
| - | 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 {
| + | var top = $('#cam_top_logos').offset().top - parseFloat($('#cam_top_logos').css('marginTop').replace(/auto/, 0)); |
| - | border: 1px solid #2f6fab;
| + | $(window).scroll(function (event) { |
| - | margin: 1em 0 1em 0;
| + | // what the y position of the scroll is |
| - | padding: 0 1em 1em;
| + | var y = $(this).scrollTop(); |
| - | line-height: 1.5em;
| + | |
| - | }
| + | // whether that's below the form |
| - | legend {
| + | if (y >= top) { |
| - | background: white;
| + | // if so, ad the fixed class |
| - | padding: .5em;
| + | $('#cam_top_logos').addClass('fixed'); |
| - | font-size: 95%;
| + | } else { |
| - | } | + | // otherwise remove it |
| | + | $('#cam_top_logos').removeClass('fixed'); |
| | + | } |
| | + | }); |
| | | | |
| - | 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 {
| + | |
| | | | |
| - | }
| + | $('.cam_grid_headover h7').css("display","none"); |
| - | 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" />
| + | |
| - | | + | |
| - | | + | |
| - | <script type="text/javascript">
| + | |
| - | $(document).ready(function() {
| + | |
| - |
| + | |
| - | $('.cam_grid_headover h6').css("display","none"); | + | |
| | | | |
| | $('#cam_grid_project_title').mouseover(function() { | | $('#cam_grid_project_title').mouseover(function() { |
| | $('#cam_grid_project_headover').stop().animate({height:'170px',top:'0px'},1000); | | $('#cam_grid_project_headover').stop().animate({height:'170px',top:'0px'},1000); |
| - | $('#cam_grid_project_headover h6').fadeIn(500); | + | $('#cam_grid_project_headover h7').fadeIn(500); |
| | }); | | }); |
| | | | |
| | $('#cam_grid_project').mouseleave(function() { | | $('#cam_grid_project').mouseleave(function() { |
| | $('#cam_grid_project_headover').stop().animate({height:'90px',top:'80px'},1000); | | $('#cam_grid_project_headover').stop().animate({height:'90px',top:'80px'},1000); |
| - | $('#cam_grid_project_headover h6').fadeOut(500); | + | $('#cam_grid_project_headover h7').fadeOut(500); |
| | }); | | }); |
| - |
| |
| - | $('.cam_nav_headover').css("display","none");
| |
| | | | |
| | $('#cam_nav_project').mouseover(function() { | | $('#cam_nav_project').mouseover(function() { |
| | $('#cam_nav_project_headover').fadeIn(200); | | $('#cam_nav_project_headover').fadeIn(200); |
| | }); | | }); |
| - |
| |
| - | $('#cam_nav_project').mouseleave(function() {
| |
| - | $('#cam_nav_project_headover').fadeOut(200);
| |
| - | });
| |
| | | | |
| - | $('#cam_nav_outreach').mouseover(function() {
| + | if(this.hash.substring(1) == "Luciferase_and_instrumentation" ) { |
| - | $('#cam_nav_outreach_headover').fadeIn(200);
| + | ('html,body').animate({ scrollLeft: $('#Luciferase_and_instrumentation').offset().left }, 8000); |
| - | });
| + | alert("hello"); |
| - |
| + | } |
| - | $('#cam_nav_outreach').mouseleave(function() {
| + | |
| - | $('#cam_nav_outreach_headover').fadeOut(200);
| + | |
| - | }); | + | |
| - |
| + | |
| - | $('#cam_nav_gallery').mouseover(function() {
| + | |
| - | $('#cam_nav_gallery_headover').fadeIn(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_gallery').mouseleave(function() {
| + | |
| - | $('#cam_nav_gallery_headover').fadeOut(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_diary').mouseover(function() {
| + | |
| - | $('#cam_nav_diary_headover').fadeIn(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_diary').mouseleave(function() { | + | |
| - | $('#cam_nav_diary_headover').fadeOut(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_team').mouseover(function() {
| + | |
| - | $('#cam_nav_team_headover').fadeIn(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_team').mouseleave(function() {
| + | |
| - | $('#cam_nav_team_headover').fadeOut(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_safety').mouseover(function() {
| + | |
| - | $('#cam_nav_safety_headover').fadeIn(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_safety').mouseleave(function() {
| + | |
| - | $('#cam_nav_safety_headover').fadeOut(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_sponsors').mouseover(function() {
| + | |
| - | $('#cam_nav_sponsors_headover').fadeIn(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_sponsors').mouseleave(function() {
| + | |
| - | $('#cam_nav_sponsors_headover').fadeOut(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_home').mouseover(function() {
| + | |
| - | $('#cam_nav_home_headover').fadeIn(200);
| + | |
| - | });
| + | |
| - |
| + | |
| - | $('#cam_nav_home').mouseleave(function() {
| + | |
| - | $('#cam_nav_home_headover').fadeOut(200);
| + | |
| - | });
| + | |
| | }); | | }); |
| | | | |
| | </script> | | </script> |
| | + | </head> |
| | | | |
| | + | <body> |
| | <div id='cam_page'> | | <div id='cam_page'> |
| - |
| |
| - | <div id='cam_loading'>
| |
| - | <div>Loading...</div>
| |
| - | </div>
| |
| - |
| |
| - | <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://2012.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='#'>
| |
| - | 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>
| |
| - | </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 id='cam_left'> | | <div id='cam_left'> |
| - | <a href='https://2012.igem.org/Team:Cambridge' title='Team:Cambridge'> | + | <a href='https://2012.igem.org/Team:Cambridge' title='Team:Cambridge'> |
| | <div id='cam_logo' class='cam-header cam-box'> | | <div id='cam_logo' class='cam-header cam-box'> |
| | <div id='cam_innerlogo'> | | <div id='cam_innerlogo'> |
| - | <img src='https://static.igem.org/mediawiki/ 2011/ f/ ff/ CAM_Bactiridescence_logo_Small.png'></img> | + | <center> <img src='https://static.igem.org/mediawiki/ 2012/ 9/ 99/ Logo_cam.png' width="130" height="130"></img ></center> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 671: |
Line 150: |
| | <div id='cam_grid_project_headover' class='cam_grid_headover'> | | <div id='cam_grid_project_headover' class='cam_grid_headover'> |
| | <ul class = "subtitles"> | | <ul class = "subtitles"> |
| - | <li><a href ="https://2012.igem.org/Team:Cambridge/Project" class='cam-external'>Overview</a></li> | + | <li><a href ="https://2012.igem.org/Team:Cambridge/Project" class='cam-external' style="color: #FFFFFF">Overview</a></li> |
| - | <li><a href ="https://2012.igem.org/Team:Cambridge/Parts" class='cam-external'>Parts </a></li> | + | <li><a href ="https://2012.igem.org/Team:Cambridge/Parts" class='cam-external' style="color: #FFFFFF">Parts </a></li> |
| - | <li><a href ="https://2012.igem.org/Team:Cambridge/Instrumentation" class='cam-external'>Instrumentation </a></li> | + | <li><a href ="https://2012.igem.org/Team:Cambridge/Project/DesignProcess" class='cam-external' style="color: #FFFFFF">Design Process</a></li> |
| | + | <li><a href ="https://2012.igem.org/Team:Cambridge/Project/Results" class='cam-external' style="color: #FFFFFF">Results</a></li> |
| | + | |
| | </ul> | | </ul> |
| - | <h6> Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h6> | + | |
| | + | <h7>Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h7> |
| | </div> | | </div> |
| | + | |
| | <div id='cam_grid_project_title' class='cam_grid_title'> | | <div id='cam_grid_project_title' class='cam_grid_title'> |
| | </div> | | </div> |
| | + | |
| | </div> | | </div> |
| | + | |
| | | | |
| | <div id='cam_nav'> | | <div id='cam_nav'> |
| | + | |
| | <div id='cam_nav_row1' class='cam_nav_row'> | | <div id='cam_nav_row1' class='cam_nav_row'> |
| | <a href='https://2012.igem.org/Team:Cambridge/Project'> | | <a href='https://2012.igem.org/Team:Cambridge/Project'> |
| Line 690: |
Line 176: |
| | </div> | | </div> |
| | </a> | | </a> |
| | + | |
| | + | <a href='https://2012.igem.org/Team:Cambridge/Outreach/Overview'> |
| | <div id='cam_nav_outreach' class='cam_nav_grid'> | | <div id='cam_nav_outreach' class='cam_nav_grid'> |
| | <div id='cam_nav_outreach_headover' class='cam_nav_headover'> | | <div id='cam_nav_outreach_headover' class='cam_nav_headover'> |
| Line 695: |
Line 183: |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | </a> |
| | + | |
| | <a href='http://www.facebook.com/CambridgeIgem2012'> | | <a href='http://www.facebook.com/CambridgeIgem2012'> |
| | <div id='cam_nav_facebook' class='cam_nav_grid'> | | <div id='cam_nav_facebook' class='cam_nav_grid'> |
| Line 700: |
Line 190: |
| | </a> | | </a> |
| | </div> | | </div> |
| | + | |
| | + | <a href='https://2012.igem.org/Team:Cambridge/Gallery/DayAtLab'> |
| | <div id='cam_nav_row2' class='cam_nav_row'> | | <div id='cam_nav_row2' class='cam_nav_row'> |
| | <div id='cam_nav_gallery' class='cam_nav_grid'> | | <div id='cam_nav_gallery' class='cam_nav_grid'> |
| Line 706: |
Line 198: |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | </a> |
| | <a href='http://twitter.com/cambridgeigem12'> | | <a href='http://twitter.com/cambridgeigem12'> |
| | <div id='cam_nav_twitter' class='cam_nav_grid'> | | <div id='cam_nav_twitter' class='cam_nav_grid'> |
| Line 753: |
Line 246: |
| | </div> | | </div> |
| | </a> | | </a> |
| | + | |
| | + | <a href='http://youtu.be/lO6ajD0KfVI'> |
| | + | |
| | <div id='cam_nav_youtube' class='cam_nav_grid'> | | <div id='cam_nav_youtube' class='cam_nav_grid'> |
| | </div> | | </div> |
| | + | </a> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| - | </div>
| |
| | | | |
| | + | <div id='cam_right' class='cam-box1'> |
| | + | <div id='camlogoswrapper'> |
| | + | <div id='cam_top_logos' class='cam-topnav'> |
| | + | <img id='tst' src='https://static.igem.org/mediawiki/2012/9/90/Linearised_logo3.png' USEMAP="#logomap" width="760" height="160" /></img> |
| | + | </div> |
| | + | </div> |
| | + | <MAP NAME="logomap"> |
| | + | <AREA SHAPE="RECT" COORDS="0,0,110,90" HREF="https://2012.igem.org/Team:Cambridge/Outreach/Overview" onmouseover="Swap('tst',1);" onmouseout="Swap('tst',0);" > |
| | + | <AREA SHAPE="RECT" COORDS="115,0,220,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Biosensors" onmouseover="Swap('tst',2);" onmouseout="Swap('tst',0);" > |
| | + | <AREA SHAPE="RECT" COORDS="225,0,365,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Standardised_Outputs" onmouseover="Swap('tst',3);" onmouseout="Swap('tst',0);" > |
| | + | <AREA SHAPE="RECT" COORDS="370,0,510,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Instrumentation" onmouseover="Swap('tst',4);" onmouseout="Swap('tst',0);" > |
| | + | <AREA SHAPE="RECT" COORDS="515,0,760,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Sporulation_and_Germination" onmouseover="Swap('tst',5);" onmouseout="Swap('tst',0);" > |
| | + | |
| | + | </MAP> |
| | | | |
| - | <div class='cam-box'>
| + | <div id='cam_pagecontent' class='cam-box-content'> |
| - | <div id='cam_pagecontent' class='cam-box-content'> | + | <br> |
| - | <div id="wiki_content">
| + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | + | </html> |
"
