Template:Team:HokkaidoU Japan/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
a.stub,
+
/*
-
a.new{ color:#ba0000; text-decoration:none; }
+
** 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 :)
 +
*/
-
#toc {  
+
 
-
     /*border:1px solid #2f6fab;*/
+
/* Font size:
-
     border:1px solid #aaaaaa;
+
** We take advantage of keyword scaling- browsers won't go below 9px
-
     background-color:#f9f9f9;
+
** More at http://www.w3.org/2003/07/30-font-size
-
     padding:5px;
+
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
 +
*/
 +
 
 +
body {
 +
    font: x-small sans-serif;
 +
    color: black;
 +
    margin: 0;
 +
    padding: 0;
 +
    background-color: #000000;
 +
}
 +
 
 +
/* scale back up to a sane default */
 +
#globalWrapper {
 +
     position: relative;
 +
    font-size: 127%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    padding-bottom: 10px;
 +
    background-color: black;
 +
}
 +
.clear_fix {
 +
    clear: both;
 +
}
 +
 
 +
/* The top section contains the banner, the search box, and the left and right menus */
 +
 
 +
#top-section {
 +
    position: relative;
 +
    height: 98px;
 +
    width: 975px;
 +
#    margin-left: 10px;
 +
margin: 0 auto 0 auto;
 +
    border-left: 1px solid #444444;
 +
     border-right: 1px solid #444444;
 +
     border-bottom: 1px solid #444444;
 +
display: none;
 +
}
 +
 
 +
#p-logo {
 +
     position: absolute;
 +
    z-index: 1;
 +
    height: 107px;
 +
    width: 975px;
 +
display: none;
 +
}
 +
#p-logo h5 {
     display: none;
     display: none;
}
}
-
.tocindent {
+
#p-logo a,
-
margin-left: 2em;
+
#p-logo a:hover {
 +
    text-decoration: none;
}
}
-
.tocline {
+
#search-controls {
-
margin-bottom: 0px;
+
position: absolute;
 +
top:  20px;
 +
right: 15px;
 +
width: 150px;
 +
height: 40px;
 +
background-color: transparent;
 +
    text-align: center;
 +
    z-index: 3;
 +
display: none;
 +
}
 +
input.searchButton {
 +
margin: 1px 5px 0 10px;
 +
font-size: 100%;
 +
background: none;
 +
border: none;
 +
color: #AAAAFF;
 +
font-weight: bold;
 +
display: none;
 +
}
 +
input.searchButton:hover {
 +
color: white;
 +
}
 +
#searchInput {
 +
    width: 10.9em;
 +
    margin: 0;
 +
    font-size: 95%;
 +
display: none;
 +
}
 +
#searchGoButton {
 +
margin-right: 0px;
 +
margin-left: 35px;
 +
display: none;
}
}
-
div.floatright {  
+
 
 +
#menubar {
 +
    position: absolute;
 +
    white-space: nowrap;
 +
    top: -6px;
 +
    width: 400px;
 +
    z-index: 5;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
display: none;
 +
}
 +
 
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
display: none;
 +
}
 +
 
 +
.left-menu:hover {
 +
    color: white;
 +
    background-color: #555555
 +
}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
}
 +
#menubar ul {
 +
    color: #555555;
 +
    list-style: none;
 +
display: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
display: none;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
display: none;
 +
}
 +
.left-menu .selected {
 +
#    color: white;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #5555FF;
 +
#}
 +
 
 +
.left-menu:hover a {
 +
    color: white;
 +
}
 +
.right-menu li {
 +
#    background-color: #606060;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: white;
 +
    background-color: #606060;
 +
}
 +
.right-menu li a:hover {
 +
    color: #aaaaff;
 +
    text-decoration: underline;
 +
}
 +
 
 +
/* footer */
 +
#footer-box {
 +
margin-left:  10px;
 +
width: 965px;
 +
padding: 5px;
 +
background-color: white;
 +
margin: 0 auto;
 +
border: 1px solid #444444;
 +
display: none;
 +
}
 +
#footer {
 +
color: #000000;
 +
text-align: center;
 +
font-size: 90%;;
 +
display: none;
 +
}
 +
#footer li {
 +
display: inline;
 +
margin: 0 1.3em;
 +
display: none;
 +
}
 +
 
 +
/* Sponsors box */
 +
 
 +
#sponsor-box {
 +
    height: 49px;
 +
    width: 975px;
 +
#    margin-left: 10px;   
 +
margin: 0 auto;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    border-bottom: 1px solid #444444;
 +
    background-color: white;
 +
    font-family: 'verdana' 'arial' sans-serif;
 +
    font-size: 11pt;
 +
    line-height: 1.2em;
 +
    z-index: 5;
 +
display: none;
 +
}
 +
#f-poweredbyico {
     float: right;
     float: right;
-
     clear: right;
+
display: none;
 +
}
 +
#f-copyrightico {
 +
     float: left;
 +
display: none;
 +
}
 +
 
 +
/* Pulldown menu boxes */
 +
 
 +
.hidden  { visibility: hidden;  }
 +
.visible {      visibility: visible; }
 +
 
 +
 
 +
.menubox {
 +
position: absolute;
 +
top: 20px;
 +
left: 0px;
 +
border: 1px solid #A4A4A4;
 +
background-color: #E0E0E0;
 +
width: 200px;
 +
        height: 200px;
 +
z-index: 20;
 +
}
 +
 
 +
.bridge1 {
 +
position: absolute;
 +
top: 18px;
 +
left: 1px;
 +
width: 59px;
 +
        height: 4px;
 +
background-color: #d8d8d8;
 +
z-index: 25;
 +
}
 +
 +
 
 +
