|
|
Line 44: |
Line 44: |
| } | | } |
| | | |
- | var head = "<title>Cambridge iGEM</title>";// + | + | var head = "<title>Cambridge iGEM</title>" + |
- | //"<link rel='stylesheet' type='text/css' href='/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css' />"; | + | "<link rel='stylesheet' type='text/css' href='/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css' />"; |
| | | |
| var script = '//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'; | | var script = '//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'; |
Line 73: |
Line 73: |
| | | |
| <div id='cam_page'> | | <div id='cam_page'> |
- |
| |
- | <style type="text/css">
| |
- | .cam-ui-icon {width:16px;height:16px;background-image:url(/wiki/images/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;}
| |
- | .cam-ui-icon.cam-hover {background-image:url(/wiki/images/c/c2/CAM_Bactiridescence_Icons_hover.png);}
| |
- | .cam-ui-icon-discuss {background-position: 0 0;}
| |
- | .cam-ui-icon-key {background-position: -16px 0;}
| |
- | .cam-ui-icon-user {background-position: -32px 0;}
| |
- | .cam-ui-icon-edit {background-position: -48px 0;}
| |
- | .cam-ui-icon-igem {background-position: -64px 0;}
| |
- |
| |
- | .cam-social-icon {width:48px;height:48px;display:inline-block;background-image:url(/wiki/images/5/50/CAM_Bactiridescence_Social.png);}
| |
- | .cam-social-facebook{background-position: 0 0;}
| |
- | .cam-social-twitter{background-position: -48px 0;}
| |
- | .cam-social-flickr{background-position: -96px 0;}
| |
- |
| |
- | * {padding: 0; margin:0; word-break:break-word;}
| |
- | body{ text-align: center; background: #eeeeee no-repeat fixed center top; margin-bottom: 10px; overflow-x:hidden;}
| |
- | .cam-bk-1024-wide {background-image: url(/wiki/images/d/d0/CAM_bk_1024W.jpg);}
| |
- | .cam-bk-1680-wide {background-image: url(/wiki/images/e/e6/CAM_bk_1680W.jpg);}
| |
- | .cam-bk-1920-wide {background-image: url(/wiki/images/d/da/CAM_bk_1920W.jpg);}
| |
- | .cam-bk-2650-wide {background-image: url(/wiki/images/5/56/CAM_bk_2650W.jpg);}
| |
- | .cam-bk-1024-narrow {background-image: url(/wiki/images/4/47/CAM_bk_1024N.jpg);}
| |
- | .cam-bk-1680-narrow {background-image: url(/wiki/images/3/38/CAM_bk_1680N.jpg);}
| |
- | .cam-bk-1920-narrow {background-image: url(/wiki/images/7/7a/CAM_bk_1920N.jpg);}
| |
- | .cam-bk-2650-narrow {background-image: url(/wiki/images/6/66/CAM_bk_2650N.jpg);}
| |
- |
| |
- | #cam_page{width: 960px;text-align:left;display:inline-block;}
| |
- | #cam_topbar{height:18px; margin: 0 6px 10px 2px;}
| |
- | #cam_topbar a {font: 12px verdana, sans-serif; font-weight:bold; vertical-align:text-top;}
| |
- |
| |
- | #cam_left { width:186px; margin-right: 10px; float: left;}
| |
- | #cam_right {width: 760px; float:left;}
| |
- | .cam-header {height: 96px; margin-bottom: 12px!important;}
| |
- | #cam_menubar{margin-bottom:14px;height:96px;}
| |
- | .cam-box{background:url(/wiki/images/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black;}
| |
- | .cam-box-content{font: 16px verdana, sans-serif;}
| |
- | #cam_pagecontent {font-size:15px;}
| |
- | #cam_pagecontent a {font-size:15px;}
| |
- | .cam-menu-item{float:left;width:148px;font-weight:bold;color:#666666;z-index:200;}
| |
- | .cam-menu-item:hover{color:black;}
| |
- | .cam-menu-item.cam-menu-selected{font-weight:bold!important;}
| |
- | .cam-menu-top{height:50px;text-align:center;padding-top:36px;}
| |
- | .cam-menu-text{font-size:16px;}
| |
- | .cam-menu-bottom{height:10px;background-color:#ffffff!important; width:148px;}
| |
- |
| |
- | a{text-decoration:none;color:#000000;font: 16px verdana, sans-serif; cursor:pointer;}
| |
- | a:hover{opacity:.8;}
| |
- | a {outline: none!important;} /*Fix for Firefox*/
| |
- |
| |
- | a.cam-overview {color:#ee2424;}
| |
- | a.cam-project {color:#4fb84e;}
| |
- | a.cam-labwork {color:#a54098;}
| |
- | a.cam-society {color:#3953a4;}
| |
- | a.cam-team {color:#eea900;}
| |
- | a.cam-ext {color:#54b8ec;}
| |
- |
| |
- | #cam_logo {position:relative;}
| |
- | #cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;}
| |
- |
| |
- | #cam_desc {margin:2px;}
| |
- | #cam_desc_top {margin-bottom: 5px;}
| |
- | #cam_desc_color {float:left;width:10px;height:56px;}
| |
- | #cam_desc_title {float:left;font:18px verdana, sans-serif;}
| |
- | #cam_desc_area {margin: 5px;}
| |
- | #cam_desc_subarea {margin: 5px; font-size:16px; padding-left:10px;}
| |
- | #cam_desc_content {border-top: 1px solid grey; font: 12px verdana, sans-serif; padding:3px; word-wrap: break-word;}
| |
- | #cam_desc_content a {font: inherit;}
| |
- |
| |
- | .cam-desc-overview {background-color:#ee2424!important;}
| |
- | .cam-desc-project {background-color:#4fb84e!important;}
| |
- | .cam-desc-labwork {background-color:#a54098!important;}
| |
- | .cam-desc-society {background-color:#3953a4!important;}
| |
- | .cam-desc-team {background-color:#fee600!important;}
| |
- |
| |
- | /* area_hover */
| |
- | #cam_overview:hover .cam-menu-bottom{background-color:#ee2424!important;}
| |
- | #cam_project:hover .cam-menu-bottom{background-color:#4fb84e!important;}
| |
- | #cam_labwork:hover .cam-menu-bottom{background-color:#a54098!important;}
| |
- | #cam_society:hover .cam-menu-bottom{background-color:#3953a4!important;}
| |
- | #cam_team:hover .cam-menu-bottom{background-color:#fee600!important;}
| |
- | /* area select */
| |
- | #cam_overview.cam-selected .cam-menu-bottom{background-color:#ee2424!important;}
| |
- | #cam_project.cam-selected .cam-menu-bottom{background-color:#4fb84e!important;}
| |
- | #cam_labwork.cam-selected .cam-menu-bottom{background-color:#a54098!important;}
| |
- | #cam_society.cam-selected .cam-menu-bottom{background-color:#3953a4!important;}
| |
- | #cam_team.cam-selected .cam-menu-bottom{background-color:#fee600!important;}
| |
- | /* subarea select*/
| |
- | .cam-subitems li.cam-selected a {margin-left:2px;color:black;}
| |
- | .cam-overview li.cam-selected a {border-left:3px solid #ee2424;}
| |
- | .cam-project li.cam-selected a {border-left:3px solid #4fb84e;}
| |
- | .cam-labwork li.cam-selected a {border-left:3px solid #a54098;}
| |
- | .cam-society li.cam-selected a {border-left:3px solid #3953a4;}
| |
- | .cam-team li.cam-selected a {border-left:3px solid #fee600;}
| |
- |
| |
- |
| |
- | .cam-menu-all{position:absolute;opacity:0.95;}
| |
- | .cam-menu-drop{display:none;width:148px;}
| |
- | ul.cam-menu-drop {list-style:none;margin:0!important;list-style-image:none;}
| |
- | .cam-menu-drop li {display:block; padding: 5px 2px; background-color:#272727;margin:0!important; }
| |
- | .cam-menu-drop li a {display:block;color:#bbbbbb;padding: 7px 2px;}
| |
- | .cam-menu-drop li a:hover {background-color:#aaaaaa;color:#000000;}
| |
- | #cam_nav{min-height:300px;}
| |
- | #cam_pagecontent {padding: 10px; min-height:480px;}
| |
- | .printfooter {display:none;}
| |
- | #cam_blog{position:absolute;right:-70px;top:82px;width:105px;height:105px;background-color:green;}
| |
- | #cam_icons{height:60px;margin:4px 2px;overflow:hidden}
| |
- | .cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative}
| |
- | .cam-social-icon{position:absolute; top:12px;}
| |
- |
| |
- | #cam_loading {display:none; padding: 0 5px 5px 5px; background-image: url(/wiki/images/3/37/CAM_black_85.png); font: bold 20px verdana, sans-serif; position:fixed; top:0; left:50%; width: 150px; margin-left:-75px; z-index: 10;}
| |
- | #cam_loading div {background-color: white; color:black; text-align:center;}
| |
- |
| |
- | /*
| |
- | ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
| |
- | ** Copyright Gabriel Wicke - http://wikidev.net/
| |
- | ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
| |
- | **
| |
- | ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
| |
- | ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
| |
- | ** Michael Zeltner and Geir Bækholt)
| |
- | ** All you guys rock :)
| |
- | *
| |
- | ** All iGEM-related content removed by Haydn King, iGEM Cambridge, 2011
| |
- | */
| |
- |
| |
- | /*****************************************************************************************************
| |
- | * The content div contains all of the contents of the page - provided by mediawiki
| |
- | ****************************************************************************************************/
| |
- |
| |
- | /* the left column width is specified in class .portlet */
| |
- |
| |
- | /* general styles */
| |
- |
| |
- | table {
| |
- | font-size: 100%;
| |
- | color: black;
| |
- | }
| |
- |
| |
- | img {
| |
- | border: none;
| |
- | vertical-align: middle;
| |
- | }
| |
- | p {
| |
- | margin: .4em 0 .5em 0;
| |
- | }
| |
- | p img {
| |
- | margin: 0;
| |
- | }
| |
- |
| |
- | hr {
| |
- | height: 1px;
| |
- | color: #aaa;
| |
- | border: 0;
| |
- | margin: .2em 0 .2em 0;
| |
- | }
| |
- |
| |
- | h1, h2, h3, h4, h5, h6 {
| |
- | color: black;
| |
- | background: none;
| |
- | font-weight: normal;
| |
- | margin: 0;
| |
- | padding-top: .5em;
| |
- | padding-bottom: .17em;
| |
- | border-bottom: 1px solid #aaa;
| |
- | }
| |
- | h1 { font-size: 188%; }
| |
- | h2 { font-size: 150%; }
| |
- | h3, h4, h5, h6 {
| |
- | border-bottom: none;
| |
- | font-weight: bold;
| |
- | }
| |
- | h3 { font-size: 132%; }
| |
- | h4 { font-size: 116%; }
| |
- | h5 { font-size: 100%; }
| |
- | h6 { font-size: 80%; }
| |
- |
| |
- | ul {
| |
- | line-height: 1.5em;
| |
- | list-style-type: square;
| |
- | margin: .3em 0 0 1.5em;
| |
- | padding: 0;
| |
- | }
| |
- | ol {
| |
- | line-height: 1.5em;
| |
- | margin: .3em 0 0 3.2em;
| |
- | padding: 0;
| |
- | list-style-image: none;
| |
- | }
| |
- | li {
| |
- | margin-bottom: .1em;
| |
- | }
| |
- | dt {
| |
- | font-weight: bold;
| |
- | margin-bottom: .1em;
| |
- | }
| |
- | dl {
| |
- | margin-top: .2em;
| |
- | margin-bottom: .5em;
| |
- | }
| |
- | dd {
| |
- | line-height: 1.5em;
| |
- | margin-left: 2em;
| |
- | margin-bottom: .1em;
| |
- | }
| |
- |
| |
- | fieldset {
| |
- | border: 1px solid #2f6fab;
| |
- | margin: 1em 0 1em 0;
| |
- | padding: 0 1em 1em;
| |
- | line-height: 1.5em;
| |
- | }
| |
- | legend {
| |
- | background: white;
| |
- | padding: .5em;
| |
- | font-size: 95%;
| |
- | }
| |
- |
| |
- | select {
| |
- | vertical-align: top;
| |
- | }
| |
- | abbr, acronym, .explain {
| |
- | border-bottom: 1px dotted black;
| |
- | color: black;
| |
- | background: none;
| |
- | cursor: help;
| |
- | }
| |
- | q {
| |
- | font-family: Times, "Times New Roman", serif;
| |
- | font-style: italic;
| |
- | }
| |
- | code {
| |
- |
| |
- | }
| |
- | pre {
| |
- | padding: 1em;
| |
- | border: 1px dashed #2f6fab;
| |
- | color: black;
| |
- | line-height: 1.1em;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** the main content area
| |
- | */
| |
- |
| |
- | #siteSub {
| |
- | display: none;
| |
- | }
| |
- | #contentSub {
| |
- | font-size: 84%;
| |
- | line-height: 1.2em;
| |
- | margin: 0 0 1.4em 1em;
| |
- | color: #7d7d7d;
| |
- | width: auto;
| |
- | }
| |
- | span.subpages {
| |
- | display: block;
| |
- | }
| |
- |
| |
- | /* Some space under the headers in the content area */
| |
- | #bodyContent h1, #bodyContent h2 {
| |
- | margin-bottom: .6em;
| |
- | }
| |
- | #bodyContent h3, #bodyContent h4, #bodyContent h5 {
| |
- | margin-bottom: .3em;
| |
- | }
| |
- | .firstHeading {
| |
- | margin-bottom: .1em;
| |
- | }
| |
- |
| |
- | .error {
| |
- | color: red;
| |
- | font-size: larger;
| |
- | }
| |
- | /* currently unused, intended to be used by a metadata box
| |
- | in the bottom-right corner of the content area */
| |
- | .documentDescription {
| |
- | /* The summary text describing the document */
| |
- | font-weight: bold;
| |
- | display: block;
| |
- | margin: 1em 0;
| |
- | line-height: 1.5em;
| |
- | }
| |
- | .documentByLine {
| |
- | text-align: right;
| |
- | font-size: 90%;
| |
- | clear: both;
| |
- | font-weight: normal;
| |
- | color: #76797c;
| |
- | }
| |
- |
| |
- | /* emulate center */
| |
- | .center {
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | }
| |
- | *.center * {
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- | /* small for tables and similar */
| |
- | .small, .small * {
| |
- | font-size: 94%;
| |
- | }
| |
- | table.small {
| |
- | font-size: 100%;
| |
- | }
| |
- | span.editsection
| |
- | {
| |
- | font-size: 15px;
| |
- | float: right;
| |
- | }
| |
- | span.editsection a {font-size: 12px;}
| |
- |
| |
- | /*
| |
- | ** content styles
| |
- | */
| |
- |
| |
- | #toc,
| |
- | .toc {
| |
- | display: none; /*hide TOC forever and for always!*/
| |
- | }
| |
- |
| |
- | /* images */
| |
- | div.floatright, table.floatright {
| |
- | clear: right;
| |
- | float: right;
| |
- | position: relative;
| |
- | margin: 0 0 .5em .5em;
| |
- | border: 0;
| |
- | }
| |
- | div.floatright p { font-style: italic; }
| |
- | div.floatleft, table.floatleft {
| |
- | float: left;
| |
- | position: relative;
| |
- | margin: 0 .5em .5em 0;
| |
- | border: 0;
| |
- | }
| |
- | div.floatleft p { font-style: italic; }
| |
- | /* thumbnails */
| |
- | div.thumb {
| |
- | margin-bottom: .5em;
| |
- | border-style: solid;
| |
- | border-color: transparent;
| |
- | width: auto;
| |
- | }
| |
- | div.thumb div {
| |
- | border: 1px solid #ccc;
| |
- | padding: 3px !important;
| |
- | font-size: 94%;
| |
- | text-align: center;
| |
- | overflow: hidden;
| |
- | }
| |
- | div.thumb div a img {
| |
- | border: 1px solid #ccc;
| |
- | }
| |
- | div.thumb div div.thumbcaption {
| |
- | border: none;
| |
- | text-align: left;
| |
- | line-height: 1.4em;
| |
- | padding: .3em 0 .1em 0;
| |
- | }
| |
- | div.magnify {
| |
- | float: right;
| |
- | border: none !important;
| |
- | background: none !important;
| |
- | }
| |
- | div.magnify a, div.magnify img {
| |
- | display: block;
| |
- | border: none !important;
| |
- | background: none !important;
| |
- | }
| |
- | div.tright {
| |
- | clear: right;
| |
- | float: right;
| |
- | border-width: .5em 0 .8em 1.4em;
| |
- | }
| |
- | div.tleft {
| |
- | float: left;
| |
- | margin-right: .5em;
| |
- | border-width: .5em 1.4em .8em 0;
| |
- | }
| |
- |
| |
- | .hiddenStructure {
| |
- | display: none;
| |
- | }
| |
- | img.tex {
| |
- | vertical-align: middle;
| |
- | }
| |
- | span.texhtml {
| |
- | font-family: serif;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** classes for special content elements like town boxes
| |
- | ** intended to be referenced directly from the wiki src
| |
- | */
| |
- |
| |
- | /*
| |
- | ** User styles
| |
- | */
| |
- | /* table standards */
| |
- | table.rimage {
| |
- | float: right;
| |
- | position: relative;
| |
- | margin-left: 1em;
| |
- | margin-bottom: 1em;
| |
- | text-align: center;
| |
- | }
| |
- | .toccolours {
| |
- | border: 1px solid #aaa;
| |
- | padding: 5px;
| |
- | font-size: 95%;
| |
- | }
| |
- | div.townBox {
| |
- | position: relative;
| |
- | float: right;
| |
- | background: white;
| |
- | margin-left: 1em;
| |
- | border: 1px solid gray;
| |
- | padding: .3em;
| |
- | width: 200px;
| |
- | overflow: hidden;
| |
- | clear: right;
| |
- | }
| |
- | div.townBox dl {
| |
- | padding: 0;
| |
- | margin: 0 0 .3em;
| |
- | font-size: 96%;
| |
- | }
| |
- | div.townBox dl dt {
| |
- | background: none;
| |
- | margin: .4em 0 0;
| |
- | }
| |
- | div.townBox dl dd {
| |
- | margin: .1em 0 0 1.1em;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** keep the whitespace in front of the ^=, hides rule from konqueror
| |
- | ** this is css3, the validator doesn't like it when validating as css2
| |
- | */
| |
- | #bodyContent a[href ^="http://"],
| |
- | #bodyContent a[href ^="gopher://"] {
| |
- | /* background: url(external.png) center right no-repeat; rdr */
| |
- | /* padding-right: 13px; rdr */
| |
- | }
| |
- | #bodyContent a[href ^="https://"],
| |
- | .link-https {
| |
- | background: url(lock_icon.gif) center right no-repeat;
| |
- | padding-right: 16px;
| |
- | }
| |
- | #bodyContent a[href ^="mailto:"],
| |
- | .link-mailto {
| |
- | background: url(mail_icon.gif) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | #bodyContent a[href ^="news://"] {
| |
- | background: url(news_icon.png) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | #bodyContent a[href ^="ftp://"],
| |
- | .link-ftp {
| |
- | background: url(file_icon.gif) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | #bodyContent a[href ^="irc://"],
| |
- | .link-irc {
| |
- | background: url(discussionitem_icon.gif) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | /* disable interwiki styling */
| |
- | #bodyContent a.extiw,
| |
- | #bodyContent a.extiw:active {
| |
- | color: #36b;
| |
- | background: none;
| |
- | padding: 0;
| |
- | }
| |
- | /* this can be used in the content area to switch off
| |
- | special external link styling */
| |
- | #bodyContent .plainlinks a {
| |
- | background: none !important;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | </style>
| |
- |
| |
| <div id='cam_loading'> | | <div id='cam_loading'> |
| <div>Loading...</div> | | <div>Loading...</div> |