Team:Cambridge/static/wiki.css

From 2011.igem.org

Revision as of 03:23, 22 September 2011 by Hjking734 (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/*

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

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

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

Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.

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

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

/

.cam-ui-icon {width:16px;height:16px;background-image:url(/wiki/images/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;} .cam-ui-icon.cam-hover {background-image:url(/wiki/images/c/c2/CAM_Bactiridescence_Icons_hover.png);} .cam-ui-icon-discuss {background-position: 0 0;} .cam-ui-icon-key {background-position: -16px 0;} .cam-ui-icon-user {background-position: -32px 0;} .cam-ui-icon-edit {background-position: -48px 0;}

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

.cam-social-icon {width:48px;height:48px;display:inline-block;background-image:url(/wiki/images/5/50/CAM_Bactiridescence_Social.png);} .cam-social-facebook{background-position: 0 0;} .cam-social-twitter{background-position: -48px 0;} .cam-social-flickr{background-position: -96px 0;}

{padding: 0; margin:0; word-break:break-word;}

body{ text-align: center; background: #eeeeee no-repeat fixed center top; margin-bottom: 10px; overflow-x:hidden;} .cam-bk-1024-wide {background-image: url(/wiki/images/d/d0/CAM_bk_1024W.jpg);} .cam-bk-1680-wide {background-image: url(/wiki/images/e/e6/CAM_bk_1680W.jpg);} .cam-bk-1920-wide {background-image: url(/wiki/images/d/da/CAM_bk_1920W.jpg);} .cam-bk-2650-wide {background-image: url(/wiki/images/5/56/CAM_bk_2650W.jpg);} .cam-bk-1024-narrow {background-image: url(/wiki/images/4/47/CAM_bk_1024N.jpg);} .cam-bk-1680-narrow {background-image: url(/wiki/images/3/38/CAM_bk_1680N.jpg);} .cam-bk-1920-narrow {background-image: url(/wiki/images/7/7a/CAM_bk_1920N.jpg);} .cam-bk-2650-narrow {background-image: url(/wiki/images/6/66/CAM_bk_2650N.jpg);}

cam_page{width: 960px;text-align:left;display:inline-block;}
cam_topbar{height:18px; margin: 0 6px 10px 2px;}
cam_topbar a {font: 12px verdana, sans-serif; font-weight:bold; vertical-align:text-top;}

cam_left { width:186px; margin-right: 10px; float: left;}
cam_right {width: 760px; float:left;}

.cam-header {height: 96px; margin-bottom: 12px!important;}

cam_menubar{margin-bottom:14px;height:96px;}

.cam-box{background:url(/wiki/images/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black;} .cam-box-content{font: 16px verdana, sans-serif;}

cam_pagecontent {font-size:15px;}

.cam-menu-item{float:left;width:148px;font: 16px verdana, sans-serif;color:#666666;z-index:800;} .cam-menu-item:hover{color:black;} .cam-menu-item.cam-menu-selected{font-weight:bold!important;} .cam-menu-top{height:50px;text-align:center;padding-top:36px;} .cam-menu-text{font-size:16px;} .cam-menu-bottom{height:10px;background-color:#ffffff!important; width:148px;}

a{text-decoration:none;color:#000000;font: inherit verdana, sans-serif; cursor:pointer;} a:hover{opacity:.8;filter:alpha(opacity=80);} a {outline: none!important;} /*Fix for Firefox*/

a.cam-overview {color:#ee2424;} a.cam-project {color:#4fb84e;} a.cam-labwork {color:#a54098;} a.cam-society {color:#3953a4;} a.cam-team {color:#eea900;} a.cam-ext {color:#54b8ec;}

cam_logo {position:relative;}
cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;}

cam_desc {margin:2px;}
cam_desc_top {margin-bottom: 5px;}
cam_desc_color {float:left;width:10px;height:56px;}
cam_desc_title {float:left;font:18px verdana, sans-serif;}
cam_desc_area {margin: 5px;}
cam_desc_subarea {margin: 5px; font-size:16px; padding-left:10px;}
cam_desc_content {border-top: 1px solid grey; font: 12px verdana, sans-serif; padding:3px; word-wrap: break-word;}
cam_desc_content a {font: inherit;}

.cam-desc-overview {background-color:#ee2424!important;} .cam-desc-project {background-color:#4fb84e!important;} .cam-desc-labwork {background-color:#a54098!important;} .cam-desc-society {background-color:#3953a4!important;} .cam-desc-team {background-color:#fee600!important;}

/* area_hover */

cam_overview:hover .cam-menu-bottom{background-color:#ee2424!important;}
cam_project:hover .cam-menu-bottom{background-color:#4fb84e!important;}
cam_labwork:hover .cam-menu-bottom{background-color:#a54098!important;}
cam_society:hover .cam-menu-bottom{background-color:#3953a4!important;}
cam_team:hover .cam-menu-bottom{background-color:#fee600!important;}

/* area select */

cam_overview.cam-selected .cam-menu-bottom{background-color:#ee2424!important;}
cam_project.cam-selected .cam-menu-bottom{background-color:#4fb84e!important;}
cam_labwork.cam-selected .cam-menu-bottom{background-color:#a54098!important;}
cam_society.cam-selected .cam-menu-bottom{background-color:#3953a4!important;}
cam_team.cam-selected .cam-menu-bottom{background-color:#fee600!important;}

/* subarea select*/ .cam-subitems li.cam-selected a {margin-left:2px;color:black;} .cam-overview li.cam-selected a {border-left:3px solid #ee2424;} .cam-project li.cam-selected a {border-left:3px solid #4fb84e;} .cam-labwork li.cam-selected a {border-left:3px solid #a54098;} .cam-society li.cam-selected a {border-left:3px solid #3953a4;} .cam-team li.cam-selected a {border-left:3px solid #fee600;}

.cam-menu-all{position:absolute;opacity:0.95;filter:alpha(opacity=95);} .cam-menu-drop{display:none;width:148px;} ul.cam-menu-drop {list-style:none;margin:0!important;list-style-image:none;} .cam-menu-drop li {display:block; padding: 5px 2px; background-color:#272727;margin:0!important; } .cam-menu-drop li a {display:block;color:#bbbbbb;padding: 7px 2px;} .cam-menu-drop li a:hover {background-color:#aaaaaa;color:#000000;}

cam_nav{min-height:300px;}
cam_pagecontent {padding: 10px; min-height:480px;}

.printfooter {display:none;}

cam_blog{position:absolute;right:-70px;top:82px;width:105px;height:105px;background-color:green;}
cam_icons{height:60px;margin:4px 2px;overflow:hidden}

.cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative} .cam-social-icon{position:absolute; top:12px;}

cam_loading {display:none; padding: 0 5px 5px 5px; background-image: url(/wiki/images/3/37/CAM_black_85.png); font: bold 20px verdana, sans-serif; position:fixed; top:0; left:50%; width: 150px; margin-left:-75px; z-index: 10;}
cam_loading div {background-color: white; color:black; text-align:center;}

/*

- MediaWiki 'monobook' style sheet for CSS2-capable browsers.
- Copyright Gabriel Wicke - http://wikidev.net/
- License: GPL (http://www.gnu.org/copyleft/gpl.html)
- Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
- and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
- Michael Zeltner and Geir Bækholt)
- All you guys rock :)
- All iGEM-related content removed by Haydn King, iGEM Cambridge, 2011
/

/*****************************************************************************************************

* The content div contains all of the contents of the page - provided by mediawiki
****************************************************************************************************/

/* the left column width is specified in class .portlet */

/* general styles */

table {

   font-size: 100%;
   color: black;
   text-align: center;

} table td {

 border: 1px solid grey;
 padding: 3px;

} table th {

 border: 1px solid grey;
 padding: 3px;
 font-weight: bold;

} table.gallery td{

 vertical-align: top;
 border: none!important;

}

caption {font-weight:bold; text-style:italic;}

div.gallerybox {

 border: 1px solid lightgrey;
 padding: 2px;

}

img {

   border: none;
   vertical-align: middle;

} p {

   margin: .4em 0 .5em 0;

} p img {

   margin: 0;

}

hr {

   height: 1px;
   color: #aaa;
   border: 0;
   margin: .2em 0 .2em 0;

}

h1, h2, h3, h4, h5, h6 {

   color: black;
   background: none;
   font-weight: normal;
   margin: 0;
   padding-top: .5em;
   padding-bottom: .17em;
   border-bottom: 1px solid #aaa;

} h1 { font-size: 188%; } h2 { font-size: 150%; } h3, h4, h5, h6 {

   border-bottom: none;
   font-weight: bold;

} h3 { font-size: 132%; } h4 { font-size: 116%; } h5 { font-size: 100%; } h6 { font-size: 80%; }

ul {

   line-height: 1.5em;
   list-style-type: square;
   margin: .3em 0 0 1.5em;
   padding: 0;

} ol {

   line-height: 1.5em;
   margin: .3em 0 0 3.2em;
   padding: 0;
   list-style-image: none;

} li {

   margin-bottom: .1em;

} dt {

   font-weight: bold;
   margin-bottom: .1em;

} dl {

   margin-top: .2em;
   margin-bottom: .5em;

} dd {

   line-height: 1.5em;
   margin-left: 2em;
   margin-bottom: .1em;

}

fieldset {

   border: 1px solid #2f6fab;
   margin: 1em 0 1em 0;
   padding: 0 1em 1em;
   line-height: 1.5em;

} legend {

   background: white;
   padding: .5em;
   font-size: 95%;

}

select {

   vertical-align: top;

} abbr, acronym, .explain {

   border-bottom: 1px dotted black;
   color: black;
   background: none;
   cursor: help;

} q {

   font-family: Times, "Times New Roman", serif;
   font-style: italic;

} code {

} pre {

   padding: 1em;
   border: 1px dashed #2f6fab;
   color: black;
   line-height: 1.1em;

}

/*

- the main content area
/

siteSub {

   display: none;

}

contentSub {

   font-size: 84%;
   line-height: 1.2em;
   margin: 0 0 1.4em 1em;
   color: #7d7d7d;
   width: auto;

} span.subpages {

   display: block;

}

/* Some space under the headers in the content area */

bodyContent h1, #bodyContent h2 {

   margin-bottom: .6em;

}

bodyContent h3, #bodyContent h4, #bodyContent h5 {

   margin-bottom: .3em;

} .firstHeading {

   margin-bottom: .1em;

}

.error {

   color: red;
   font-size: larger;

} /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription {

   /* The summary text describing the document */
   font-weight: bold;
   display: block;
   margin: 1em 0;
   line-height: 1.5em;

} .documentByLine {

   text-align: right;
   font-size: 90%;
   clear: both;
   font-weight: normal;
   color: #76797c;

}

/* emulate center */ .center {

   width: 100%;
   text-align: center;

}

.center * {

   margin-left: auto;
   margin-right: auto;

} /* small for tables and similar */ .small, .small * {

   font-size: 94%;

} table.small {

 font-size: 100%;

} span.editsection {

 font-size: 15px;
 float: right;
 font-weight: normal;

} span.editsection a {font-size: 12px;}

/*

- content styles
/

toc,

.toc {

   display: none; /*hide TOC forever and for always!*/

}

/* images */ div.floatright, table.floatright {

   clear: right;
   float: right;
   position: relative;
   margin: 0 0 .5em .5em;
   border: 0;

} div.floatright p { font-style: italic; } div.floatleft, table.floatleft {

   float: left;
   position: relative;
   margin: 0 .5em .5em 0;
   border: 0;

} div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb {

   margin-bottom: .5em;
   border-style: solid;
   border-color: transparent;
   width: auto;

} div.thumb div {

   border: 1px solid #ccc;
   padding: 3px !important;
   font-size: 94%;
   text-align: center;
   overflow: hidden;

} div.thumb div a img {

   border: 1px solid #ccc;

} div.thumb div div.thumbcaption {

   border: none;
   text-align: left;
   line-height: 1.4em;
   padding: .3em 0 .1em 0;

} div.magnify {

   float: right;
   border: none !important;
   background: none !important;

} div.magnify a, div.magnify img {

   display: block;
   border: none !important;
   background: none !important;

} div.tright {

   clear: right;
   float: right;
   border-width: .5em 0 .8em 1.4em;

} div.tleft {

   float: left;
   margin-right: .5em;
   border-width: .5em 1.4em .8em 0;

}

.hiddenStructure {

   display: none;

} img.tex {

   vertical-align: middle;

} span.texhtml {

   font-family: serif;

}

/*

- classes for special content elements like town boxes
- intended to be referenced directly from the wiki src
/

/*

- User styles
/

/* table standards */ table.rimage {

   float: right;
   position: relative;
   margin-left: 1em;
   margin-bottom: 1em;
   text-align: center;

} .toccolours {

   border: 1px solid #aaa;
   padding: 5px;
   font-size: 95%;

} div.townBox {

   position: relative;
   float: right;
   background: white;
   margin-left: 1em;
   border: 1px solid gray;
   padding: .3em;
   width: 200px;
   overflow: hidden;
   clear: right;

} div.townBox dl {

   padding: 0;
   margin: 0 0 .3em;
   font-size: 96%;

} div.townBox dl dt {

   background: none;
   margin: .4em 0 0;

} div.townBox dl dd {

   margin: .1em 0 0 1.1em;

}

/*

- keep the whitespace in front of the ^=, hides rule from konqueror
- this is css3, the validator doesn't like it when validating as css2
/

bodyContent a[href ^="http://"],
bodyContent a[href ^="gopher://"] {

/* background: url(external.png) center right no-repeat; rdr */ /* padding-right: 13px; rdr */ }

bodyContent a[href ^="https://"],

.link-https {

   background: url(lock_icon.gif) center right no-repeat;
   padding-right: 16px;

}

bodyContent a[href ^="mailto:"],

.link-mailto {

   background: url(mail_icon.gif) center right no-repeat;
   padding-right: 18px;

}

bodyContent a[href ^="news://"] {

   background: url(news_icon.png) center right no-repeat;
   padding-right: 18px;

}

bodyContent a[href ^="ftp://"],

.link-ftp {

   background: url(file_icon.gif) center right no-repeat;
   padding-right: 18px;

}

bodyContent a[href ^="irc://"],

.link-irc {

   background: url(discussionitem_icon.gif) center right no-repeat;
   padding-right: 18px;

} /* disable interwiki styling */

bodyContent a.extiw,
bodyContent a.extiw:active {

   color: #36b;
   background: none;
   padding: 0;

} /* this can be used in the content area to switch off special external link styling */

bodyContent .plainlinks a {

   background: none !important;
   padding: 0;

}