User:Pinky49/myskin.css

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

/** * Stylesheet for screen/projection. All rules not marked media-specific are * shared with handheld.css and should be updated in tandem. The rules can't * be in the same file because old browsers like IE5 won't obey @media rules. * * Rules that are screen/projection-specific are marked with commented-out * @media rules and indentation. */

/* @media screen, projection { */ #column-content { width: 100%; float: right; margin: 0 0 .6em -12.2em; padding: 0; }	#content { /* margin: 2.8em 0 0 12.2em; */ padding: 0 1em 1.5em 1em; position: relative; z-index: 2; }	#column-one { padding-top: 160px; } /* } */	background: white; color: black; border: 1px solid #aaa; border-right: none; line-height: 1.5em; } /* the left column width is specified in class .portlet */
 * 1) content {

/* 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; background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; color: black; margin: 0; padding: 0; }

/* scale back up to a sane default */ font-size: 127%; width: 100%; margin: 0; padding: 0; } .visualClear { clear: both; }
 * 1) globalWrapper {

/* general styles */

table { font-size: 100%; color: black; /* we don't want the bottom borders of s to be visible through floated tables */ background-color: white; } a { text-decoration: none; color: #002bb8; background: none; } a:visited { color: #5a3696; } a:active { color: #faa700; } a:hover { text-decoration: underline; } a.stub { color: #772233; } a.new, #p-personal a.new { color: #ba0000; } a.new:visited, #p-personal a.new:visited { color: #a55858; }

img { border: none; vertical-align: middle; } /* @media screen, projection { */ 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%; } h1 .editsection { font-size: 53%; } h2 { font-size: 150%; } h2 .editsection { font-size: 67%; } h3, h4, h5, h6 { border-bottom: none; font-weight: bold; } h3 { font-size: 132%; } h3 .editsection { font-size: 76%; font-weight: normal; } h4 { font-size: 116%; } h4 .editsection { font-size: 86%; font-weight: normal; } h5 { font-size: 100%; } h5 .editsection { font-weight: normal; } h6 { font-size: 80%; } h6 .editsection { font-size: 125%; font-weight: normal; }

.editsection { float: right; margin-left: 5px; }

/* macbre: prevent bullet display in widgets list */ {	line-height: 1.5em; list-style-type: square; margin: .3em 1.5em 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; }
 * 1) content ul,
 * 2) article ul, /* for new skin */
 * 3) globalWrapper ul

fieldset { border: 1px solid #2f6fab; margin: 1em 0 1em 0; padding: 0 1em 1em; line-height: 1.5em; } legend { 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

/* @media screen, projection { */ #siteSub { display: none; }	#jump-to-nav { display: none; } /* } */

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

/* Some space under the headers in the content area */ margin-bottom: .6em; }	margin-bottom: .3em; } .firstHeading { margin-bottom: .1em; }
 * 1) bodyContent h1, #bodyContent h2 {
 * 1) bodyContent h3, #bodyContent h4, #bodyContent h5 {

