MediaWiki:Common.css: verschil tussen versies

Versie van 27 dec 2010 02:48

/** CSS die hier wordt geplaatst heeft invloed op alle skins */

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


body {
	font: x-small sans-serif;
	background: #000000;
	color: black;
	margin: 0;
	padding: 0;
	min-width: 1000px;
	overflow-x: hidden;
}

#globalBG, #globalBG2, #globalContainer {
	width: 1699px;
	height: 1100px;
	margin: 0 0 0 -800px;
	padding: 0;
	background: transparent;
	position: absolute;
	left: 50%;
	top: 0px;
}

/* background image not in BODY to avoid misalignment
   when browser is resized and scrollbars appear.
   GlobalBG2 is not currently used but may be assigned
   an opacity value without giving opacity to the content. */
#globalBG {
	z-index: 1;
	background: #000000 url(mainbg.jpg) 50% 0 no-repeat;
}

/* Exactly aligned to globalBG, the globalContainer may
hold another BG image covering the dedicated ones. */
#globalContainer {
	z-index: 3;
}
 
#globalWrapper {
	width: 1000px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 295px;
	top: 114px;
	z-index: 1;
}

/* the left column width is specified in class .portlet */
#column-content {
	position: relative;
	z-index: 1;
	top: 240px;
	left: 180px;
	width: 770px;
	margin: 0;
	padding: 0 0 63px;
	background: transparent url(paperbottom.png) -3px bottom no-repeat;
}

#content, #column-content #content {
	position: relative;
	margin: 0 0 0 0px !important;
	padding: 0 10px 83px 0;
	top: 0;
	left: 0px;
	z-index: 2;
	color: black;
	width: 760px;
	background: transparent url(paperbg.png) left 32px repeat-y;
}

#column-one {
	background: transparent url(menutop.png) top left no-repeat;
	position: absolute;
	top: 4px;
	left: -3px;
	width: 186px;
	height: auto;
	margin: 0;
	padding: 177px 0 20px;
	z-index: 2;
}

#column-one .portlet {
	background: transparent url(menubg.png) top left repeat-y;
	width: 170px;
	padding: 0 0 10px 38px;
	margin: 0;
}
#column-one #p-tb {
	background: transparent url(menubottom.png) bottom left no-repeat;
	padding: 10px 0 125px 38px;
	margin: -10px 0 0;
}

#column-one #p-tb .pBody {
	margin-bottom: 10px;
}

#column-one #p-Navigation {
	margin: 0;
}

#bodyContent {
	padding: 20px 4px 0;
	margin: 0;
}

#contentBG {
	position: relative;
	padding: 0px;
	margin: 0 30px 0 34px;
	width: 692px; 
	background: transparent url(contentbg.png) 0 0 repeat-y;
}

#contentWrapper {
	padding: 10px 20px 20px;		
	margin: 0 5px 0 4px;
	min-width: 640px;
	min-height: 390px;
	overflow: visible;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;	
}

/*  restrict max-width, except for '.ScrollAreas'.
	Overflow is not used for that because the '.newSection' and
	'.TwoColumns' graphics need to draw over the boundaries */
#contentWrapper .ScrollArea {
	margin: 20px 0;
	padding: 0;
	width: 640px;
	border: 1px solid #998866;
	border-bottom: none;
	overflow: hidden;
}
#contentWrapper > * {
	max-width: 650px;
	overflow: hidden;
}
#contentWrapper .ScrollArea > * {
	max-width: none;
	overflow: hidden;
}
#contentWrapper form * {
	overflow: auto;
}

#contentWrapper .newSection {
	background: transparent url(newsection.png) top left scroll no-repeat;
	margin: 0px 0 0px -30px;
	padding: 50px 20px 0px 30px;
	width: 650px;
	max-width: 650px;
	min-height: 30px;
}

#contentWrapper .newSectionH {
	background: transparent url('newsection-h.png') top left scroll no-repeat;
	margin: 0px 0 0px -30px;
	padding: 50px 20px 0px 30px;
	width: 650px;
	max-width: 650px;
	min-height: 50px;
}

#contentWrapper .TwoColumns {
	margin: 0px 0 -20px -29px;
	padding: 0 0 70px 0;
	width: 700px;
	max-width: 700px;
	max-height: 875px;
	background: transparent url('twocolumns-bottom.png') bottom left scroll no-repeat;
	overflow: hidden;
}

#contentWrapper .ColumnLeft {
	float: left;
	position: relative;
	width: 300px;
	min-height: 45px;
	max-height: 820px;
	padding: 55px 20px 0 30px;
	background: transparent url('twocolumns-left.png') top left scroll no-repeat;
	overflow: hidden;
}
	
#contentWrapper .ColumnRight {
	float: right;
	position: relative;
	width: 300px;
	min-height: 45px;
	max-height: 820px;
	padding: 55px 25px 0 25px;
	background: transparent url('twocolumns-right.png') top left scroll no-repeat;
	overflow: hidden;
}

.editsection {
	position: relative;
	font-size: 10px;
}
		
.GroundColoredImages {
	margin: 0;
	padding: 0;
}		
.GroundColoredImages img {
	background: #eeddbb url(buildingBG.jpg) scroll bottom left repeat;
}
		