.shadow1 {
 +
position: absolute;
 +
top: 23px;
 +
left: 3px;
 +
width: 202px;
 +
        height: 202px;
 +
background-color: #202020;
 +
border-right: 1px solid #454545;
 +
border-bottom: 1px solid #454545;
 +
z-index: 18;
 +
opacity: 0.6
 +
}
 +
.shadow2 {
 +
position: absolute;
 +
top: 25px;
 +
left: 5px;
 +
width: 202px;
 +
        height: 202px;
 +
border-right: 1px solid #606060;
 +
border-bottom: 1px solid #606060;
 +
background-color: #303030;
 +
opacity: 0.4;
 +
z-index: 16;
 +
}
 +
.shadow3 {
 +
position: absolute;
 +
top: 27px;
 +
left: 7px;
 +
width: 202px;
 +
        height: 202px;
 +
border-right: 1px solid #666666;
 +
border-bottom: 1px solid #666666;
 +
background-color: #000000;
 +
opacity: 0.2;
 +
z-index: 13;
 +
}
 +
 
 +
/*  IGEM RIGHT SIDEBAR STYLING */
 +
#right-sidebar {
 +
position: absolute;
 +
right: 0px;
 +
width: 190px;
 +
border-left: 3px solid gray;
 +
font-size: 95%;
 +
line-height: 90%;
 +
}
 +
.right-box {
 +
width: 180px;
 +
padding: 4px 5px 5px 5px;
 +
margin-top: 10px;
 +
border: 1px solid #444444;
 +
border-left: none;
 +
}
 +
 
 +
.right-box:first-child {
 +
margin-top: 0px;
 +
}
 +
 
 +
.right-heading {
 +
font-size: 125%;
 +
font-weight: bold;
 +
padding: 0.5em 0 0;
 +
line-height:100%;
 +
}
 +
.right-box ul {
 +
line-height: 90%;
 +
}
 +
.right-box li {
 +
color: #666666;    /* The items are grayed until they have links */
 +
}
 +
 
 +
/*****************************************************************************************************
 +
* The content div contains all of the contents of the page - provided by mediawiki
 +
****************************************************************************************************/
 +
#content {
 +
    position: relative;
 +
    width:  965px;
 +
#    margin-left: 10px;
 +
margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
display: none;
 +
}
 +
 
 +
#column-one {
 +
    padding-top: 107px;
 +
    position: absolute;
 +
    right: 4px;
 +
    padding: 100px 20px 0 0;
 +
display: none;
 +
}
 +
/* the left column width is specified in class .portlet */
 +
 
 +
/* general styles */
 +
 
 +
table {
 +
    font-size: 100%;
 +
    background: white;
 +
    color: black;
 +
display: none;
 +
}
 +
a {
 +
    text-decoration: none;
 +
    color: #002bb8;
 +
    background: none;
 +
}
 +
a:visited {
 +
    color: #002bb8;
 +
}
 +
a:active {
 +
    color: #002bb8;
 +
}
 +
a:hover {
 +
    text-decoration: underline;
 +
}
 +
a.stub {
 +
    color: #772233;
 +
}
 +
/*  a.new, #p-personal a.new {    - rdr */
 +
a.new {
 +
    color: #AAAAFF;
 +
}
 +
a.new:visited, #p-personal a.new:visited {
 +
    color: #002bb8;
 +
}
 +
 
 +
img {
 +
    border: none;
 +
    vertical-align: middle;
 +
}
 +
p {
 +
    margin: .4em 0 .5em 0;
 +
    line-height: 1.5em;
 +
}
 +
p img {
     margin: 0;
     margin: 0;
-
    position:relative;
 
-
    border: 0.5em solid White;
 
-
    border-width: 0.5em 0 0.8em 1.4em;
 
}
}
-
div.floatright p { font-style: italic;}  
+
 
-
div.floatleft {  
+
hr {
-
     float: left;  
+
    height: 1px;
-
     margin: 0.3em 0.5em 0.5em 0;
+
    color: #aaa;
-
     position:relative;
+
    background-color: #aaa;
-
     border: 0.5em solid White;
+
    border: 0;
-
     border-width: 0.5em 1.4em 0.8em 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;
 +
    list-style-image: url(bullet.gif);
 +
}
 +
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%;
 +
}
 +
form {
 +
    border: none;
 +
    margin: 0;
 +
}
 +
 
 +
textarea {
 +
    width: 100%;
 +
    padding: .1em;
 +
}
 +
 
 +
input.historysubmit {
 +
    padding: 0 .3em .3em .3em !important;
 +
    font-size: 94%;
 +
    cursor: pointer;
 +
    height: 1.7em !important;
 +
    margin-left: 1.6em;
 +
}
 +
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;
 +
}
 +
/* disabled for now
 +
blockquote {
 +
    font-family: Times, "Times New Roman", serif;
 +
    font-style: italic;
 +
}*/
 +
code {
 +
    background-color: #f9f9f9;
 +
}
 +
pre {
 +
    padding: 1em;
 +
    border: 1px dashed #2f6fab;
 +
    color: black;
 +
    background-color: #f9f9f9;
 +
    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;
 +
}
 +
 
 +
/* user notification thing */
 +
.usermessage {
 +
    background-color: #ffce7b;
 +
    border: 1px solid #ffa500;
 +
    color: black;
 +
    font-weight: bold;
 +
    margin: 2em 0 1em;
 +
    padding: .5em 1em;
 +
    vertical-align: middle;
 +
}
 +
#siteNotice {
 +
    text-align: center;
 +
    font-size: 95%;
 +
    padding: 0 .9em;
 +
}
 +
#siteNotice p {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.error {
 +
    color: red;
 +
    font-size: larger;
 +
}
 +