/* 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; }	text-align: center; font-size: 95%; padding: 0 .9em; }	margin: 0; padding: 0; } .error { color: red; font-size: larger; } .errorbox, .successbox { font-size: larger; border: 2px solid; padding: .5em 1em; float: left; margin-bottom: 2em; color: #000; } .errorbox { border-color: red; background-color: #fff2f2; } .successbox { border-color: green; background-color: #dfd; } .errorbox h2, .successbox h2 { font-size: 1em; font-weight: bold; display: inline; margin: 0 .5em 0 0; border: none; }
 * 1) siteNotice {
 * 1) siteNotice p {

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; }
 * 1) catlinks {

/* emulate center */ .center { width: 100%; text-align: center; }	margin-left: auto; margin-right: auto; } /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100%; }
 * .center * {

/*
 * content styles

.toc, .mw-warning { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; } .toc h2 { display: inline; border: none; padding: 0; font-size: 100%; font-weight: bold; } .toc #toctitle, .toc .toctitle { text-align: center; } .toc ul { list-style-type: none; list-style-image: none; margin-left: 0; padding-left: 0; text-align: left; } .toc ul ul { margin: 0 0 0 2em; } .toc .toctoggle { font-size: 94%; }
 * toc,
 * 1) toc h2,
 * 1) toc #toctitle,
 * 1) toc .toctitle,
 * 1) toc ul,
 * 1) toc ul ul,
 * 1) toc .toctoggle,

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

/* 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; 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; } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: .5em; width: auto; } div.thumbinner { border: 1px solid #ccc; padding: 3px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } html .thumbimage { border: 1px solid #ccc; } 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-right: .5em; border-width: .5em 1.4em .8em 0; }

.hiddenStructure { display: none; speak: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }

/* Have a checkered background on images on the description pages and in galleries to make transparency visible background: url(Checker-16x16.png) repeat; }
 * 1) file img, .gallerybox .thumb img {
 * 1) file img, .gallerybox .thumb img {

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

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

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

/* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: gray; }	margin-left: 1.4em; margin-right: .4em; }	font-weight: bold; }	border: 1px solid white; }	background-color: #f9f9f9; border: 1px dashed #aaa; }
 * 1) pagehistory span.user {
 * 1) pagehistory span.minor {
 * 1) pagehistory li {
 * 1) pagehistory li.selected {

/* 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; } .diffchange { color: red; font-weight: bold; text-decoration: none; }
 * Diff rendering

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

/* disable interwiki styling */ color: #36b; background: none; padding: 0; }	color: #36b; } /* this can be used in the content area to switch off special external link styling */ background: none !important; padding: 0 !important; } /*
 * 1) bodyContent a.extiw,
 * 2) bodyContent a.extiw:active {
 * 1) bodyContent a.external {
 * 1) bodyContent .plainlinks a {
 * Structural Elements

/* .portlet { border: none; margin: 0 0 .5em; padding: 0; float: none; width: 11.6em; overflow: hidden; } .portlet h4 { font-size: 95%; font-weight: normal; white-space: nowrap; } .portlet h5 { background: transparent; padding: 0 1em 0 .5em; display: inline; height: 1em; text-transform: lowercase; 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 { font-size: 95%; background-color: white; color: black; border-collapse: collapse; border: 1px solid #aaa; padding: 0 .8em .3em .5em; } .portlet h1, .portlet h2, .portlet h3, .portlet h4 { margin: 0; padding: 0; } .portlet ul { line-height: 1.5em; list-style-type: square; list-style-image: url(bullet.gif); font-size: 95%; } .portlet li { padding: 0; margin: 0; }
 * general portlet styles (elements in the quickbar)

/*
 * Logo properties

/* @media screen, projection { */ #p-logo { top: 0; left: 0; position: absolute; /*needed to use z-index */ z-index: 3; height: 155px; width: 12em; overflow: visible; }	#p-logo h5 { display: none; }	#p-logo a,	#p-logo a:hover { display: block; height: 155px; width: 12.2em; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; } /* } */ /*
 * the navigation portlet

/* @media screen, projection { */ #p-navigation { position: relative; z-index: 3; }	#p-navigation a { display: block; }	#p-navigation li.active a, #p-navigation li.active a:hover { display: inline; } /* } */

padding-right: 0; }
 * 1) p-navigation .pBody {

text-decoration: none; font-weight: bold; }
 * 1) p-navigation li.active a, #p-navigation li.active a:hover {