#p-navigation.portlet h5 , #p-search.portlet h5 , #p-tb.portlet h5, #p-guides.portlet h5, #p-community.portlet h5, #p-lang.portlet h5,
#p-spel.portlet h5
#p-Navigation.portlet h5 , #p-Search.portlet h5 , #p-tb.portlet h5, #p-Guides.portlet h5, #p-Community.portlet h5, #p-Lang.portlet h5
#p-Spel.portlet h5
{
	display: block;
	background: transparent url(menuheader.png) top left no-repeat;
	width: 115px;
	height: 34px;
	margin: 0 0 -10px;
	padding: 6px 0 0;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}

#p-lang.portlet h5, #p-Lang.portlet h5 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 10px;
    font-style: italic;
	cursor: pointer;
	color: #ffeebb;
	text-decoration: none;
}
#p-lang.portlet h5:hover, #p-Lang.portlet h5:hover {
	background: transparent url(menuheader.png) top right no-repeat;
	color: #ffffff;
}

/* ------------------------------------------ */

/* general styles */

fieldset table {
	background: none;
}

/* Some strong language is used for tables and cells, to override old inline styles in content */
table {
	font-size: 100%;
	color: #000000;
	border-top: 1px solid #ddccaa !important;
	border-left: 1px solid #ccbb99 !important;
	border-right: 1px solid #aa9977 !important;
	border-bottom: 1px solid #aa9977 !important;
	background: transparent url(lightbg.png) top left fixed repeat !important;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: hide;
}

th, td {
	border-top: none !important;
	border-left: none !important;
	border-right: 1px solid #aa9977 !important;
	border-bottom: 1px solid #aa9977 !important;
	padding: 2px 3px;
	background: transparent url(tablecell2.png) bottom right scroll no-repeat !important;
}

table.gallery td {
	padding: 0;
}

/* All tables centered, and all first-order tables fully wide */
table {
	width: 100%; 
	margin: 10px auto;
}
table table {
	width: auto;
	margin: 10px auto;
}

h2 span img {
	display: none;
}			

a, a:link {
	text-decoration: none;
	color: #670600;
	background: none;
}
a:visited {
	color: #670600;
}
a:hover {
	color: #670600; 
	text-decoration: underline;
}
a:active {
	color: #670600;
}

a.new {
	color: #cc3300 !important;
}
#p-personal a.new {
	color: #776644 !important;
}
#p-personal:hover a.new {
	color: #aa9977 !important;
}
#p-personal a.new:hover {
	color: #eeddaa !important;
}

img {
	border: none;
	vertical-align: middle;
}
p {
	margin: .4em 0 .5em 0;
	line-height: 1.3em;
}
p img {
	margin: 0;
	padding: 0;
}

hr {
	height: 1px;
	color: #918873;
	background-color: #918873;
	border: 0;
	margin: 10px 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}
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%;  }

h1 .editsection,
h2 .editsection,
h3 .editsection, 
h4 .editsection,
h5 .editsection,
h6 .editsection { font-size: 10px !important; font-weight: normal; color:#554422; }

div.mw-search-formheader {
	background: transparent url(lightbg.png) top left repeat fixed;
	padding: 5px;
	font-size: 95%;
	margin: 5px auto 10px;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}

table#mw-search-top-table {
	text-align: center;
}

input#searchText {
	width: 399px;
	height: 27px;
	margin: 10px 0;
	padding: 0px 7px 8px;
	background: transparent url(search.png) top left no-repeat scroll;
	border: none;
	color: #000000;
	font-size: 12px;
	line-height: 28px;	
	font-weight: bold;
	vertical-align: middle;
}

table#mw-search-top-table input[type=submit] {
	width: 120px;
	height: 35px;
	margin: 10px 0 10px;
	padding: 0 0 10px;
	background: transparent url(searchbutton.png) top left no-repeat scroll;
	border: none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}

/* When search button is DIV, not INPUT */
#searchBody div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 110px;
	margin-bottom: 3px;
}
#searchBody div a {
	color:#bbbbbb;
	text-decoration: none;
}
#searchBody div a:hover {
	color:#ffffff;
	border-bottom: 1px dotted #888888;
}

/*
	SPANs inside of headlines are used to put the right-end background graphic over the main graphic.
	Since we can not be sure which class of SPAN will be present (and in which order), we layout
	*all* SPANs (except .editsection) so they could be used for the graphic, but give the graphic to
	the first-child only.
*/

h1 { 
	background: transparent url(bigh-left.png) top left no-repeat;
	font-size: 20px; 
	height: 30px; 
	padding: 12px 0 5px;
	text-align: center;
	position: relative;
	margin: 0 -5px;
	clear: both;
}

div > h1:first-child {
	margin: 0;
}

h1 span {		
	background: none;
	display: block; 
	height: 29px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	margin-left: -600px;	
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
	text-align: right;
	padding: 18px 14px 0 0;
}

h1 span:first-child {		
	background: transparent url(bigh-right.png) top right no-repeat;				
}

h1 span.mw-headline {
	padding: 12px 0 5px 0;
	text-align: center;
}

h1 span.editsection {
	z-index: 2;
	position: absolute;
	width: auto;
}

h2 { 
	background: transparent url(smallh-left.png) top left no-repeat;
	font-size: 15px; 
	height: 20px; 
	padding: 8px 0 8px;
	text-align: center;
	position: relative;
	margin: 0 -4px;
	clear: both;
}

h2 span {		
	background: none;
	display: block; 
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	margin-left: -600px;	
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
	text-align: right;
	padding: 11px 13px 5px 0;
}

h2 span:first-child {		
	background: transparent url(smallh-right.png) top right no-repeat;
}

h2 span.mw-headline {
	padding: 8px 0 8px 0;
	text-align: center;
}

h2 span.editsection {
	z-index: 2;
	position: absolute;
	width: auto;
}