#catlinks {
 +
    border: 1px solid #aaa;
 +
    background-color: #f9f9f9;
 +
    padding: 5px;
 +
    margin-top: 1em;
 +
    clear: both;
 +
}
 +
/* 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%;
 +
}
 +
 
 +
/*
 +
** content styles
 +
*/
 +
 
 +
#toc,
 +
.toc {
 +
border: 1px solid #aaa;
 +
background-color: #f9f9f9;
 +
padding: 5px;
 +
font-size: 95%;
 +
}
 +
#toc h2,
 +
.toc h2 {
 +
display: inline;
 +
border: none;
 +
padding: 0;
 +
font-size: 100%;
 +
font-weight: bold;
 +
}
 +
#toc #toctitle,
 +
.toc #toctitle,
 +
#toc .toctitle,
 +
.toc .toctitle {
 +
text-align: center;
 +
}
 +
#toc ul,
 +
.toc ul {
 +
list-style-type: none;
 +
list-style-image: none;
 +
margin-left: 0;
 +
padding-left: 0;
 +
text-align: left;
 +
}
 +
#toc ul ul,
 +
.toc ul ul {
 +
margin: 0 0 0 2em;
 +
}
 +
#toc .toctoggle,
 +
.toc .toctoggle {
 +
font-size: 94%;
 +
}
 +
 
 +
 
 +
/* images */
 +
div.floatright, table.floatright {
 +
    clear: right;
 +
    float: right;
 +
     position: relative;
 +
    margin: 0 0 .5em .5em;
 +
     border: 0;
 +
/*
 +
    border: .5em solid white;
 +
     border-width: .5em 0 .8em 1.4em;
 +
*/
 +
}
 +
div.floatright p { font-style: italic; }
 +
div.floatleft, table.floatleft {
 +
    float: left;
 +
    position: relative;
 +
    margin: 0 .5em .5em 0;
 +
    border: 0;
 +
/*
 +
    margin: .3em .5em .5em 0;
 +
    border: .5em solid white;
 +
    border-width: .5em 1.4em .8em 0;
 +
*/
}
}
-
div.floatleft p { font-style: italic; }  
+
div.floatleft p { font-style: italic; }
/* thumbnails */
/* thumbnails */
div.thumb {
div.thumb {
-
     margin-bottom: 0.5em;
+
     margin-bottom: .5em;
-
     border-style: solid; border-color: White;
+
     border-style: solid;
 +
    border-color: white;
     width: auto;
     width: auto;
-
    overflow: hidden;
 
}
}
-
div.thumbinner {
+
div.thumb div {
-
     border:1px solid #cccccc;
+
     border: 1px solid #ccc;
     padding: 3px !important;
     padding: 3px !important;
-
     background-color:#f9f9f9;
+
     background-color: #f9f9f9;
     font-size: 94%;
     font-size: 94%;
     text-align: center;
     text-align: center;
 +
    overflow: hidden;
}
}
-
html .thumbimage {
+
div.thumb div a img {
-
     border:1px solid #cccccc;
+
     border: 1px solid #ccc;
}
}
-
html .thumbcaption {
+
div.thumb div div.thumbcaption {
     border: none;
     border: none;
-
     padding: 0.3em 0 0.1em 0;
+
    text-align: left;
 +
    line-height: 1.4em;
 +
     padding: .3em 0 .1em 0;
}
}
-
div.magnify { display: none; }
+
div.magnify {
-
div.tright {
+
     float: right;
     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;
     clear: right;
-
     border-width: 0.5em 0 0.8em 1.4em;
+
    float: right;
 +
     border-width: .5em 0 .8em 1.4em;
}
}
div.tleft {
div.tleft {
     float: left;
     float: left;
-
     margin-right:0.5em;
+
     margin-right: .5em;
-
     border-width: 0.5em 1.4em 0.8em 0;
+
     border-width: .5em 1.4em .8em 0;
}
}
-
img.thumbborder {
+
 
-
border: 1px solid #dddddd;
+
.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 standards */
table.rimage {
table.rimage {
-
     float:right;
+
     float: right;
-
    width:1pt;  
+
     position: relative;
-
     position:relative;
+
     margin-left: 1em;
-
     margin-left:1em;  
+
     margin-bottom: 1em;
-
     margin-bottom:1em;
+
     text-align: center;
-
     text-align:center;
+
}
 +
.toccolours {
 +
    border: 1px solid #aaa;
 +
    background-color: #f9f9f9;
 +
    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;
 +
    background-color: #f3f3f3;
}
}
-
body {
+
/*
-
    display: none;
+
** edit views etc
-
    background: black;
+
*/
-
    /*font-size: 11pt !important;*/
+
.special li {
-
     color: Black;
+
     line-height: 1.4em;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
}
}
-
.noprint,
+
/* Page history styling */
-
div#jump-to-nav,
+
/* the auto-generated edit comments */
-
div.top,
+
.autocomment {
-
div#column-one,
+
    color: gray;
-
#colophon,
+
}
-
.editsection,
+
#pagehistory span.user {
-
.toctoggle,
+
    margin-left: 1.4em;
-
.tochidden,
+
    margin-right: .4em;
-
div#f-poweredbyico,
+
}
-
div#f-copyrightico,
+
#pagehistory span.minor {
-
li#viewcount,
+
    font-weight: bold;
-
li#about,
+
}
-
li#disclaimer,
+
#pagehistory li {
-
li#privacy,
+
    border: 1px solid white;
-
#mw-hidden-catlinks {
+
}
-
     /* Hides all the elements irrelevant for printing */
+
#pagehistory li.selected {
-
     display: none;