/* /* @media screen, projection { */ #p-search { position: relative; z-index: 3; } /* } */ input.searchButton { margin-top: 1px; font-size: 95%; }	padding-left: .5em; padding-right: .5em; font-weight: bold; }	width: 10.9em; margin: 0; font-size: 95%; }	padding: .5em .4em .4em .4em; text-align: center; }
 * Search portlet
 * 1) searchGoButton {
 * 1) searchInput {
 * 1) p-search .pBody {

/* /* @media screen, projection { */ #p-personal { position: absolute; left: 0; top: 0; z-index: 0; }	#p-personal { width: 100%; white-space: nowrap; padding: 0; margin: 0; border: none; background: none; overflow: visible; line-height: 1.2em; }	#p-personal h5 { display: none; }	#p-personal .portlet, #p-personal .pBody { z-index: 0; padding: 0; margin: 0; border: none; overflow: visible; background: none; } /* this is the ul contained in the portlet */ #p-personal ul { border: none; line-height: 1.4em; color: #2f6fab; padding: 0 2em 0 3em; margin: 0; text-align: right; list-style: none; z-index: 0; background: none; cursor: default; }	#p-personal li { z-index: 0; border: none; padding: 0; display: inline; color: #2f6fab; margin-left: 1em; line-height: 1.2em; background: none; }	#p-personal li a { text-decoration: none; color: #005896; padding-bottom: .2em; background: none; }	#p-personal li a:hover { background-color: white; padding-bottom: .2em; text-decoration: none; }	#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; } /* } */	text-transform: lowercase; }	font-weight: bold; } /* /* @media screen, projection { */ #p-cactions { position: absolute; top: 1.4em; left: 11.5em; margin: 0; white-space: nowrap; width: 76%; line-height: 1.1em; overflow: visible; background: none; border-collapse: collapse; padding-left: 1em; list-style: none; font-size: 95%; }	#p-cactions ul { list-style: none; }	#p-cactions li { display: inline; border: 1px solid #aaa; border-bottom: none; padding: 0 0 .1em 0; margin: 0 .3em 0 0; overflow: visible; background: white; }	#p-cactions li.selected { border-color: #fabd23; padding: 0 0 .2em 0; font-weight: bold; }	#p-cactions li a { background-color: #fbfbfb; color: #002bb8; border: none; padding: 0 .8em .3em; position: relative; z-index: 0; margin: 0; text-decoration: none; }	#p-cactions li.selected a { z-index: 3; padding: 0 1em .2em!important; background-color: white; }	#p-cactions .new a { color: #ba0000; }	#p-cactions li a:hover { z-index: 3; text-decoration: none; background-color: white; }	#p-cactions h5 { display: none; }	#p-cactions li.istalk { margin-right: 0; }	#p-cactions li.istalk a { padding-right: .5em; }	#p-cactions #ca-addsection a { padding-left: .4em; padding-right: .4em; }	/* offsets to distinguish the tab groups */ li#ca-talk { margin-right: 1.6em; }	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; } /* } */	display: none; }	text-transform: lowercase; }
 * the personal toolbar
 * 1) p-personal ul {
 * 1) p-personal li.active {
 * the page-related actions- page/talk, edit etc
 * 1) p-cactions .hiddenStructure {
 * 1) p-cactions li a {

/* /* @media screen, projection { */ #p-tbx, #p-lang { position: relative; z-index: 3; } /* } */
 * the remaining portlets

/* 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 */	color: #999; } /*	background-color: white; border-top: 1px solid #fabd23; border-bottom: 1px solid #fabd23; margin: .6em 0 1em 0; padding: .4em 0 1.2em 0; text-align: center; font-size: 90%; }	display: inline; margin: 0 1.3em; }	margin: 0 8px; position: relative; top: -2px; /* Bump it up just a tad */ }	float: right; height: 1%; }	float: left; height: 1%; }
 * 1) t-ispermalink, #t-iscite {
 * footer
 * 1) footer {
 * 1) footer {
 * 1) footer li {
 * 1) f-poweredbyico, #f-copyrightico {
 * 1) f-poweredbyico {
 * 1) f-copyrightico {

/* js pref toc */ margin: 0; padding: 0; /* width: 100%; commented out by macbre */ clear: both; }	background-color: #f0f0f0; color: #000; } /* @media screen, projection { */ #preftoc li { margin: 1px -2px 1px 2px; float: left; padding: 2px 0 3px 0; border: 1px solid #fff; border-right-color: #716f64; border-bottom: 0; position: relative; white-space: nowrap; list-style-type: none; list-style-image: none; z-index: 3; } /* } */	font-weight: bold; background-color: #f9f9f9; border: 1px solid #aaa; border-bottom: none; cursor: default; top: 1px; padding-top: 2px; margin-right: -3px; }	top: 2px; }	display: block; color: #000; padding: 0 .7em; position: relative; text-decoration: none; }	cursor: default; text-decoration: none; }	padding-top: 2em; clear: both; }	margin: 0; border: 1px solid #aaa; clear: both; padding: 1.5em; background-color: #F9F9F9; } .prefsection { border: none; padding: 0; margin: 0; } .prefsection fieldset { border: 1px solid #aaa; float: left; margin-right: 2em; } .prefsection legend { font-weight: bold; } .prefsection table, .prefsection legend { background-color: #F9F9F9; } /* @media screen, projection { */ .mainLegend { display: none; } /* } */ div.prefsectiontip { font-size: 95%; margin-top: 0; background-color: #FFC1C1; padding: .2em .7em; clear: both; } .btnSavePrefs { font-weight: bold; padding-left: .3em; padding-right: .3em; }
 * 1) preftoc {
 * 1) preftoc li {
 * 1) preftoc li.selected {
 * 1) preftoc > li.selected {
 * 1) preftoc a,
 * 2) preftoc a:active {
 * 1) preftoc li.selected a {
 * 1) prefcontrol {
 * 1) preferences {

.preferences-login { clear: both; margin-bottom: 1.5em; }

.prefcache { font-size: 90%; margin-top: 2em; }

div#userloginForm form, div#userlogin form#userlogin2 { margin: 0 3em 1em 0; border: 1px solid #aaa; clear: both; padding: 1.5em 2em; background-color: #f9f9f9; float: left; }

div#userloginForm table, div#userlogin form#userlogin2 table { background-color: #f9f9f9; }

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

div#userlogin .captcha { border: 1px solid #bbb; padding: 1.5em 2em; width: 400px; background-color: white; }

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

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

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

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

/* @media screen, projection { */ /*	** 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: #fabd23; } /* 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 */ display: inline; margin-bottom: 0; }
 * html #footer {margin-top: 0;}
 * html #column-content {
 * html div.editsection { font-size: smaller; }
 * 1) pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */ float: none; }	position: absolute; left: 0; top: 0; }	margin-left: 13.2em; } .redirectText { font-size: 150%; margin: 5px; }
 * > html #column-content {
 * > html #column-one {
 * > html #footer {

