Team:Cambridge/static/wiki.css
From 2011.igem.org
Line 1: | Line 1: | ||
+ | <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 {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.cam-hover {background-image:url(/wiki/images/c/c2/CAM_Bactiridescence_Icons_hover.png);} | ||
Line 12: | Line 13: | ||
.cam-social-flickr{background-position: -96px 0;} | .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/ | + | 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_page{width: 960px;text-align:left;display:inline-block;} | ||
#cam_topbar{height:18px; margin: 0 6px 10px 2px;} | #cam_topbar{height:18px; margin: 0 6px 10px 2px;} | ||
Line 24: | Line 34: | ||
.cam-box{background:url(/wiki/images/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black;} | .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-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{float:left;width:148px;font-weight:bold;color:#666666;z-index:200;} | ||
.cam-menu-item:hover{color:black;} | .cam-menu-item:hover{color:black;} | ||
Line 31: | Line 43: | ||
.cam-menu-bottom{height:10px;background-color:#ffffff!important; width:148px;} | .cam-menu-bottom{height:10px;background-color:#ffffff!important; width:148px;} | ||
- | a{text-decoration:none;color:# | + | a{text-decoration:none;color:#000000;font: 16px verdana, sans-serif; cursor:pointer;} |
- | a:hover{ | + | a:hover{opacity:.8;} |
a {outline: none!important;} /*Fix for Firefox*/ | 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_logo {position:relative;} | ||
#cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;} | #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 */ | /* area_hover */ | ||
- | #cam_overview:hover .cam-menu-bottom{background-color: | + | #cam_overview:hover .cam-menu-bottom{background-color:#ee2424!important;} |
- | #cam_project:hover .cam-menu-bottom{background-color: | + | #cam_project:hover .cam-menu-bottom{background-color:#4fb84e!important;} |
- | #cam_labwork:hover .cam-menu-bottom{background-color: | + | #cam_labwork:hover .cam-menu-bottom{background-color:#a54098!important;} |
- | #cam_society:hover .cam-menu-bottom{background-color: | + | #cam_society:hover .cam-menu-bottom{background-color:#3953a4!important;} |
- | #cam_team:hover .cam-menu-bottom{background-color: | + | #cam_team:hover .cam-menu-bottom{background-color:#fee600!important;} |
/* area select */ | /* area select */ | ||
- | #cam_overview.cam-selected .cam-menu-bottom{background-color: | + | #cam_overview.cam-selected .cam-menu-bottom{background-color:#ee2424!important;} |
- | #cam_project.cam-selected .cam-menu-bottom{background-color: | + | #cam_project.cam-selected .cam-menu-bottom{background-color:#4fb84e!important;} |
- | #cam_labwork.cam-selected .cam-menu-bottom{background-color: | + | #cam_labwork.cam-selected .cam-menu-bottom{background-color:#a54098!important;} |
- | #cam_society.cam-selected .cam-menu-bottom{background-color: | + | #cam_society.cam-selected .cam-menu-bottom{background-color:#3953a4!important;} |
- | #cam_team.cam-selected .cam-menu-bottom{background-color: | + | #cam_team.cam-selected .cam-menu-bottom{background-color:#fee600!important;} |
/* subarea select*/ | /* subarea select*/ | ||
.cam-subitems li.cam-selected a {margin-left:2px;color:black;} | .cam-subitems li.cam-selected a {margin-left:2px;color:black;} | ||
- | .cam-overview li.cam-selected a {border-left:3px solid | + | .cam-overview li.cam-selected a {border-left:3px solid #ee2424;} |
- | .cam-project li.cam-selected a {border-left:3px solid | + | .cam-project li.cam-selected a {border-left:3px solid #4fb84e;} |
- | .cam-labwork li.cam-selected a {border-left:3px solid | + | .cam-labwork li.cam-selected a {border-left:3px solid #a54098;} |
- | .cam-society li.cam-selected a {border-left:3px solid | + | .cam-society li.cam-selected a {border-left:3px solid #3953a4;} |
- | .cam-team li.cam-selected a {border-left:3px solid | + | .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;} | ||
.cam-menu-drop{display:none;width:148px;} | .cam-menu-drop{display:none;width:148px;} | ||
- | .cam-menu-drop | + | 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 {display:block;color:#bbbbbb;padding: 7px 2px;} | ||
.cam-menu-drop li a:hover {background-color:#aaaaaa;color:#000000;} | .cam-menu-drop li a:hover {background-color:#aaaaaa;color:#000000;} | ||
- | #cam_nav{height: | + | #cam_nav{min-height:300px;} |
- | #cam_pagecontent { | + | #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_blog{position:absolute;right:-70px;top:82px;width:105px;height:105px;background-color:green;} | ||
#cam_icons{height:60px;margin:4px 2px;overflow:hidden} | #cam_icons{height:60px;margin:4px 2px;overflow:hidden} | ||
.cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative} | .cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative} | ||
.cam-social-icon{position:absolute; top:12px;} | .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; | ||
} | } |
Revision as of 14:31, 13 September 2011
<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;
}