/* wp.css
jt6 20080317 WTSI
Style the wikipedia scrapes
$Id: wp.css,v 1.3 2009-07-13 10:12:09 jt6 Exp $
Copyright (c) 2007: Genome Research Ltd.
Authors: John Tate (jt6@sanger.ac.uk)
This is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License as published by the Free Software
Foundation; either version 2 of the License, or (at your option) any later
version.
This program is distributed in the hope that it will be useful, but WITHOUT
ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
details.
You should have received a copy of the GNU General Public License along with
this program. If not, see .
*/
/* crudely style the whole block */
.wpData {
background: transparent;
color: black;
line-height: 1.5em;
/* border: 1px solid #CCC; */
padding: 0.4em;
}
.wpData a.external {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC") no-repeat scroll right center transparent;
padding-right: 13px;
}
/* the following styles are ripped straight from en.wikipedia.org/skins-1.5/monobook/main.css
but with ".wpData" pre-pended, just in case they should class with existing rules...
*/
/* general styles */
.wpData table {
font-size: 100%;
color: black;
/* we dont want the bottom borders of s to be visible through
floated tables */
background-color: white;
}
.wpData a {
text-decoration: none;
color: #002bb8;
background: none;
}
.wpData a:visited {
color: #5a3696;
}
.wpData a:active {
color: #faa700;
}
.wpData a:hover {
text-decoration: underline;
}
.wpData a.stub {
color: #772233;
}
.wpData a.new, #p-personal a.new {
color: #ba0000;
}
.wpData a.new:visited, #p-personal a.new:visited {
color: #a55858;
}
.wpData img {
border: none;
vertical-align: middle;
}
/* @media screen, projection { */
.wpData p {
margin: .4em 0 .5em 0;
line-height: 1.5em;
}
/* } */
.wpData p img {
margin: 0;
}
.wpData hr {
height: 1px;
color: #aaa;
background-color: #aaa;
border: 0;
margin: .2em 0 .2em 0;
}
.wpData h1, .wpData h2, .wpData h3, .wpData h4, .wpData h5, .wpData h6 {
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #AAAAAA;
color:black;
font-weight:normal;
margin:0;
padding-bottom:0.17em;
padding-top:0.5em;
width:auto;
overflow:hidden;
}
.wpData h1 { font-size: 188%; }
.wpData h1 .editsection { font-size: 53%; }
.wpData h2 { font-size: 150%; }
.wpData h2 .editsection { font-size: 67%; }
.wpData h3, .wpData h4, .wpData h5, .wpData h6 {
border-bottom: none;
font-weight: bold;
}
.wpData h3 { font-size: 132%; }
.wpData h3 .editsection { font-size: 76%; font-weight: normal; }
.wpData h4 { font-size: 116%; }
.wpData h4 .editsection { font-size: 86%; font-weight: normal; }
.wpData h5 { font-size: 100%; }
.wpData h5 .editsection { font-weight: normal; }
.wpData h6 { font-size: 80%; }
.wpData h6 .editsection { font-size: 125%; font-weight: normal; }
/* actually, we don't want this at all. Although we try to edit it out of the HTML,
we will also hide it, just to be sure...
.wpData .editsection {
float: right;
margin-left: 5px;
}
*/
.wpData .editsection {
display: none;
}
.wpData ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.5em;
padding: 0;
/* list-style-image: url(bullet.gif); */
}
.wpData ol {
line-height: 1.5em;
margin: .3em 0 0 3.2em ! important;
padding: 0;
list-style-image: none;
}
.wpData li {
margin-bottom: .1em;
}
.wpData dt {
font-weight: bold;
margin-bottom: .1em;
}
.wpData dl {
margin-top: .2em;
margin-bottom: .5em;
}
.wpData dd {
line-height: 1.5em;
margin-left: 2em;
margin-bottom: .1em;
}
.wpData fieldset {
border: 1px solid #2f6fab;
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
}
.wpData legend {
padding: .5em;
font-size: 95%;
}
.wpData form {
border: none;
margin: 0;
}
.wpData textarea {
width: 100%;
padding: .1em;
}
.wpData input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
.wpData select {
vertical-align: top;
}
.wpData abbr, .wpData acronym, .wpData .explain {
border-bottom: 1px dotted black;
color: black;
background: none;
cursor: help;
}
.wpData 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;
}*/
.wpData code {
background-color: #f9f9f9;
}
.wpData pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}
/*
** content styles
*/
#toc,
.wpData .toc,
.wpData .mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
#toc h2,
.wpData .toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.wpData .toc #toctitle,
#toc .toctitle,
.wpData .toc .toctitle {
text-align: center;
}
#toc ul,
.wpData .toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.wpData .toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.wpData .toc .toctoggle {
font-size: 94%;
}
.wpData .mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
/* images */
.wpData div.floatright, .wpData 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;
*/
}
.wpData div.floatright p { font-style: italic; }
.wpData div.floatleft, .wpData table.floatleft {
float: left;
clear: 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;
*/
}
.wpData div.floatleft p { font-style: italic; }
/* thumbnails */
.wpData div.thumb {
margin-bottom: .5em;
border-style: solid;
border-color: white;
width: auto;
}
.wpData div.thumbinner {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
}
.wpData html .thumbimage {
border: 1px solid #ccc;
}
.wpData html .thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
}
.wpData div.magnify {
float: right;
border: none !important;
background: none !important;
}
.wpData div.magnify a, .wpData div.magnify img {
display: block;
border: none !important;
background: none !important;
}
.wpData div.tright {
clear: right;
float: right;
border-width: .5em 0 .8em 1.4em;
}
.wpData div.tleft {
float: left;
clear: left;
margin-right: .5em;
border-width: .5em 1.4em .8em 0;
}
.wpData img.thumbborder {
border: 1px solid #dddddd;
}
.wpData .hiddenStructure {
display: none;
speak: none;
}
.wpData img.tex {
vertical-align: middle;
}
.wpData span.texhtml {
font-family: serif;
}
/* this section of CSS is ripped directly from:
*
* http://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text%2Fcss&smaxage=2678400&action=raw&maxage=2678400
*
* essentially we're just sucking in more stuff to style the navbox table.
*
* jt6 20090713 WTSI.
*/
/* Default skin for navigation boxes */
.wpData table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.wpData .navbox-title,
.wpData .navbox-abovebelow,
.wpData table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.wpData .navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.wpData .navbox, .wpData .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.wpData .navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.wpData .navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.wpData .navbox-abovebelow,
.wpData .navbox-group,
.wpData .navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.wpData .navbox-subgroup .navbox-group, .wpData .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.wpData .navbox-even {
background: #f7f7f7; /* Even row striping */
}
.wpData .navbox-odd {
background: transparent; /* Odd row striping */
}
.wpData .collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}
.wpData .navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Tnavbar]], */
} /* so they need to be the same width. */
h1.firstHeading {
font-size:1.6em;
line-height:1.2em;
margin-bottom:0.1em;
margin-top:0;
padding-bottom:0.2em;
padding-top:0;
}
/* this section of CSS is ripped directly from:
*
* http://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text%2Fcss&smaxage=2678400&action=raw&maxage=2678400
*
* styling the infobox...
*
* jt6 20090713 WTSI.
*/
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: solid 1px #aaa;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* galleries... */
.wpData table.gallery {
background-color: white;
border: 1px solid #CCCCCC;
border-collapse: collapse;
margin: 2px;
padding: 2px;
}
.wpData table.gallery tr {
vertical-align: top;
}
.wpData table.gallery td {
border: 1px solid #CCCCCC;
padding: 1px;
vertical-align: top;
}
.wpData div.gallerybox {
margin: 2px;
}
.wpData div.gallerybox div.thumb {
border: 1px solid #CCCCCC;
margin: 2px;
text-align: center;
}
.wpData div.gallerytext {
font-size: 94%;
overflow: hidden;
padding: 2px 4px;
}
.wpData li.gallerybox {
background-color: #F9F9F9;
border: 2px solid white;
display: -moz-inline-box;
vertical-align: top;
}
.wpData ul.gallery, li.gallerybox {
display: inline-block;
}
.wpData ul.gallery {
/* background-color: white; */
display: block;
margin: 2px;
padding: 2px;
}
.wpData li.gallerycaption {
display: block;
font-weight: bold;
text-align: center;
word-wrap: break-word;
}
.wpData li.gallerybox div.thumb {
border: 1px solid #CCCCCC;
margin: 2px;
text-align: center;
}
.wpData div.gallerytext {
font-size: 94%;
overflow: hidden;
padding: 2px 4px;
word-wrap: break-word;
}