.printfooter { display: none; }

.not-patrolled { background-color: #ffa; } div.patrollink { font-size: 75%; text-align: right; } span.newpage, span.minor, span.searchmatch, span.bot { 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; }

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; } /* Keep this temporarily so that cached pages will display right */ table.gallery td.galleryheader { text-align: center; font-weight: bold; } table.gallery caption { font-weight: bold; }

div.gallerybox { margin: 2px; }

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-indent: 3em; color: #c00; border-bottom: 1px solid #aaa; padding-bottom: 1em; margin-bottom: 1em; }

.previewnote p { margin: 0; padding: 0; }

.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, span.history-deleted { text-decoration: line-through; color: #888; font-style: italic; }

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

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

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

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

table.mw_metadata td { padding: 0.1em; }

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

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

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

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

table.collapsed tr.collapsable { display: none; }

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

display: inline; list-style-type: none; padding-right: 2em; }
 * 1) filetoc li {

input#wpSummary { width: 80%; }

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

display: inline; }
 * 1) editform .editOptions {

font-weight: bold; }
 * 1) wpSave {

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

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

/* Allmessages table */

background-color: #b2b2ff; }
 * 1) allmessagestable th {

background-color: #ffe2e2; }
 * 1) allmessagestable tr.orig {

background-color: #e2ffe2; }
 * 1) allmessagestable tr.new {

background-color: #f0f0ff; }
 * 1) allmessagestable tr.def {

/* noarticletext */ div.noarticletext { border: 1px solid #ccc; background: #fff; padding: .2em 1em; color: #000; }

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: orange; content: "\00BB \0020"; }

div.multipageimagenavbox { border: solid 1px silver; padding: 4px; margin: 1em; -moz-border-radius: 6px; 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; }

/** Special:Version */

table#sv-ext, table#sv-hooks { margin: 1em; padding:0em; }

border: 1px solid #A0A0A0; padding: 0 0.15em 0 0.15em; }	background-color: #F0F0F0; color: black; padding: 0 0.15em 0 0.15em; } tr.sv-space{ height: 0.8em; border:none; } tr.sv-space td { display: none; }
 * 1) sv-ext td, #sv-hooks td,
 * 2) sv-ext th, #sv-hooks th {
 * 1) sv-ext th, #sv-hooks th {