+
     background-color: #f9f9f9;
 +
     border: 1px dashed #aaa;
}
}
-
ul {  
+
/*
-
     list-style-type: square;
+
** Diff rendering
 +
*/
 +
table.diff, td.diff-otitle, td.diff-ntitle {
 +
     background-color: white;
 +
}
 +
td.diff-addedline {
 +
    background: #cfc;
 +
    font-size: smaller;
 +
}
 +
td.diff-deletedline {
 +
    background: #ffa;
 +
    font-size: smaller;
 +
}
 +
td.diff-context {
 +
    background: #eee;
 +
    font-size: smaller;
 +
}
 +
span.diffchange {
 +
    color: red;
 +
    font-weight: bold;
}
}
-
#content {
+
/*
 +
** 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;
     background: none;
-
    border: none ! important;
+
     padding: 0;
-
     padding: 0 ! important;
+
-
    margin: 0 ! important;
+
}
}
-
#footer {
+
/* this can be used in the content area to switch off
-
background : white;
+
special external link styling */
-
color : black;
+
#bodyContent .plainlinks a {
-
     border-top: 1px solid black;
+
    background: none !important;
 +
     padding: 0;
}
}
-
h1, h2, h3, h4, h5, h6 {
+
/* the icon in front of the user name, single quotes
-
font-weight: bold;
+
in bg url to hide it from iemac */
 +
li#pt-userpage,
 +
li#pt-anonuserpage,
 +
li#pt-login {
 +
    padding-left: 20px;
 +
    text-transform: none;
}
}
-
p, .documentDescription {
 
-
    margin: 1em 0 ! important;
 
-
    line-height: 1.2em;
 
-
}
 
-
.tocindent p {
+
/* hide from incapable browsers */
-
margin: 0 0 0 0 ! important;
+
head:first-child+body #footer li { white-space: nowrap; }
-
}
+
-
pre {
+
 
-
     border: 1pt dashed black;
+
/* js pref toc */
-
     white-space: pre;
+
#preftoc {
-
     font-size: 8pt;
+
     float: left;
-
     overflow: auto;
+
     margin: 1em;
-
     padding: 1em 0;
+
    width: 13em;
-
background : white;
+
}
-
color : black;
+
#preftoc li {
 +
    border: 1px solid white;
 +
}
 +
#preftoc li.selected {
 +
    background-color: #f9f9f9;
 +
     border: 1px dashed #aaa;
 +
}
 +
#preftoc a,
 +
#preftoc a:active {
 +
     display: block;
 +
     color: #0014a6;
 +
}
 +
#prefcontrol {
 +
    clear: both;
 +
    float: left;
 +
    margin-top: 1em;
 +
}
 +
div.prefsectiontip {
 +
    font-size: 95%;
 +
    margin-top: 1em;
 +
}
 +
fieldset.operaprefsection {
 +
    margin-left: 15em;
}
}
-
table.listing,
+
/*
-
table.listing td {
+
** IE/Mac fixes, hope to find a validating way to move this
-
     border: 1pt solid black;
+
** to a separate stylesheet. This would work but doesn't validate:
-
     border-collapse: collapse;
+
** @import("IEMacFixes.css");
 +
*/
 +
/* tabs: border on the a, not the div */
 +
* > html #p-cactions li { border: none; }
 +
* > html #p-cactions li a {
 +
     border: 1px solid #aaa;
 +
     border-bottom: none;
}
}
-
a {
+
/* * > html #p-cactions li.selected a { border-color: #00bd23; }  */
-
     color: Black !important;
+
/* footer icons need a fixed width */
-
     background: none !important;
+
* > html #f-poweredbyico,
-
     padding: 0 !important;
+
/* * > html #f-copyrightico { width: 88px; } */
 +
* > html #bodyContent,
 +
* > html #bodyContent pre {
 +
     overflow-x: auto;
 +
     width: 100%;
 +
     padding-bottom: 25px;
}
}
-
a:link, a:visited {
+
/* more IE fixes */
-
    color: #520;
+
/* float/negative margin brokenness */
-
     background: transparent;
+
* html #footer {margin-top: 0;}
-
     text-decoration: underline;
+
* html #column-content {
 +
     display: inline;
 +
     margin-bottom: 0;
}
}
 +
* html div.editsection { font-size: smaller; }
 +
#pagehistory li.selected { position: relative; }
-
#content a.external.text:after, #content a.external.autonumber:after {
+
/* Mac IE 5.0 fix; floated content turns invisible */
-
     /* Expand URLs for printing */
+
* > html #column-content {
-
     content: " (" attr(href) ") ";
+
    float: none;
 +
}
 +
* > html #column-one {
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
}
 +
* > html #footer {
 +
    margin-left: 13.2em;
 +
}
 +
.redirectText {
 +
     font-size: 150%;
 +
     margin: 5px;
}
}
-
#globalWrapper {
+
.printfooter {
-
     width: 100% !important;
+
     display: none;
-
    min-width: 0 !important;
+
-
    background: black;
+
-
    z-index:999
+
}
}
-
#content {
+
.not-patrolled {
-
background : black;
+
    background-color: #ffa;
-
color : black;
+
}
 +
div.patrollink {
 +
    font-size: 75%;
 +
    text-align: right;
 +
}
 +
span.newpage, span.minor, span.searchmatch {
 +
    font-weight: bold;
 +
}
 +
span.unpatrolled {
 +
    font-weight: bold;
 +
    color: red;
}
}
-
#column-content {
+
span.searchmatch {
-
     margin: 0 !important;
+
     color: red;
 +
}
 +
