MediaWiki:Slate.css

/* document */

background: #222288; color: #FFFFFF; border: 1px solid #CCCCCC; } html, body {background-color: #000066 !important;} div#toolsColumn, .content-bg, div#containerMask, div#container, div#mainColumn, div#mainColumnInner { background-color: #000066 ; color: #FFFFFF ; }
 * 1) bodyContent { background: #222288 url(http://images.wikia.com/sega/images/thumb/3/3b/Sega.png/100px-Sega.png) no-repeat scroll bottom right; }
 * 2) content {

/* user interface */

/* general (content) styles (move to MediaWiki:Common.css?)*/

table { background: #222288; font-size: 100%; color: #FFFFFF; } a { text-decoration: none; color: #FFFF99; background: none; } a:visited { color: #DDDD66; } a:active { color: #FF99FF; } a:hover { text-decoration: underline; } a.stub { color: #DDDDAA; } a.new, #p-personal a.new { color: #FF9999 !important; } a.new:visited, #p-personal a.new:visited { color: #FF9999 !important; }

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

hr { height: 1px; color: #CCCCCC; background-color: #CCCCCC; border: 0; margin: .2em 0 .2em 0; }

h1, h2, h3, h4, h5, h6 { color: #D9D9FF; background: none; font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #CCCCCC; } h1 { font-size: 188%; } h2 { font-size: 150%; } h3, h4, h5, h6 { border-bottom: none; font-weight: bold; } h3 { font-size: 132%; } h4 { font-size: 116%; } h5 { font-size: 100%; } h6 { font-size: 80%; }

ul { line-height: 1.5em; list-style-type: square; margin: .3em 0 0 1.5em; padding: 0; list-style-image: url("http://images.wikia.com/sega/images/1/17/Bullet.gif"); } ol { line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; list-style-image: none; } li { margin-bottom: .1em; } dt { font-weight: bold; margin-bottom: .1em; } dl { margin-top: .2em; margin-bottom: .5em; } dd { line-height: 1.5em; margin-left: 2em; margin-bottom: .1em; }

fieldset { border: 1px solid #CCCCCC; margin: 1em 0 1em 0; padding: 0 1em 1em; line-height: 1.5em; } legend { background: #222288; 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: #FFFFFF; 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: #111177; } pre { padding: 1em; border: 1px dashed #CCCCCC; color: #FFFFFF; background-color: #111177; line-height: 1.1em; }

/*
 * the main content area

display: none; }
 * 1) siteSub {

display: none; }
 * 1) jump-to-nav {

font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #4444BB; 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: #222288; border: 1px solid #AAAAFF; color: #FFFFFF; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; text-align: center; }	text-align: center; font-size: 95%; padding: 0 .9em; }	margin: 0; padding: 0; } .error { color: #FF0000; font-size: larger; } .errorbox, .successbox { font-size: larger; border: 2px solid; padding: .5em 1em; float: left; margin-bottom: 2em; color: #000000; } .errorbox { border-color: #660000; background-color: #401F22; } .successbox { border-color:#AAAAFF; background-color: #222288; } .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 #CCCCCC; background-color: #111177; 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 #CCCCCC; background-color: #111177; 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; background-color: transparent; } .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 1em; } .toc .toctoggle { font-size: 100%; }
 * 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 #222288; border-width: .5em 0 .8em 1.4em; } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; margin: 0 .5em .5em 0; border: 0; /*	margin: .3em .5em .5em 0; border: .5em solid #222288; border-width: .5em 1.4em .8em 0; } div.floatleft p { font-style: italic; } /* thumbnails */ /* see ADDITIONS for "table div.thumb" */ div.thumb { margin-bottom: .5em; border-style: solid; border-color: #222288; width: auto; } div.thumb div { border: 1px solid #CCCCCC; padding: 3px !important; background-color: #111177; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border: none; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; margin-left: 0.75em; margin-right: 0em; } div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; margin-left: 0em; margin-right: 0.75em; }

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

/* .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 #222288; }	background-color: #111177; border: 1px dashed #CCCCCC; }
 * 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: #222288; } td.diff-addedline { background: #222288; font-size: smaller; } td.diff-deletedline { background: #330000; font-size: smaller; } td.diff-context { background: #222288; font-size: smaller; } span.diffchange { color: #D9D9FF; font-weight: bold; text-decoration: underline; }
 * Diff rendering

/*	background: url("/graphics/link_external.gif") center right no-repeat; padding-right: 15px; } .link-https { background: url("/graphics/link_secure.gif") center right no-repeat; padding-right: 16px; } .link-mailto { background: url("/graphics/link_mail.gif") center right no-repeat; padding-right: 18px; }	background: url("/graphics/link_news.gif") center right no-repeat; padding-right: 15px !important; } .link-ftp { background: url("/graphics/link_ftp.gif") center right no-repeat; padding-right: 14px !important; } .link-irc { background: url("/graphics/link_chat.gif") center right no-repeat; padding-right: 18px; }	background: url("/graphics/link_itms.gif") center right no-repeat; padding-right: 14px !important; } /* disable interwiki styling */ color: #AAAAFF; background: none; padding: 0; }	color: #AAAAFF; } /* this can be used in the content area to switch off special external link styling */ background: none !important; padding: 0 !important; } /*
 * 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://"],
 * 2) bodyContent a[href ^="aim://"],
 * 3) bodyContent a[href ^="ichat://"],
 * 1) bodyContent a[href ^="itms://"] {
 * 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 #CCCCCC; 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: #222288; color: #FFFFFF; border-collapse: collapse; border: 1px solid #CCCCCC; 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("http://images.wikia.com/sega/images/1/17/Bullet.gif"); font-size: 95%; } .portlet li { padding: 0; margin: 0; }
 * general portlet styles (elements in the quickbar)

/* js pref toc */ margin: 0; padding: 0; width: 100%; clear: both; }	margin: 1px -2px 1px 2px; float: left; padding: 2px 0 3px 0; background-color: #f0f0f0; color: #000000; border: 1px solid #222288; 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: #111177; border: 1px solid #CCCCCC; border-bottom: none; cursor: default; top: 1px; padding-top: 2px; margin-right: -3px; }	top: 2px; }	display: block; color: #000000; padding: 0 .7em; position: relative; text-decoration: none; }	cursor: default; text-decoration: none; }	padding-top: 2em; clear: both; }	margin: 0; border: 1px solid #CCCCCC; clear: both; padding: 1.5em; background-color: #111177; } .prefsection { border: none; padding: 0; margin: 0; } .prefsection fieldset { border: 1px solid #CCCCCC; float: left; margin-right: 2em; } .prefsection legend { font-weight: bold; } .prefsection table, .prefsection legend { background-color: #111177; } .mainLegend { display: none; } div.prefsectiontip { font-size: 95%; margin-top: 0; background-color: #222288; border: 1px solid #AAAAFF; 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 #CCCCCC; clear: both; padding: 1.5em 2em; background-color: #111177; float: left; }

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

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: #222288; }

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

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

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

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

/* /* tabs: border on the a, not the div */ border: 1px solid #CCCCCC; border-bottom: none; } /* footer icons need a fixed width */ overflow-x: auto; width: 100%; padding-bottom: 25px; }
 * 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");
 * > html #p-cactions li { border: none; }
 * > html #p-cactions li a {
 * > html #p-cactions li.selected a { border-color: #CCCCCC; }
 * > html #f-poweredbyico,
 * > html #f-c?pyrightico { width: 88px; }
 * > html #bodyContent,
 * > html #bodyContent pre {

/* 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: #330000; } div.patrollink { font-size: 75%; text-align: right; } span.newpage, span.minor, span.searchmatch { font-weight: bold; } span.unpatrolled { font-weight: bold; color: #FFFFFF; }

span.searchmatch { color: red; } .sharedUploadNotice { font-style: italic; }

span.updatedmarker { color: #FFFFFF; background-color: #0f0; } span.newpageletter { font-weight: bold; color: #FFFFFF; background-color: yellow; } span.minoreditletter { color: #FFFFFF; background-color: #c5ffe6; }

table.gallery { border: 1px solid #CCCCCC; margin: 2px auto 2px auto; padding: 2px; background-color: #111177; }

table.gallery tr { vertical-align: top; background-color: #111177; }

table.gallery td { vertical-align: top; background-color: #111177; border: none; margin: 2px; }

div.gallerybox { margin: 2px; width: 150px; border: none; background-color: inherit; }

div.gallerybox div.thumb { text-align: center; border: 1px solid #CCCCCC; margin: 2px; }

div.gallerytext { font-size: smaller; text-align: center; padding: 2px 4px; background-color: inherit; border: none; }

span.comment { font-style: italic; }

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

.previewnote { text-indent: 3em; color: #c00; border-bottom: 1px solid #CCCCCC; padding-bottom: 1em; margin-bottom: 1em; }

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

.editExternally { border: 1px solid gray; background-color: #222288; 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 #CCCCCC; padding-left: 0.1em; padding-right: 0.1em; }

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

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

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

/* filetoc */ ul#filetoc { text-align: center; border: 1px solid #CCCCCC; background-color: #111177; 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 {

/* @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:#222288; }

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: #111177; }
 * 1) allmessagestable th {

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

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

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

/* noarticletext */ div.noarticletext { border: none; background: #222288; padding: .2em 1em; color: #FFFFFF; }

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

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

/*********************************************************** Additional formatting

/* Misc. */ display: block !important; margin-top: -5px; font-size: smaller; color: #FFFFFF; }
 * 1) siteSub {

/* HACK:Prevent #siteSub from showing up in ns:102 (see Common.css)--CID, 2006-09-10 .ns-102 * #siteSub, .ns-100 * li#ca-talk { display: none !important; }
 * Prevent #ca-talk from showing up in ns:100 (see Common.css)--CID, 2006-09-12

border: none; padding: 0; margin: 0; background-color: #222288; }	border: 1px solid #CCCCCC; float: left; margin-right: 2em; background-color: #222288; }
 * 1) preferences {
 * 1) preferences fieldset {

background-color: #222288; }
 * 1) preferences table {

background-color: #222288; border: 1px solid #CCCCCC; font-weight:bold; color: #D9D9FF; }
 * 1) preferences legend {

div.fullImageLink { text-align: center; } div.fullMedia { text-align: center; border: 1px solid #CCCCCC; background-color: #111177; padding: 5px; font-size:smaller; margin: 0.5em 0; }

background: none; padding: 0; }
 * 1) bodyContent div.noicon a {

/* Tables generally have #111177 as bg color */ table div.thumb { border-color: #111177; }

/* Make "credits" line in div#footer wrap like it should */ li #credits { white-space: normal !important; }

/*Overriding some search formatting*/ .searchfragment { color: #FFFFFF; }

h2.wikiasearch { background-color: #222288; border: 1px solid #AAAAFF; color: #FFFFFF; font-size: 100%; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; text-align: center; }

/* Additional TOC formatting */ li.toclevel-1 { border-top: 1px solid #444466; }

.toc a,  text-decoration:none; }
 * 1) toc a {

.forum_title a.forum_new { font-weight: bold; background: url("/images/4/4e/Forum_new.gif") center left no-repeat; padding-left: 20px; }

.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; }