/* Table pager (e.g. Special:Imagelist) - remove underlines from the navigation link - collapse borders - set the borders to outsets (similar to Special:Allmessages) - remove line wrapping for all td and th, set background color - restore line wrapping for the last two table cells (description and size) .TablePager_nav a { text-decoration: none; } .TablePager { border-collapse: collapse; } .TablePager, .TablePager td, .TablePager th { border: 0.15em solid #777777; padding: 0 0.15em 0 0.15em; } .TablePager th { background-color: #eeeeff } .TablePager td { background-color: #ffffff } .TablePager tr:hover td { background-color: #eeeeff }

.imagelist td, .imagelist th { white-space: nowrap } .imagelist .TablePager_col_links { background-color: #eeeeff } .imagelist .TablePager_col_img_description { white-space: normal } .imagelist th.TablePager_sort { background-color: #ccccff }

.templatesUsed { margin-top: 1.5em; }

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

/* Convenience links on Special:Ipblocklist */ p.mw-ipb-conveniencelinks { font-size: 90%; float: right; }

/** * Here is some stuff that's ACTUALLY COMMON TO ALL SKINS. * When the day comes, it can be moved to a *real* common.css. */ .mw-plusminus-null { color: #aaa; } .texvc { direction: ltr; unicode-bidi: embed; } /* Stop floats from intruding into edit area in previews */
 * 1) toolbar, #wpTextbox1 { clear: both; }

/* Have a checkered background on images on the description pages and in galleries to make transparency visible background: url(../common/images/Checker-16x16.png) repeat; }
 * 1) file img, .gallerybox .thumb img {
 * 1) file img, .gallerybox .thumb img {

/** ************************************** ** ** *** start Wikia modifications here *** ** ** ************************************** **/

/* *** ad column stuff *** */ width: 120px; clear: left; position: absolute; padding: 35px 0px 0px 3px; float: right; right: 0px; top: 10px; z-index: 1; }
 * 1) column-google {

{   margin: 25px 0; }
 * 1) column-google-right

margin: 2.8em 125px 0 12.2em; padding: 0em 1em 1.5em 1em; background: none; border: 1px solid #aaaaaa; line-height: 1.5em; position: relative; z-index: 2; }   border-right: 1px solid #aaa; /* re-add right border */ } .content-noads { margin: 2.8em 0 0 12.2em; border-right: none; } .content-ads { margin: 2.8em 125px 0 12.2em; }
 * 1) content_withads {
 * 1) content {

/* *** generic look stuff *** */

body { background: #ffffff none; } .allpagesredirect, .watchlistredir { font-style: italic; }

/* *** Wikia add-on stuff *** */

/* Credits can be long, so let them wrap. Block is not necessary, just looks better. */ head:first-child+body #footer li#credits { display: block; white-space: normal; } /* copy some properties of #f-poweredbyico, #f-copyrightico */ margin: 0 8px; position: relative; top: -2px; /* Bump it up just a tad */ float: left; height: 1%; }	float: right; margin-left: 5px; }
 * 1) f-hostedbyico {
 * html div.editsection {

/* Ajax SearchAutoComplete feature */ div.autocomplete { position: absolute; width: auto !important; background-color: white; border: 1px solid #888; margin: 0px; padding: 2px; z-index: 3; overflow: visible; }

div.autocomplete ul li.selected { background-color: #fabd23; }

div.autocomplete ul li { list-style-type: none; display: block; margin: 0px; padding: 2px; height: 12px; cursor: pointer; }

/* SendToAFriend */ {   background-color: #fff; color: #000000; border: solid 1px #aaaaaa; font-size:12px; visibility: hidden; position: absolute; margin-top: -250px; left: -200px; padding: 8px 12px 0px 8px; }
 * 1) notifyForm,
 * 2) reportProblemForm

{	width: 580px !important; left: -300px; }
 * 1) reportProblemForm

{   padding: 5px 12px 12px 5px; }
 * 1) notifyForm form,
 * 2) reportProblemForm form

{ font-weight: bold; font-size: 1.3em; padding: 5px 0 15px 0; }
 * 1) notifyForm .articleName

{ margin: 20px 0 2px 0; display: block; }
 * 1) notifyForm label,
 * 2) reportProblemForm label

.monotype { width: 100%; border: solid 1px #87888C; background-color: #fff; padding: 2px; }
 * 1) notifyForm input[type="text"],
 * 2) reportProblemForm input[type="text"],
 * 3) notifyForm textarea,
 * 4) reportProblemForm textarea,