.sharedUploadNotice {
 +
    font-style: italic;
}
}
-
#column-content #content {
+
span.updatedmarker {
-
     padding: 1em;
+
     color: black;
-
     margin: 0 !important;
+
     background-color: #0f0;
}
}
-
/* MSIE/Win doesn't understand 'inherit' */
+
span.newpageletter {
-
a, a.external, a.new, a.stub {
+
    font-weight: bold;
-
color: black ! important;
+
    color: black;
-
text-decoration: none ! important;
+
    background-color: yellow;
 +
}
 +
span.minoreditletter {
 +
    color: black;
 +
    background-color: #c5ffe6;
}
}
-
/* Continue ... */
+
table.gallery {
-
a, a.external, a.new, a.stub {
+
    border: 1px solid #ccc;
-
color: inherit ! important;
+
    margin: 2px;
-
text-decoration: inherit ! important;
+
    padding: 2px;
 +
    background-color: white;
}
}
-
img { border: none; }
+
table.gallery tr {
-
img.tex { vertical-align: middle; }
+
    vertical-align: top;
-
span.texhtml { font-family: serif; }
+
}
-
#siteNotice { display: none; }
+
table.gallery td {
 +
    vertical-align: top;
 +
    background-color: #f9f9f9;
 +
    border: solid 2px white;
 +
}
div.gallerybox {
div.gallerybox {
-
border: 1px solid #cccccc;
+
    margin: 2px;
-
background-color:#f9f9f9;
+
    width:  150px;
-
width: 150px;
+
}
 +
 
 +
div.gallerybox div.thumb {
 +
    text-align: center;
 +
    border: 1px solid #ccc;
 +
    margin: 2px;
}
}
div.gallerytext {
div.gallerytext {
-
overflow: visible;
+
    font-size: 94%;
-
}      
+
    padding: 2px 4px;
 +
}
-
/*
+
span.comment {
-
** Diff rendering
+
font-style: italic;
-
*/
+
-
table.diff { background:white; }
+
-
td.diff-otitle { background:#ffffff; }
+
-
td.diff-ntitle { background:#ffffff; }
+
-
td.diff-addedline {
+
-
    background:#ccffcc;
+
-
    font-size: smaller;
+
-
    border: solid 2px black;
+
}
}
-
td.diff-deletedline {
+
 
-
    background:#ffffaa;
+
span.changedby {
-
    font-size: smaller;
+
font-size: 95%;
-
    border: dotted 2px black;
+
}
}
-
td.diff-context {
+
 
-
    background:#eeeeee;
+
.previewnote {
-
    font-size: smaller;
+
text-align: center;
 +
color: #cc0000;
}
}
-
.diffchange {
+
.editExternally {
-
    color: silver;
+
border: 1px solid gray;
-
    font-weight: bold;
+
background-color: #ffffff;
-
    text-decoration: underline;
+
padding: 3px;
 +
margin-top: 0.5em;
 +
float: left;
 +
font-size: small;
 +
text-align: center;
 +
}
 +
.editExternallyHelp {
 +
font-style: italic;
 +
color: gray;
 +
}
 +
 
 +
li span.deleted {
 +
text-decoration: line-through;
 +
color: #888;
 +
font-style: italic;
 +
}
 +
 
 +
.toggle {
 +
margin-left: 2em;
 +
text-indent: -2em;
 +
}
 +
 
 +
/* Classes for EXIF data display */
 +
table.metadata {
 +
font-size: 0.8em;
 +
margin-left: 0.5em;
 +
margin-bottom: 0.5em;
 +
}
 +
 
 +
table.metadata caption {
 +
font-weight: bold;
 +
}
 +
 
 +
table.metadata th {
 +
font-weight: normal;
 +
}
 +
 
 +
table.metadata td {
 +
padding: 0.1em;
 +
}
 +
 
 +
table.metadata {
 +
border: none;
 +
border-collapse: collapse;
 +
}
 +
 
 +
table.metadata td, table.metadata th {
 +
text-align: center;
 +
border: 1px solid #aaaaaa;
 +
padding-left: 0.1em;
 +
padding-right: 0.1em;
 +
}
 +
 
 +
table.metadata th {
 +
background-color: #f9f9f9;
 +
}
 +
 
 +
table.metadata td {
 +
background-color: #fcfcfc;
 +
}
 +
 
 +
/* filetoc */
 +
ul#filetoc {
 +
text-align: center;
 +
border: 1px solid #aaaaaa;
 +
background-color: #f9f9f9;
 +
padding: 5px;
 +
font-size: 95%;
 +
margin-bottom: 0.5em;
 +
margin-left: 0;
 +
margin-right: 0;
 +
}
 +
 
 +
#filetoc li {
 +
display: inline;
 +
list-style-type: none;
 +
padding-right: 2em;
 +
}
 +
 
 +
/* @bug 1714 */
 +
input#wpSave, input#wpDiff {
 +
margin-right: 0.33em;
 +
}
 +
 
 +
 
 +
/* Classes for article validation */
 +
 
 +
table.revisionform_default {
 +
border: 1px solid #000000;
 +
}
 +
 
 +
table.revisionform_focus {
 +
border: 1px solid #000000;
 +
background-color:#00BBFF;
 +
}
 +
 
 +
tr.revision_tr_default {
 +
background-color:#EEEEEE;
 +
}
 +
 
 +
tr.revision_tr_first {
 +
background-color:#DDDDDD;
 +
}
 +
 
 +
p.revision_saved {
 +
color: green;
 +
font-weight:bold;
 +
}
 +
 
 +
#mw_trackbacks {
 +
border: solid 1px #bbbbff;
 +
background-color: #eeeeff;
 +
padding: 0.2em;
 +
}
 +
 
 +
 
 +
/* Allmessages table */
 +
 
 +
#allmessagestable th {
 +
background-color: #b2b2ff;
 +
}
 +
 
 +