h2 span span {
	background: transparent;
	padding: 8px 0 8px 0;
	text-align: center;
}

/* Now we style all the headings that don't have a SPAN at all, and hope we find all of them! */
#mw-pages h1, #mw-category-media h1,
#mw-pages h2, #mw-category-media h2 {
	background: transparent url(lightbg2.png) top center repeat;
	margin: 15px 0 10px;
	height: auto;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}

h2#filelinks, h2#filehistory {
	background: transparent url(halfheading.png) left center no-repeat;
	width: 310px;
	margin: 20px auto 10px;
}

h4.mw-specialpagesgroup {
	background: transparent url(contentbottom.png) top center no-repeat;
}

/* Headings for .newSection */

.newSectionH h1:first-child {
	background: none;
	font-size: 20px;
	margin-top: -2px;
	margin-bottom: 8px;
}
.newSectionH h1:first-child span.editsection {
	padding: 18px 0px 5px 0;
	right: 4px;
}

.newSectionH h2:first-child {
	background: none;
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 8px;
}
.newSectionH h2:first-child span.editsection {
	padding: 12px 0px 5px 0;
	right: 0px;
}

.newSectionH h3:first-child {
	text-align: center;
	background: none; 
	font-size: 15px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 10px 0;
	height: 20px; 
}
.newSectionH h3:first-child span.editsection {
	z-index: 2;
	position: absolute;
	width: auto;
	padding: 3px 0px 5px 0;
	right: 22px;
}

.newSectionH h4:first-child {
	text-align: center;
	background: none; 
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding: 10px 0;
	height: 20px; 
}
.newSectionH h4:first-child span.editsection {
	z-index: 2;
	position: absolute;
	width: auto;
	padding: 1px 0px 5px 0;
	right: 22px;
}

.newSectionH h5:first-child,
.newSectionH h6:first-child {
	text-align: center;
	background: none; 
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 8px;
	padding: 10px 0;
	height: 20px;
}
.newSectionH h5:first-child span.editsection,
.newSectionH h6:first-child span.editsection {
	z-index: 2;
	position: absolute;
	width: auto;
	padding: 1px 0px 5px 0;
	right: 22px;
}

.newSectionH h1:first-child span,
.newSectionH h2:first-child span,
.newSectionH h3:first-child span ,
.newSectionH h4:first-child span ,
.newSectionH h5:first-child span ,
.newSectionH h6:first-child span {
	background: none;
}

/* Headings for .TwoColumns */

#contentWrapper .TwoColumns h1:first-child  {
	margin: -8px -5px 8px -5px;
	background: none;
}
#contentWrapper .TwoColumns h1:first-child span {
	background: none;
}
#contentWrapper .TwoColumns h1:first-child span.editsection {
	padding-right: 0;
	margin-right: 0;
}

#contentWrapper .TwoColumns h2:first-child  {
	margin: 0 -5px 11px -5px;
	background: none;
}
#contentWrapper .TwoColumns h2:first-child span {
	background: none;
}
#contentWrapper .TwoColumns h2:first-child span.editsection {
	padding-right: 0;
	margin-right: 0;
}

#contentWrapper .TwoColumns h3:first-child {
	margin: 0 -5px 15px -5px;
	background: none;
	text-align: center;
	position: relative;
}
#contentWrapper .TwoColumns h3:first-child span {
	margin-top: 0;
	background: none;
}
#contentWrapper .TwoColumns h3:first-child span.editsection {
	position: absolute;
	right: 0px;
	top: 11px;
	padding-right: 0;
	margin-right: 0;
}

#contentWrapper .TwoColumns h4:first-child {
	margin: 3px -5px 16px -5px;
	background: none;
	text-align: center;
	position: relative;
}
#contentWrapper .TwoColumns h4:first-child span {
	margin-top: 0;
	background: none;
}
#contentWrapper .TwoColumns h4:first-child span.editsection {
	position: absolute;
	right: 0px;
	top: 8px;
	padding-right: 0;
	margin-right: 0;
}

#contentWrapper .TwoColumns h5:first-child {
	margin: 5px -5px 18px -5px;
	background: none;
	text-align: center;
	position: relative;
}
#contentWrapper .TwoColumns h5:first-child span {
	margin-top: 0;
	background: none;
}
#contentWrapper .TwoColumns h5:first-child span.editsection {
	position: absolute;
	right: 0px;
	top: 6px;
	padding-right: 0;
	margin-right: 0;
}

#contentWrapper .TwoColumns h6:first-child {
	margin: 6px -5px 20px -5px;
	background: none;
	text-align: center;
	position: relative;
}
#contentWrapper .TwoColumns h6:first-child span {
	margin-top: 0;
	background: none;
}
#contentWrapper .TwoColumns h6:first-child span.editsection {
	position: absolute;
	right: 0px;
	top: 5px;
	padding-right: 0;
	margin-right: 0;
}