{ background: url('http://images.wikia.com/common/SendToAFriendSubmitBg.png'); border: none; margin: 15px; font-weight: bold; width: 96px; height: 26px; cursor: pointer; }
 * 1) notifyForm input.submit

.boxHeader {	font-size: 1.3em; margin-bottom: 10px; border-bottom: solid 1px #aaaaaa; }

/* hide unneeded elements */ { border-bottom: none; cursor: default; }
 * 1) notifyForm .boxHeader,
 * 2) notifyReport .boxHeader

{ display: none !important; }
 * 1) notifyForm_c .underlay,
 * 2) notifyForm .hd,
 * 3) notifyForm .ft,
 * 4) reportProblemForm_c .underlay,
 * 5) reportProblemForm .hd,
 * 6) reportProblemForm .ft

/* SendToAFriend report */ {   background-color: #fff; border: solid 1px #aaaaaa; font-size:12px; width: 400px; visibility: hidden; display: block !important; position: absolute; margin-top: -80px; left: -200px; padding: 8px 12px 12px 8px; }
 * 1) notifyReport

{ display: none !important; }
 * 1) notifyReport_c .underlay,
 * 2) notifyReport .hd,
 * 3) notifyReport .ft

{ font-size: 1.4em; font-weight: bold; padding: 5px 0 15px 0; border-bottom: none; }
 * 1) notifyReport .boxHeader

/* invite a friend */ { /*margin-bottom: 25px;*/ }
 * 1) notification

{ margin: 20px 0 2px 0; display: block; }
 * 1) notification label

/** { width: 90%; border: solid 1px #87888C; background-color: #fff; padding: 2px; }**/
 * 1) notification input[type="text"],
 * 2) notification textarea

{ margin-bottom: 15px; }
 * 1) notification-emails

{ margin-bottom: 15px; }
 * 1) contacts

{ width: 80px; margin-right: 10px; float: left; text-align: right; }
 * 1) contacts label

{ margin-left: 5px; width: 190px; border: solid 1px #87888C; background-color: #fff; padding: 2px; }
 * 1) contacts input.text

{ float: left; }
 * 1) gmail, #yahoo, #myspace

{ width: 60px !important; margin: 0 10px 0 5px; height: 25px; margin-top: -5px; color: #fff; text-indent: 300px; background-repeat: no-repeat; background-position: 50% 50%; }
 * 1) gmail-label, #yahoo-label, #myspace-label

{ background-image: url('http://images.wikia.com/common/services/gmail.png'); width: 98px !important; }
 * 1) gmail-label

{ background-image: url('http://images.wikia.com/common/services/yahoo.png'); width: 110px !important; }
 * 1) yahoo-label

{ background-image: url('http://images.wikia.com/common/services/msn.png'); width: 115px !important; }
 * 1) myspace-label

{ font-size: 1.1em; }
 * 1) wikiaDialog,
 * 2) wikiaProgressDialog

/* fixes for SearchSuggest */ { width:100%; margin: 0 !important; list-style: none !important; text-align: left !important; }
 * 1) searchSuggest ul

{ padding: 1px 3px; overflow: hidden; }
 * 1) searchSuggest li

{ background: #fabd23; color: #333333; }
 * 1) searchSuggest li.yui-ac-highlight

.monotype {  font-size:   12px; color: #000000; white-space: normal; overflow: auto; }

/* issue reported by tomek at http://pl.inside.wikia.com/wiki/U%C5%BCytkownik:Tkl image floating left hides list' bullets */

.floatleft {	margin-right: 1.7em !important; }

/* ie6 only */ {	margin-right: 1em !important; }
 * html .tleft

{	visibility: hidden; }
 * html img.staffSig

background-image: url('http://images.wikia.com/wikia/images/e/e9/WikiaStaffWhite.png'); }
 * html .staffSigLink {

/* macbre: dirty hack for &*%^* ie6 :) */ {   width: 90%;    overflow-x: auto;    overflow-y: hidden;    padding-bottom: 1em;    white-space: normal;    border: solid 1px #87888C;    background-color: #fff; }
 * html .monotype

.dismissable_msg { background-color: #fffccc; }

/* hides STF icon in monobook skin */ {	display: none; }
 * 1) sendtofriendicon

/* macbre: ReportAProblem fixes */ {	width: 255px; }
 * 1) reportProblemForm input.priefix