#allmessagestable tr.orig {
 +
background-color: #ffe2e2;
 +
}
 +
 
 +
#allmessagestable tr.new {
 +
background-color: #e2ffe2;
 +
}
 +
 
 +
#allmessagestable tr.def {
 +
background-color: #f0f0ff;
}
}

Revision as of 16:00, 24 May 2014

/*

    • 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 :)
  • /


/* Font size:

    • We take advantage of keyword scaling- browsers won't go below 9px
    • More at http://www.w3.org/2003/07/30-font-size
    • http://style.cleverchimp.com/font_size_intervals/altintervals.html
  • /

body { 

   font: x-small sans-serif;
   color: black;
   margin: 0;
   padding: 0;
   background-color: #000000;

}

/* scale back up to a sane default */

  1. globalWrapper { 
   position: relative;
   font-size: 127%;
   width: 100%;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
   background-color: black;

} .clear_fix { 

   clear: both;

}

/* The top section contains the banner, the search box, and the left and right menus */

  1. top-section { 
   position: relative;
   height: 98px;
   width: 975px;
  1. margin-left: 10px;

margin: 0 auto 0 auto; 

   border-left: 1px solid #444444;
   border-right: 1px solid #444444;
   border-bottom: 1px solid #444444;

display: none; }

  1. p-logo { 
   position: absolute;
   z-index: 1;
   height: 107px;
   width: 975px;

display: none; }

  1. p-logo h5 { 
   display: none;

}

  1. p-logo a,
  2. p-logo a:hover { 
   text-decoration: none;

}

  1. search-controls {

position: absolute; top: 20px; right: 15px; width: 150px; height: 40px; background-color: transparent; 

   	text-align: center;
   	z-index: 3;

display: none; } input.searchButton { margin: 1px 5px 0 10px; font-size: 100%; background: none; border: none; color: #AAAAFF; font-weight: bold; display: none; } input.searchButton:hover { color: white; }

  1. searchInput { 
   width: 10.9em;
   margin: 0;
   font-size: 95%;

display: none; }

  1. searchGoButton {

margin-right: 0px; margin-left: 35px; display: none; }


  1. menubar { 
   position: absolute;
   white-space: nowrap;
   top: -6px;
   width: 400px;
   z-index: 5;
   font-family: sans-serif;
   font-size: 95%;
   line-height: 1em;

display: none; }

.left-menu, .left-menu a { 

   left: 0px;
   text-align: left;
   color:transparent;
   text-transform: lowercase;

display: none; }

.left-menu:hover { 

   color: white;
   background-color: #555555

} .right-menu, .right-menu a { 

   right: 0px;
   text-align: right;
   color: white;

}

  1. menubar ul { 
   color: #555555;
   list-style: none;

display: none; }

  1. menubar li { 
   display: inline;
   position: relative;
   cursor: pointer;
   padding-left: 0px;
   padding-right: 0px;

display: none; } .left-menu li a { 

   padding: 0px 10px 0px 0px;

display: none; } .left-menu .selected {

  1. color: white;

}

  1. .left-menu .selected:hover {
  2. color: #5555FF;
  3. }

.left-menu:hover a { 

   color: white;

} .right-menu li {

  1. background-color: #606060;

} .right-menu li a { 

   padding: 0px 15px 0px 0px;
   color: white;
   background-color: #606060;

} .right-menu li a:hover { 

   color: #aaaaff;
   text-decoration: underline;

}

/* footer */

  1. footer-box {

margin-left: 10px; width: 965px; padding: 5px; background-color: white; margin: 0 auto; border: 1px solid #444444; display: none; }

  1. footer {

color: #000000; text-align: center; font-size: 90%;; display: none; }

  1. footer li {

display: inline; margin: 0 1.3em; display: none; }

/* Sponsors box */

  1. sponsor-box { 
   height: 49px;
   width: 975px;
  1. margin-left: 10px;

margin: 0 auto; 

   border-left: 1px solid #444444;
   border-right: 1px solid #444444;
   border-bottom: 1px solid #444444;
   background-color: white;
   font-family: 'verdana' 'arial' sans-serif;
   font-size: 11pt;
   line-height: 1.2em;
   z-index: 5;

display: none; }

  1. f-poweredbyico { 
   float: right;

display: none; }

  1. f-copyrightico { 
   float: left;

display: none; }

/* Pulldown menu boxes */

.hidden { visibility: hidden; } .visible { visibility: visible; }


.menubox { position: absolute; top: 20px; left: 0px; border: 1px solid #A4A4A4; background-color: #E0E0E0; width: 200px; 

       height: 200px;

z-index: 20; }

.bridge1 { position: absolute; top: 18px; left: 1px; width: 59px; 

       height: 4px;

background-color: #d8d8d8; z-index: 25; }


.shadow1 { position: absolute; top: 23px; left: 3px; width: 202px; 

       height: 202px;

background-color: #202020; border-right: 1px solid #454545; border-bottom: 1px solid #454545; z-index: 18; opacity: 0.6 } .shadow2 { position: absolute; top: 25px; left: 5px; width: 202px; 

       height: 202px;

border-right: 1px solid #606060; border-bottom: 1px solid #606060; background-color: #303030; opacity: 0.4; z-index: 16; } .shadow3 { position: absolute; top: 27px; left: 7px; width: 202px; 

       height: 202px;

border-right: 1px solid #666666; border-bottom: 1px solid #666666; background-color: #000000; opacity: 0.2; z-index: 13; }

/* IGEM RIGHT SIDEBAR STYLING */

  1. right-sidebar {

position: absolute; right: 0px; width: 190px; border-left: 3px solid gray; font-size: 95%; line-height: 90%; } .right-box { width: 180px; padding: 4px 5px 5px 5px; margin-top: 10px; border: 1px solid #444444; border-left: none; }

.right-box:first-child { margin-top: 0px; }

.right-heading { font-size: 125%; font-weight: bold; padding: 0.5em 0 0; line-height:100%; } .right-box ul { line-height: 90%; } .right-box li { color: #666666; /* The items are grayed until they have links */ }

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

* The content div contains all of the contents of the page - provided by mediawiki
****************************************************************************************************/
  1. content { 
   position: relative;
   width:  965px;
  1. margin-left: 10px;

margin: 0 auto; 

   padding: 5px 5px 5px 5px;;
   background: white;
   color: black;
   border-left: 1px solid #444444;
   border-right: 1px solid #444444;
   line-height: 1.5em;
   z-index: 2;

display: none; }

  1. column-one { 
   padding-top: 107px;
   position: absolute;
   right: 4px;
   padding: 100px 20px 0 0;

display: none; } /* the left column width is specified in class .portlet */

/* general styles */

table { 

   font-size: 100%;
   background: white;
   color: black;

display: none; } a { 

   text-decoration: none;
   color: #002bb8;
   background: none;

} a:visited { 

   color: #002bb8;

} a:active { 

   color: #002bb8;

} a:hover { 

   text-decoration: underline;

} a.stub { 

   color: #772233;

} /* a.new, #p-personal a.new { - rdr */ a.new { 

   color: #AAAAFF;

} a.new:visited, #p-personal a.new:visited { 

   color: #002bb8;

}

img { 

   border: none;
   vertical-align: middle;

} p { 

   margin: .4em 0 .5em 0;
   line-height: 1.5em;

} p img { 

   margin: 0;

}

hr { 

   height: 1px;
   color: #aaa;
   background-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;
   list-style-image: url(bullet.gif);

} 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%;

} form { 

   border: none;
   margin: 0;

}

textarea { 

   width: 100%;
   padding: .1em;

}

input.historysubmit { 

   padding: 0 .3em .3em .3em !important;
   font-size: 94%;
   cursor: pointer;
   height: 1.7em !important;
   margin-left: 1.6em;

} 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;

} /* disabled for now blockquote { 

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

}*/ code { 

   background-color: #f9f9f9;

} pre { 

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

}

/*

    • the main content area
  • /
  1. siteSub { 
   display: none;

}

  1. 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 */

  1. bodyContent h1, #bodyContent h2 { 
   margin-bottom: .6em;

}

  1. bodyContent h3, #bodyContent h4, #bodyContent h5 { 
   margin-bottom: .3em;

} .firstHeading { 

   margin-bottom: .1em;

}

/* user notification thing */ .usermessage { 

   background-color: #ffce7b;
   border: 1px solid #ffa500;
   color: black;
   font-weight: bold;
   margin: 2em 0 1em;
   padding: .5em 1em;
   vertical-align: middle;

}

  1. siteNotice { 
   text-align: center;
   font-size: 95%;
   padding: 0 .9em;

}

  1. siteNotice p { 
   margin: 0;
   padding: 0;

} .error { 

   color: red;
   font-size: larger;

}

  1. catlinks { 
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   padding: 5px;
   margin-top: 1em;
   clear: both;

} /* 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%;

}

/*

    • content styles
  • /
  1. toc,

.toc { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; }

  1. toc h2,

.toc h2 { display: inline; border: none; padding: 0; font-size: 100%; font-weight: bold; }

  1. toc #toctitle,

.toc #toctitle,

  1. toc .toctitle,

.toc .toctitle { text-align: center; }

  1. toc ul,

.toc ul { list-style-type: none; list-style-image: none; margin-left: 0; padding-left: 0; text-align: left; }

  1. toc ul ul,

.toc ul ul { margin: 0 0 0 2em; }

  1. toc .toctoggle,

.toc .toctoggle { font-size: 94%; }


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

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

/* 

   border: .5em solid white;
   border-width: .5em 0 .8em 1.4em;
  • /

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

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

/* 

   margin: .3em .5em .5em 0;
   border: .5em solid white;
   border-width: .5em 1.4em .8em 0;
  • /

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

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

} div.thumb div { 

   border: 1px solid #ccc;
   padding: 3px !important;
   background-color: #f9f9f9;
   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;
   background-color: #f9f9f9;
   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;
   background-color: #f3f3f3;

}

/*

    • edit views etc
  • /

.special li { 

   line-height: 1.4em;
   margin: 0;
   padding: 0;

}

/* Page history styling */ /* the auto-generated edit comments */ .autocomment { 

   color: gray;

}

  1. pagehistory span.user { 
   margin-left: 1.4em;
   margin-right: .4em;

}

  1. pagehistory span.minor { 
   font-weight: bold;

}

  1. pagehistory li { 
   border: 1px solid white;

}

  1. pagehistory li.selected { 
   background-color: #f9f9f9;
   border: 1px dashed #aaa;

}

/*

    • Diff rendering
  • /

table.diff, td.diff-otitle, td.diff-ntitle { 

   background-color: white;

} td.diff-addedline { 

   background: #cfc;
   font-size: smaller;

} td.diff-deletedline { 

   background: #ffa;
   font-size: smaller;

} td.diff-context { 

   background: #eee;
   font-size: smaller;

} span.diffchange { 

   color: red;
   font-weight: bold;

}

/*

    • keep the whitespace in front of the ^=, hides rule from konqueror
    • this is css3, the validator doesn't like it when validating as css2
  • /
  1. bodyContent a[href ^="http://"],
  2. bodyContent a[href ^="gopher://"] {

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

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

.link-https { 

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

}

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

.link-mailto { 

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

}

  1. bodyContent a[href ^="news://"] { 
   background: url(news_icon.png) center right no-repeat;
   padding-right: 18px;

}

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

.link-ftp { 

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

}

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

.link-irc { 

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

} /* disable interwiki styling */

  1. bodyContent a.extiw,
  2. 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 */

  1. bodyContent .plainlinks a { 
   background: none !important;
   padding: 0;

}

/* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { 

   padding-left: 20px;
   text-transform: none;

}


/* hide from incapable browsers */ head:first-child+body #footer li { white-space: nowrap; }


/* js pref toc */

  1. preftoc { 
   float: left;
   margin: 1em;
   width: 13em;

}

  1. preftoc li { 
   border: 1px solid white;

}

  1. preftoc li.selected { 
   background-color: #f9f9f9;
   border: 1px dashed #aaa;

}

  1. preftoc a,
  2. preftoc a:active { 
   display: block;
   color: #0014a6;

}

  1. prefcontrol { 
   clear: both;
   float: left;
   margin-top: 1em;

} div.prefsectiontip { 

   font-size: 95%;
   margin-top: 1em;

} fieldset.operaprefsection { 

   margin-left: 15em;

}

/*

    • IE/Mac fixes, hope to find a validating way to move this
    • to a separate stylesheet. This would work but doesn't validate:
    • @import("IEMacFixes.css");
  • /

/* tabs: border on the a, not the div */

  • > html #p-cactions li { border: none; }
  • > html #p-cactions li a { 
   border: 1px solid #aaa;
   border-bottom: none;

}

/* * > html #p-cactions li.selected a { border-color: #00bd23; } */ /* footer icons need a fixed width */

  • > html #f-poweredbyico,

/* * > html #f-copyrightico { width: 88px; } */

  • > html #bodyContent,
  • > html #bodyContent pre { 
   overflow-x: auto;
   width: 100%;
   padding-bottom: 25px;

}