.mw-search-result-data {
	color: #665533;
	margin: 3px 0 10px;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	list-style-position: inside;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url(bullet.gif);
}
#contentWrapper ul {
/*	overflow: visible !important;		*/
				unicode-bidi:embed;
}

ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
#contentWrapper li {
	overflow: visible !important;
}

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 dotted #6d624e;
	margin: 15px 0 15px 0;
	padding: 0 1em 1em;
	line-height: 1.5em;
}
fieldset.nested {
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0.5em;
}
legend {
	padding: 3px 7px;
	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;
	margin-left: 1.6em;
}
select {
	vertical-align: top;
}
abbr, acronym, .explain {
	border-bottom: 1px dotted #6d624e;
	color: black;
	background: none;
	cursor: help;
}
q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
code {
	padding: 10px;
	border: 1px dashed #6d624e;
	color: black;
	background: transparent url(lightbg2.png) top left repeat;
	line-height: 1.1em;
	font-family: monospace;
	overflow: hidden;
	display: block;
}
pre {
	padding: 10px;
	border: 1px dotted #6d624e;
	color: black;
	background: transparent url(lightbg2.png) top left repeat;
	line-height: 1.1em;
	font-family: sans-serif;
	overflow: hidden;
	display: block;
}


small {
	font-size: 85%;
}

/* ------------------------------------------ */

/*
** the main content area
*/

#siteSub {
	display: none;
}
#jump-to-nav {
	display: none;
}

#contentSub, #contentSub2 {
	font-size: 84%;
	line-height: 1.5em;
	margin: 0 0 1.4em 1em;
	color: #443311;
	width: auto;
}
span.subpages {
	display: block;
}

#firstHeading {
	background: transparent url(firstheading.png) top left no-repeat;
	width: 713px;
	height: 40px;
	padding: 17px 0 0;
	margin: 0 0 -90px;
	position: relative;
	top: -59px;
	left: 28px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: block;
	z-index: 1;
}

/* 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: 9px;
	font-size: 10px;
	padding: 0;
	display: block;
	position: absolute;
	left: 36px;
	bottom: 36px;
	height: 45px;
	width: 685px;
	color: #6d624e;
}
#siteNotice a {
	color: #363127;
	text-decoration: none;
}

#siteNotice a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #6d624e;
}

#siteNotice a:first-child:before {
	content: "\A"; white-space: pre-line;
}

#siteNotice p {
	margin: 0;
	padding: 0;
}

a#top {
	visibility: hidden;
}

div#mw-js-message {
	position: relative;
	top: -49px;
	display: block;
	background: transparent url(lightbg2.png) top left repeat;
	margin: 0 34px 25px 42px;
	padding: 0;
	border-top: 1px solid #ddccaa;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #998866;
	border-bottom: 1px solid #776644;
}

div#mw-js-message p {
	margin: 0;
	padding: 5px 10px 7px;
	background: transparent url(tablecell2.png) bottom right no-repeat;
	font-weight: bold;
}

.catlinks {
	clear: both;
	position: relative; 
	bottom: 0;
	left: 34px;
	color: #664433;
	margin:	0 0 5px;
	padding: 5px 15px;
	height: 23px;
	width: 665px;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	border: none;
	background: transparent url(contentbottom.png) left top no-repeat;
}

.catlinks-allhidden {
	display: block;
}

/* 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,
.mw-warning {
	background: transparent url(lightbg.png) top left repeat fixed;
	padding: 5px;
	font-size: 95%;
	margin: 5px auto 10px;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}
table#toc {
	padding: 0;
}
.mw-warning {
	border: 1px solid #aaa;
	background: transparent url(lightbg.png) top left repeat;
	padding: 5px;
	font-size: 95%;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0 4px;
	font-size: 100%;
	font-weight: bold;
	background: none;
}
#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%;
}

.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}

ul#filetoc {
	background: transparent url(lightbg2.png) top left repeat fixed;
	padding: 5px;
	font-size: 95%;
	margin: 5px auto 10px;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}

/* 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;
	clear: left;
	position: relative;
	margin: 0 .5em .5em 0;
	border: 0;
}
div.floatleft p { font-style: italic; }

div.thumb {
	margin: 7px auto;
	width: auto;
	background: transparent url(lightbg2.png) top left repeat fixed;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}

div.gallerybox div.thumb {
	margin: 5px auto 1px;
	width: auto;
	background: transparent url(lightbg2.png) top left repeat fixed;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}

div.thumbinner {
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
	padding: 3px !important;
	background: transparent url(lightbg2.png) top left repeat fixed;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #998866;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
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;
	margin: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	clear: left;
	margin: .5em 1.4em .8em 0;
}
img.thumbborder {
	border: 1px solid #443311;
}
.hiddenStructure {
	display: none;
}

.errorbox {
	border: 2px dotted #cc0600;
	color: #670600;
	background: transparent url(lightbg.png) top left repeat;
	font-size: 13px;
}
.errorbox strong, .errorbox a {
	color: #cc0600;
}
.errorbox a {
	text-decoration: underline;
}

.successbox {
	border: 2px dotted #226600;
	color: #003300;
	background: transparent url(lightbg2.png) top left repeat;
	font-size: 13px;
}
.successbox strong, .successbox a {
	color: #226600;
}
.successbox a {
	text-decoration: underline;
}

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

/*
** edit views etc
*/
.special li {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

/*
** 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.external,
#bodyContent a.external[href ^="gopher://"] {
	background: url(external.png) center right no-repeat;
	padding: 0 13px;
}
.rtl #bodyContent a.external,
.rtl #bodyContent a.external[href ^="gopher://"] {
	background-image: url(external-rtl.png);
}
#bodyContent a.external[href ^="https://"],
.link-https {
	background: url(lock_icon.gif) center right no-repeat;
	padding: 0 16px;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
	background: url(mail_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="news://"] {
	background: url(news_icon.png) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
	background: url(file_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="irc://"],
.link-irc {
	background: url(discussionitem_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
	background: url("audio.png") center right no-repeat;
	padding: 0 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
	background: url("video.png") center right no-repeat;
	padding: 0 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
	background: url("document.png") center right no-repeat;
	padding: 0 12px;
}

/* for rtl wikis */
.rtl #bodyContent a.external {
	background-position: left;
	padding-right: 0;
}
.rtl a.feedlink {
	background-position: right;
	padding-right: 16px;
	padding-left: 0;
}

