Team:Cambridge/static/wiki.css

From 2012.igem.org

/*

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

                   Version 2, December 2004

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

  TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

/

/*top bar*/

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

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

/*background and basics*/

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

body{ text-align: center; background: #eeeeee no-repeat fixed center top; margin-bottom: 10px; overflow-x:hidden;} .CAM12_bg_1024 {background-image: url('/wiki/images/c/c5/CAM12_bg_1024.jpg');} .CAM12_bg_1280 {background-image: url('/wiki/images/2/24/CAM12_bg_1280.jpg');} .CAM12_bg_1366 {background-image: url('/wiki/images/5/51/CAM12_bg_1366.jpg');} .CAM12_bg_1440 {background-image: url('/wiki/images/c/cb/CAM12_bg_1440.jpg');} .CAM12_bg_1680 {background-image: url('/wiki/images/c/c0/CAM12_bg_1680.jpg');} .CAM12_bg_1920 {background-image: url('/wiki/images/2/26/CAM12_bg_1920.jpg');}

cam_page{width: 1100px;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: 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(https://static.igem.org/mediawiki/2011/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black; height: 150px} .cam-box1{background:url(https://static.igem.org/mediawiki/2011/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black} /*top logo bar*/

.cam-box-content{font: 16px verdana, sans-serif;}

cam_pagecontent {font-size:15px; padding: 10px;}

/*left logo*/

cam_logo {position:relative; width: 250px; height: 200px 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('/wiki/images/d/db/CAM_grid_project.jpg');}
cam_grid_outreach {background-image: url('/wiki/images/7/74/CAM_grid_outreach.jpg');}
cam_grid_gallery {background-image: url('/wiki/images/5/54/CAM_grid_gallery.jpg');}
cam_grid_diary {background-image: url('/wiki/images/2/2a/CAM_grid_diary.jpg');}
cam_grid_safety {background-image: url('/wiki/images/2/29/CAM_grid_safety.jpg');}
cam_grid_team {background-image: url('/wiki/images/0/0b/CAM_grid_team.jpg');}
cam_grid_sponsors {background-image: url('/wiki/images/9/93/CAM_grid_sponsors.jpg');}

li { color: black; font-family: Verdana, Geneva, sans-serif; font-size: 14px; }

.cam_grid_headover h7 { color: orange; font-family: Verdana, sans-serif; font-style: italic; font-size: 10px; text-align: justify; margin: 10px; float: left; //padding-right: 10px; } .cam_grid_headover {

   width: 250px;
   height: 90px;
   position: absolute;
   top: 80px;
   background-image: url('/wiki/images/b/b6/Headover.png'); }

.cam_grid_title { width: 250px; height: 80px; position: absolute; top: 170px; background-image: url('/wiki/images/b/b6/Headover.png'); } }

cam_nav {width: 255px; height: 340px; margin: 2.5px; float: left;}

.cam_nav_row {width: 255px; height: 85px; margin: 0px;} .cam_nav_grid {width: 80px; height: 80px; margin: 2.5px; float: left; }

cam_nav_project {background-image: url('/wiki/images/d/db/CAM_menu_project.png'); }
cam_nav_outreach {background-image: url('/wiki/images/7/7e/CAM_menu_outreach.png'); }
cam_nav_gallery {background-image: url('/wiki/images/7/70/CAM_menu_gallery.png'); }
cam_nav_diary {background-image: url('/wiki/images/3/3b/CAM_menu_diary.png'); }
cam_nav_team {background-image: url('/wiki/images/9/96/CAM_menu_team.png'); }
cam_nav_safety {background-image: url('/wiki/images/9/90/CAM_menu_safety.png'); }
cam_nav_sponsors {background-image: url('/wiki/images/5/58/CAM_menu_sponsors.png'); }
cam_nav_home {background-image: url('/wiki/images/d/dc/CAM_menu_home.png'); }
cam_nav_twitter {background-image: url('/wiki/images/0/05/CAM_menu_twitter.png'); }
cam_nav_facebook {background-image: url('/wiki/images/c/c9/CAM_menu_facebook.png'); }
cam_nav_youtube {background-image: url('/wiki/images/f/f6/CAM_menu_youtube.png'); }
cam_nav_flickr {background-image: url('/wiki/images/6/6e/CAM_menu_flickr.png'); }

.cam_nav_headover {width: 80px; height: 80px; float: left; background-image: url('https://static.igem.org/mediawiki/2012/1/1a/White_transparent_40.png'); } h6 { color: black; font-family: Arial, sans-serif; font-style: italic; font-size: 12px; text-align: justify; padding-left: 10px; padding-right: 10px; }

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

/*top loading bar*/

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

/*

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

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

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

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

/* general styles */

table {

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

} table td {

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

} table th {

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

} table.gallery td{

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

}

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

div.gallerybox {

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

}

img {

   border: none;
   vertical-align: middle;

} p {

   margin: .4em 0 .5em 0;

} p img {

   margin: 0;

}

hr {

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

}

h1, h2, h3, h4, h5 {

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

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

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

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

ul {

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

} ol {

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

} li {

   margin-bottom: .1em;

} dt {

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

} dl {

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

} dd {

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

}

fieldset {

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

} legend {

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

}

select {

   vertical-align: top;

} abbr, acronym, .explain {

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

} q {

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

} code {

} pre {

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

}

/*

- the main content area
/

siteSub {

   display: none;

}

contentSub {

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

} span.subpages {

   display: block;

}

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

bodyContent h1, #bodyContent h2 {

   margin-bottom: .6em;

}

bodyContent h3, #bodyContent h4, #bodyContent h5 {

   margin-bottom: .3em;

} .firstHeading {

   margin-bottom: .1em;

}

.error {

   color: red;
   font-size: larger;

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

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

} .documentByLine {

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

}

/* emulate center */ .center {

   width: 100%;
   text-align: center;

}

.center * {

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

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

   font-size: 94%;

} table.small {

 font-size: 100%;

} span.editsection {

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

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

/*

- content styles
/

toc,

.toc {

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

}

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

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

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

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

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

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

} div.thumb div {

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

} div.thumb div a img {

   border: 1px solid #ccc;

} div.thumb div div.thumbcaption {

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

} div.magnify {

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

} div.magnify a, div.magnify img {

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

} div.tright {

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

} div.tleft {

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

}

.hiddenStructure {

   display: none;

} img.tex {

   vertical-align: middle;

} span.texhtml {

   font-family: serif;

}

/*

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

/*

- User styles
/

/* table standards */ table.rimage {

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

} .toccolours {

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

} div.townBox {

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

} div.townBox dl {

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

} div.townBox dl dt {

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

} div.townBox dl dd {

   margin: .1em 0 0 1.1em;

}

/*

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

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

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

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

.link-https {

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

}

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

.link-mailto {

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

}

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

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

}

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

.link-ftp {

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

}

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

.link-irc {

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

} /* disable interwiki styling */

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

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

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

bodyContent .plainlinks a {

   background: none !important;
   padding: 0;

}