/* more IE fixes */ /* float/negative margin brokenness */

  • html #footer {margin-top: 0;}
  • html #column-content { 
   display: inline;
   margin-bottom: 0;

}

  • html div.editsection { font-size: smaller; }
  1. pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */

  • > html #column-content { 
   float: none;

}

  • > html #column-one { 
   position: absolute;
   left: 0;
   top: 0;

}

  • > html #footer { 
   margin-left: 13.2em;

} .redirectText { 

   font-size: 150%;
   margin: 5px;

}

.printfooter { 

   display: none;

}

.not-patrolled { 

   background-color: #ffa;

} div.patrollink { 

   font-size: 75%;
   text-align: right;

} span.newpage, span.minor, span.searchmatch { 

   font-weight: bold;

} span.unpatrolled { 

   font-weight: bold;
   color: red;

}

span.searchmatch { 

   color: red;

} .sharedUploadNotice { 

   font-style: italic;

}

span.updatedmarker { 

   color: black;
   background-color: #0f0;

} span.newpageletter { 

   font-weight: bold;
   color: black;
   background-color: yellow;

} span.minoreditletter { 

   color: black;
   background-color: #c5ffe6;

}

table.gallery { 

   border: 1px solid #ccc;
   margin: 2px;
   padding: 2px;
   background-color: white;

}