/* correction for ltr wikis */
.ltr #bodyContent a.external {
	padding-left: 0;
}

/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
	color: #670600;
}
#bodyContent a.external {
	color: #670600;
}
/*
** Structural Elements
*/

/* ------------------------------------------ */

/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
	float: none;
	width: 120px;
	overflow: hidden;
}
.portlet h4 {
	font-size: 95%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h5 {
	background: transparent;
	padding: 0;
	display: inline;
	height: 1em;
	text-transform: none;
	font-size: 91%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h6 {
	background: #ffae2e;
	border: 1px solid #2f6fab;
	border-style: solid solid none solid;
	padding: 0 1em 0 1em;
	text-transform: lowercase;
	display: block;
	font-size: 1em;
	height: 1.2em;
	font-weight: normal;
	white-space: nowrap;
}
.pBody {
	color: black;
	padding: 0;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
	margin: 0;
	padding: 0;
}
.portlet ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	font-size: 11px;
	line-height: 16px;
}
.portlet li {
	padding: 0;
	margin: 0;
}

.pBody ul {
	margin: 0;
}

#column-one .pBody ul li
{
	background: url(menuseparator.png) top left no-repeat;
	width: 110px;
	padding: 1px 0 0 5px;
	line-height: 16px;
}
#column-one .pBody ul li:first-child
{
	background: none;
}

.pBody ul a {
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	padding-left: 0;
}

/*
** Logo properties
*/

#column-one #p-logo {
	z-index: 3;
	overflow: hidden;
	background: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 494px;
	height: 95px;
	max-height: 95px;
	left: 318px;
	top: 2px;	
	display: block;
}
#column-one #p-logo h5 {
	display: none;
}
#column-one #p-logo a,
#column-one #p-logo a:hover {	
	display: block;
	height: 95px;
	width: 494px;
	background-repeat: no-repeat;
	background-position: 35% 50% !important;
	text-decoration: none;
}

/* ------------------------------------------ */

/*
** Search portlet
*/
#p-search {
	position: relative;
	z-index: 3;
	margin: 0;
}

input.searchButton {
	background: transparent url(menubutton-search.png) left 2px no-repeat;
	width: 55px;
	height: 27px;
	border: none;
	color: #ffffff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	margin: 0px -2px 0 -3px;
	padding: 0 0 5px;
	cursor: pointer;
}
input.searchButton:hover {
	background: transparent url(menubutton-search.png) -64px 2px no-repeat;
}

#searchGoButton {
	background: transparent url(menubutton-go.png) left 2px no-repeat;
	font-weight: normal;
}
#searchGoButton:hover {
	background: transparent url(menubutton-go.png) -64px 2px no-repeat;
}

#searchGoButton.single {
	background: transparent url(menubutton-wide.png) left 2px no-repeat;
	height: 20px;
	width: 113px;
}
#searchGoButton.single:hover {
	background: transparent url(menubutton-wide.png) left -18px no-repeat;
}

#searchInput {
	width: 105px;
	height: 27px;
	background: transparent url(menusearch.png) top left no-repeat;
	color: #000000;
	border: none;
	margin: 0 0 -1px -3px;
	padding: 0 4px;
	font-size: 12px;
	font-weight: bold;
}
#p-search .pBody {
	padding: 1px 5px;
	font-size: 14px;
	text-align: left;
}
#p-search #searchform div div {
	margin-top: .4em;
	font-size: 95%;
}

/* ------------------------------------------ */

/*
** the personal toolbar
*/
#p-personal.portlet {
	position: absolute;
	left: 237px;
	top: 94px;
	z-index: 1;
	width: 648px;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border: none;
	overflow: visible;
	line-height: 1.2em;
	background: none;
}
#p-personal h5 {
	display: none;
}
#p-personal .portlet,
#p-personal .pBody {
	z-index: 0;
	padding: 0;
	margin: 0;
	border: none;
	overflow: visible;
	background: none;
}

#p-personal ul {
	border: none;
	line-height: 1.4em;
	color: #776644;
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none;
	z-index: 0;
	background: none;
	cursor: default;
	text-align: center;
}
#p-personal li {
	z-index: 0;
	border: none;
	padding: 0;
	display: inline;
	margin-left: 1em;
	line-height: 1.2em;
	background: none;
}
#p-personal .pBody ul li {
	background: none;
}
#p-personal .pBody ul a {
	padding: 0px 3px;
}
#p-personal li a {
	text-decoration: none;
	padding-bottom: .2em;
	background: none;
	font-weight: bold;
	color: #776644;
}
#p-personal:hover li a {
	color: #aa9977;
}
#p-personal li a:hover {
	text-decoration: underline;
	color: #eeddaa;
}
#p-personal li.active a:hover {
	background-color: transparent;
}
/* 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 {
	background: url(user.gif) top left no-repeat;
	padding-left: 20px;
	text-transform: none;
}

#p-personal ul {
	text-transform: none;
}
#p-personal li.active {
	font-weight: bold;
}

/* ------------------------------------------ */

/*
** the page-related actions- page/talk, edit etc
*/
#column-one #p-cactions {
	position: absolute;
	top: 170px;
	left: 241px;
	margin: 0;
	white-space: nowrap;
	width: 700px;
	height: 17px;
	overflow: hidden;
	line-height: 1.1em;
	background: none;
	padding: 0;
	list-style: none;
	font-size: 95%;
}
#column-one #p-cactions ul {
	list-style: none;
}
#column-one #p-cactions ul li {
	float: left;
	margin: 0 5px 0 0;
 	background: transparent url(toplink.png) top center no-repeat;
	width: auto;
	padding: 0;
}
#column-one #p-cactions li.selected {
	font-weight: bold;
}
#column-one #p-cactions li a {
	color: #000000;
	display: block;
	width: 125px;
	height: 21px;
	line-height: 17px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	z-index: 0;
	text-decoration: none;
	text-align: center;
}
#column-one #p-cactions li.selected a {
	z-index: 3;
}
#column-one #p-cactions .new a {
	color: #000000;
}
#column-one #p-cactions li a:hover {
	z-index: 3;
	text-decoration: none;
 	background: #000000 url(toplink.png) top center no-repeat;
}
#column-one #p-cactions h5 {
	display: none;
}

/* offsets to distinguish the tab groups */
li#ca-talk {
	margin-right: 5px;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
	margin-left: 1.6em;
}
#p-cactions .pBody {
	font-size: 1em;
	background-color: transparent;
	color: inherit;
	border-collapse: inherit;
	border: 0;
	padding: 0;
}
#p-cactions .hiddenStructure {
	display: none;
}
#p-cactions li a {
	text-transform: none;
}
#p-lang {
	position: relative;
	z-index: 3;
}

/* Override text-transform on languages where capitalization is significant */
.capitalize-all-nouns .portlet h5,
.capitalize-all-nouns .portlet h6,
.capitalize-all-nouns #p-personal ul,
.capitalize-all-nouns #p-cactions ul li a {
	text-transform: none;
}

/* TODO: #t-iscite is only used by the Cite extension, come up with some
 * system which allows extensions to add to this file on the fly
 */
#t-ispermalink, #t-iscite {
	color: #999;
}

/* ------------------------------------------ */

/*
** footer
*/
#footer {
	background: transparent url(footerbg.png) 0 0 no-repeat;
	position: relative;
	height: 35px;
	text-align: center;
	z-index: 2;
	bottom: -132px;
	left: 185px;
	width: 681px;
	padding: 5px 45px 25px 35px;
}

#footer ul#f-list {
	margin: 3px 0 0;
}

#footer ul a {
	color: #363127;
	text-decoration: none;
}
#footer ul a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #6d624e;
}

#footer li {
	display: inline;
	margin: 0 1.3em;
	font-size: 10px;
	color: #6d624e;
}

#footer ul#f-list li#privacy:before { content: "\A"; white-space: pre-line; }

#f-poweredbyico, #f-copyrightico {
	margin: 0 8px;
	position: relative;
	top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
	float: right;
	height: 1%;
}
#f-copyrightico {
	float: left;
	height: 1%;
}

#footer-icon-poweredby, #footer-icon-copyright, #f-poweredbyico, #f-copyrightico {
	display: none !important;
}

.mw-htmlform-submit {
	font-weight: bold;
	padding-left: .3em;
	padding-right: .3em;
	margin-right: 2em;
}

/* ------------------------------------------ */

/* js pref toc */
#preftoc {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#preftoc li {
 	background: transparent url(lightbg.png) top left repeat fixed;
	color: #443311;
	position: relative;
	float: left;
	margin: 1px 2px 0 2px;
	padding: 2px 0 3px 0;
	z-index: 3;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: none;
}
#preftoc li:hover {
 	background: transparent url(lightbg2.png) top left repeat fixed; 
}
#preftoc li.selected {
 	background: transparent url(lightbg2.png) top left repeat fixed; 
	cursor: default;
	border-top: 2px solid #ccbb99;
	border-left: 2px solid #ccbb99;
	border-right: 2px solid #aa9977;
	border-bottom: none;
	margin: 0px 1px -3px 1px;
	padding-bottom: 6px;
	color: #000000;
	top: -3px;
}
#preftoc a,
#preftoc a:active {
	display: block;
	color: #443311;
	padding: 0 3px;
	position: relative;
	text-decoration: none;
}
#preftoc li.selected a {
	cursor: default;
	text-decoration: none;
	color: #000000;
}
#preferences {
	margin: 0;
	clear: both;
	padding: 1.5em;
	border: 1px solid #6d624e;
}
.prefsection {
	border: none;
	padding: 0;
	margin: 0;
}
.prefsection legend {
	font-weight: bold;   
}
.prefsection table, .prefsection legend {
	background: transparent url(lightbg2.png) top left repeat fixed;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}
.mainLegend {
	display: none;
}
td.htmlform-tip {
	font-size: x-small;
	padding: .2em 2em;
	color: #554422;
}

.preferences-login {
	clear: both;
	margin-bottom: 1.5em;
}
.prefcache {
	font-size: 90%;
	margin-top: 2em;
}
.mw-htmlform-field-HTMLTextField input {
	border-top: 1px solid #554422;
	border-left: 1px solid #554422;
	border-right: 1px solid #ffeecc;
	border-bottom: 1px solid #ffeecc;
	background: url(footerbg.png) no-repeat scroll top center transparent;
}
.mw-htmlform-field-HTMLSelectField select {
	border-top: 1px solid #554422;
	border-left: 1px solid #554422;
	border-right: 1px solid #ffeecc;
	border-bottom: 1px solid #ffeecc;
	background: url(footerbg.png) no-repeat scroll top center transparent;
}
.mw-htmlform-field-HTMLSelectField option {
	background: transparent url(lightbg2.png) top left repeat fixed;
	border: none;
	border-bottom: 1px solid #aa9977;
}
input.mw-htmlform-submit {
	background: url(firstheading.png) no-repeat scroll -30px -15px transparent;
	border-top: 1px solid #ffeecc;
	border-left: 1px solid #ffeecc;
	border-right: 1px solid #554422;
	border-bottom: 1px solid #554422;
	margin: 0 20px 0 0;
	cursor: pointer;
}
input.mw-htmlform-submit:hover {
	border-width: 2px;
	margin: -1px 19px -1px -1px;
}