table.gallery tr { 

   vertical-align: top;

}

table.gallery td { 

   vertical-align: top;
   background-color: #f9f9f9;
   border: solid 2px white;

}

div.gallerybox { 

   margin: 2px;
   width:  150px;

}

div.gallerybox div.thumb { 

   text-align: center;
   border: 1px solid #ccc;
   margin: 2px;

}

div.gallerytext { 

   font-size: 94%;
   padding: 2px 4px;

}

span.comment { font-style: italic; }

span.changedby { font-size: 95%; }

.previewnote { text-align: center; color: #cc0000; } .editExternally { border: 1px solid gray; background-color: #ffffff; padding: 3px; margin-top: 0.5em; float: left; font-size: small; text-align: center; } .editExternallyHelp { font-style: italic; color: gray; }

li span.deleted { text-decoration: line-through; color: #888; font-style: italic; }

.toggle { margin-left: 2em; text-indent: -2em; }

/* Classes for EXIF data display */ table.metadata { font-size: 0.8em; margin-left: 0.5em; margin-bottom: 0.5em; }

table.metadata caption { font-weight: bold; }

table.metadata th { font-weight: normal; }

table.metadata td { padding: 0.1em; }

table.metadata { border: none; border-collapse: collapse; }

table.metadata td, table.metadata th { text-align: center; border: 1px solid #aaaaaa; padding-left: 0.1em; padding-right: 0.1em; }

table.metadata th { background-color: #f9f9f9; }

table.metadata td { background-color: #fcfcfc; }

/* filetoc */ ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; }

  1. filetoc li {

display: inline; list-style-type: none; padding-right: 2em; }

/* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; }


/* Classes for article validation */

table.revisionform_default { border: 1px solid #000000; }

table.revisionform_focus { border: 1px solid #000000; background-color:#00BBFF; }

tr.revision_tr_default { background-color:#EEEEEE; }

tr.revision_tr_first { background-color:#DDDDDD; }

p.revision_saved { color: green; font-weight:bold; }

  1. mw_trackbacks {

border: solid 1px #bbbbff; background-color: #eeeeff; padding: 0.2em; }


/* Allmessages table */

  1. allmessagestable th {

background-color: #b2b2ff; }

  1. allmessagestable tr.orig {

background-color: #ffe2e2; }

  1. allmessagestable tr.new {

background-color: #e2ffe2; }

  1. allmessagestable tr.def {

background-color: #f0f0ff; }

Retrieved from "http://2014.igem.org/Template:Team:HokkaidoU_Japan/CSS"