/* ------------------------------------------ */

div#userloginForm, div#userlogin {
	text-align: center;
}

div#userloginForm form,
div#userlogin form#userlogin2 {
	margin: 0 auto 10px;
	clear: both;
	padding: 1.5em 2em;
	text-align: left;
	display: inline-block;
	background: transparent url(lightbg2.png) top left repeat fixed;
	border-top: 1px solid #ccbb99;
	border-left: 1px solid #ccbb99;
	border-right: 1px solid #aa9977;
	border-bottom: 1px solid #aa9977;
}

form#userlogin2 {
	width: 400px;
}

div#userloginForm h2,
div#userlogin h2 {
	background: transparent url(halfheading.png) left top no-repeat;
	width: 310px;
	height: 31px;
	margin: 0 auto 10px;
	padding: 0;
	line-height: 25px;
}

.rtl div#userloginForm form,
.rtl div#userlogin form#userlogin2 {
	float: right;
}

div#userloginForm table,
div#userlogin form#userlogin2 table {
	background: transparent url(lightbg2.png) top left repeat fixed;
}

div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
	padding-top: 0;
}

div#userlogin .captcha,
div#userloginForm .captcha {
	border: 1px solid #554422;
	padding: 1.5em 2em;
	background-color: white;
}

#loginend, #signupend {
	clear: both;
}

#userloginprompt, #languagelinks {
	font-size: 85%;
}

#login-sectiontip {
	font-size: 85%;
	line-height: 1.2;
	padding-top: 2em;
}

#userlogin .loginText, #userlogin .loginPassword {
	width: 12em;
}

#userloginlink a, #wpLoginattempt, #wpCreateaccount {
	font-weight: bold;
}

div#userloginForm #wpName1, 
div#userloginForm #wpPassword1,
form#userlogin2 #wpName2,
form#userlogin2 #wpPassword2,
form#userlogin2 #wpRetype,
form#userlogin2 #wpEmail,
form#userlogin2 #wpRealName {
	border-top: 1px solid #554422;
	border-left: 1px solid #554422;
	border-right: 1px solid #ffeecc;
	border-bottom: 1px solid #ffeecc;
	background: url(footerbg.png) no-repeat scroll top center transparent;
	width: 98%;
}

div#userloginForm input#wpLoginAttempt,
div#userloginForm input#wpMailmypassword,
form#userlogin2 input#wpCreateaccount {
	background: url(firstheading.png) no-repeat scroll -30px -15px transparent;
	border-top: 1px solid #ffeecc;
	border-left: 1px solid #ffeecc;
	border-right: 1px solid #554422;
	border-bottom: 1px solid #554422;
	margin: 0 20px 0 0;
	cursor: pointer;
}

/* ------------------------------------------ */

/* 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: 10px;
}

#pagehistory li {
	border: 1px dotted #6d624e;
}

#pagehistory li.selected {
	position: relative; 
	border: 1px solid #670600;
	background: transparent url(lightbg.png) top left fixed repeat;
}

.redirectText {
	font-size: 150%;
	margin: 5px;
}

.printfooter {
	display: none;
}

div.patrollink {
	clear: both;
}

.sharedUploadNotice {
	font-style: italic;
}

span.updatedmarker {
	color: black;
	background-color: #66bb00;
}

.previewnote {
	color: #670600;
	margin-bottom: 1em;
}

.previewnote p {
	text-indent: 3em;
	margin: 0.8em 0;
}

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

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

#wpSave {
	font-weight: bold;
}

input#wpPreview, input#wpSave, input#wpDiff {
	background: url(firstheading.png) no-repeat scroll -30px -15px transparent;
	border-top: 1px solid #ffeecc;
	border-left: 1px solid #ffeecc;
	border-right: 1px solid #554422;
	border-bottom: 1px solid #554422;
	margin: 0 20px 0 0;
	cursor: pointer;
}

input#wpPreview:hover, input#wpSave:hover, input#wpDiff:hover {
	border-width: 2px;
	margin: -1px 19px -1px -1px;
}

input#wpSummary {
	width: 80%;
	border-top: 1px solid #554422;
	border-left: 1px solid #554422;
	border-right: 1px solid #ffeecc;
	border-bottom: 1px solid #ffeecc;
	background: url(footerbg.png) no-repeat scroll top center transparent;
}

/* 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: #66bb00;
	font-weight:bold;
}

/* noarticletext */
div.noarticletext {
	border: 1px solid #670600;
	background: transparent url(lightbg2.png) top left repeat fixed;
	padding: .2em 1em;
	color: #000;
}
div.noarticletext div:first-child {
	color: #670600 !important;
}

div#searchTargetContainer {
	left:       10px;
	top:        10px;
	width:      90%;
	background: white;
}

div#searchTarget {
	padding:    3px;
	margin:     5px;
	background: #F0F0F0;
	border:     solid 1px blue;
}

div#searchTarget ul li {
	list-style: none;
}

div#searchTarget ul li:before {
	color: #cc3300;
	content: "\00BB \0020";
}

div#searchTargetHide {
	float:right;
	border:solid 1px black;
	background:#DCDCDC;
	padding:2px;
}

#powersearch p {
	margin-top:0px;
}

div.multipageimagenavbox {
	border: 1px solid #670600;
	padding: 4px;
	margin: 1em;
	background: #f0f0f0;
}

div.multipageimagenavbox div.thumb {
	border: none;
	margin-left: 2em;
	margin-right: 2em;
}

div.multipageimagenavbox hr {
	margin: 6px;
}

table.multipageimage td {
	text-align: center;
}

.templatesUsed { margin-top: 1.5em; }

.mw-summary-preview {
	margin: 0.1em 0;
}

/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
	padding: 3px;
	text-align: center;
	margin: 3px auto;
}
div.mw-lag-warn-normal {
	border: 1px solid #cc3300;
	background-color: #FFFFCC;
}
div.mw-lag-warn-high {
	font-weight: bold;
	border: 2px solid #670600;
	background-color: #FFCCCC;
}

.MediaTransformError {
	background-color: #aaa;
	padding: 0.1em;
}
.MediaTransformError td {
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
}

/* God-damned hack for the crappy layout */
.os-suggest {
	font-size: 127%;
}

/* Sometimes people don't want personal tools to be lowercase! */
.no-text-transform {
	text-transform: none;
}

/* ------------------------------------------ */

/*
 * Adapted wiki elements
 */

div.mw-warning-with-logexcerpt {
	border: 2px solid #670600; 
}

.autocomment {
	color: #443311;
}

#toolbar {
	margin-top: 10px;
}

#wpTextbox1 {
	background: transparent url(lightbg.png) top left repeat fixed;
	padding: 5px;
	margin: 0 auto 10px;
	border-top: 1px solid #554422;
	border-left: 1px solid #554422;
	border-right: 1px solid #ffeecc;
	border-bottom: 1px solid #ffeecc;
	max-width: 620px;
}

/* ------------------------------------------ */

/*
 * CSS Styles that are needed by jScrollPane.
 */

 .jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: transparent;
	z-index: 10;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent;
	z-index: 10;
}
.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspVerticalBar .jspTrack {
	background: transparent url(scrollpane-v.png) 0px 0px repeat-y;
	position: relative;
}
.jspHorizontalBar .jspTrack {
	background: transparent url(scrollpane-h.png) 0px 0px repeat-x;
	position: relative;
}
.jspDrag {
	background: transparent url(scrollhandle-v.png) top left repeat-y;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-bottom: 1px solid #332211;	/* close 1px gap at bottom of slider handle */
}
.jspHorizontalBar .jspDrag {
	background: transparent url(scrollhandle-h.png) top left repeat-x;
	border: none;
	border-right: 1px solid #443322;	/* close 1px gap at right side of slider handle */
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspDragTop, .jspDragBottom {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
}
.jspDragTop {
	top: 0;
	background: transparent url(scrollhandle_top.png) top left no-repeat;
}
.jspDragBottom {
	bottom: 0;
	background: transparent url(scrollhandle_bottom.png) bottom left no-repeat;
}
.jspDrag:hover {
	background: transparent url(scrollhandle-v.png) top right repeat-y;
}
.jspDrag:hover .jspDragTop {
	background: transparent url(scrollhandle_top.png) top right no-repeat;
}
.jspDrag:hover .jspDragBottom {
	background: transparent url(scrollhandle_bottom.png) bottom right no-repeat;
}
.jspDragLeft, .jspDragRight {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 5px;
}
.jspDragLeft {
	left: 0;
	background: transparent url(scrollhandle_left.png) top left no-repeat;
}
.jspDragRight {
	right: 0;
	background: transparent url(scrollhandle_right.png) top right no-repeat;
}
.jspHorizontalBar .jspDrag:hover {
	background: transparent url(scrollhandle-h.png) bottom left repeat-x;
}
.jspHorizontalBar .jspDrag:hover .jspDragLeft {
	background: transparent url(scrollhandle_left.png) top left no-repeat;
}
.jspHorizontalBar .jspDrag:hover .jspDragRight {
	background: transparent url(scrollhandle_right.png) bottom right no-repeat;
}
.jspArrow {
	background: transparent;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
}
.jspVerticalBar .jspArrow {
	height: 25px;
}
.jspArrowUp {
	background: black url(arrow_up.png) top left no-repeat;
}
.jspArrowUp:hover {
	background: black url(arrow_up.png) top right no-repeat;
}
.jspArrowDown {
	background: black url(arrow_down.png) top left no-repeat;
}
.jspArrowDown:hover {
	background: black url(arrow_down.png) top right no-repeat;
}
.jspArrowLeft {
	background: black url(arrow_left.png) top left no-repeat;
}
.jspArrowLeft:hover {
	background: black url(arrow_left.png) bottom left no-repeat;
}
.jspArrowRight {
	background: black url(arrow_right.png) top right no-repeat;
}
.jspArrowRight:hover {
	background: black url(arrow_right.png) bottom right no-repeat;
}
.jspHorizontalBar .jspArrow {
	width: 25px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: transparent url(scrollcorner.png) -1px -1px no-repeat;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
Navigatiemenu

Zoeken

MediaWiki:Common.css: verschil tussen versies

Versie van 27 dec 2010 02:48

Paginahulpmiddelen
