MediaWiki:Vector-2022.css: Difference between revisions
Content deleted Content added
No edit summary Tag: Manual revert |
No edit summary |
||
Line 1: | Line 1: | ||
@media screen, projection { |
|||
/* All CSS here will be loaded for users of the Vector skin */ |
|||
#content { color: white; background-color: #1e2c4c !important; } |
|||
div#content { |
|||
#bodyContent { color: white; background-color: #1e2c4c !important; } |
|||
padding: 0 1em 1.5em 1em; |
|||
#bodyContent h1{ color: white;} |
|||
background: #2E2E33; |
|||
#bodyContent h2{ color: white;} |
|||
color: #FFF; |
|||
border: 1px solid #AAA; |
|||
#bodyContent h4{ color: white;} |
|||
line-height: 1.5em; |
|||
#bodyContent h5{ color: white;} |
|||
position: relative; |
|||
#firstHeading { color: white; background-color: #1e2c4c !important; } |
|||
z-index: 2; |
|||
#catlinks { color: white; background-color: #1e2c4c !important; } |
|||
} |
|||
#p-navigation { color: white; background-color: #1e2c4c !important; } |
|||
#p-tb { color: white; background-color: #1e2c4c !important; } |
|||
body { |
|||
#p-tb-label {{ color: white; background-color: #1e2c4c !important; } |
|||
background: #2E2E33 url("http://images.shoutwiki.com/fi.darth/2/26/Background.png") 0 0 repeat-x; |
|||
#p-tb .body { color: white; background-color: #1e2c4c !important; } |
|||
color: #FFFFFF; |
|||
#footer { color: white; background-color: #1e2c4c !important; } |
|||
} |
|||
#body { color: white; background-color: #1e2c4c !important; } |
|||
#toc { color: white; background-color: #1e2c4c !important; } |
|||
#mw- |
#mw-page-base { background: none; } |
||
#mw-page-base { color: white; background-color: #1e2c4c !important; } |
|||
#mw-head { color: white; background-color: #1e2c4c !important; } |
|||
#mw-panel { color: white; background-color: #1e2c4c !important; } |
|||
#mw-body { color: white; background-color: #1e2c4c !important; } |
|||
/* general styles */ |
|||
.mw-page-container {background-color: #1e2c4c !important; } |
|||
.mw-ui-button { color: white; background-color: #1e2c4c !important; } |
|||
table, table.wikitable { |
|||
.mw-parser-output table.ambox { color: white; background-color: #1e2c4c !important; } |
|||
background: #2E2E33; |
|||
color: #FFF; |
|||
} |
|||
/* Links */ |
|||
a { |
|||
color: #66BBFF; |
|||
} |
|||
/* Visited (=clicked) links */ |
|||
a:visited { |
|||
color: #4070D0; |
|||
} |
|||
a.stub { |
|||
color: #66FFCC; |
|||
} |
|||
a.new, #p-personal a.new { |
|||
color: #DD5010 !important; |
|||
} |
|||
a.new:visited, #p-personal a.new:visited { |
|||
color: #DD5010 !important; |
|||
} |
|||
h1, h2, h3, h4, h5, h6 { |
|||
color: #FFD942; |
|||
} |
|||
fieldset { |
|||
border: 1px solid #AAAAAA; |
|||
} |
|||
legend { |
|||
background: #2E2E33; |
|||
} |
|||
abbr, acronym, .explain { |
|||
color: #FFFFFF; |
|||
} |
|||
code { |
|||
background-color: #222222; |
|||
color: #FFFFFF; |
|||
} |
|||
pre { |
|||
border: 1px dashed #AAAAAA; |
|||
color: #FFFFFF; |
|||
background-color: #222222; |
|||
} |
|||
#contentSub, #contentSub2 { |
|||
color: #888888; |
|||
} |
|||
.firstHeading { |
|||
margin-bottom: .1em; |
|||
} |
|||
/* user notification thing */ |
|||
.usermessage { |
|||
background-color: #394A5C; |
|||
border: 1px solid #66BBFF; |
|||
color: #FFFFFF; |
|||
text-align: center; |
|||
} |
|||
.error { |
|||
color: #FF0000; |
|||
} |
|||
.errorbox { |
|||
border-color: #660000; |
|||
background-color: #401F22; |
|||
color: #FF0000; |
|||
} |
|||
.successbox { |
|||
border-color: #66BBFF; |
|||
background-color: #394A5C; |
|||
} |
|||
/* Category portlet at the bottom of every page that has categories */ |
|||
#catlinks { |
|||
background-color: #222222; |
|||
background-image: url(http://images.shoutwiki.com/fi.darth/a/a8/DarthDarthBinksCategory.png); |
|||
background-repeat: no-repeat; |
|||
background-position: center right; |
|||
padding-right: 50px; |
|||
} |
|||
/* |
|||
** content styles |
|||
*/ |
|||
#toc, |
|||
.toc, |
|||
.mw-warning { |
|||
background-color: #222222; |
|||
} |
|||
#toc #toctitle, |
|||
.toc #toctitle, |
|||
#toc .toctitle, |
|||
.toc .toctitle { |
|||
background-color: transparent; |
|||
} |
|||
#toc ul ul, |
|||
.toc ul ul { |
|||
margin: 0 0 0 1em; |
|||
} |
|||
div.toc ul li:hover, |
|||
.tabber__tab { color: white !important;} |
|||
#p-cactions ul li:hover { |
|||
list-style-image: none !important; |
|||
} |
|||
#toc .toctoggle, |
|||
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {color: #6796ff !important;} |
|||
.toc .toctoggle { |
|||
#mw-body a { font-weight: bold; color: #6796ff !important; } |
|||
font-size: 100%; |
|||
#mw-body a:link { font-weight: bold; color: #6796ff !important; } /* normal unvisited links */ |
|||
} |
|||
#mw-body a:link:visited { font-weight: bold; color: #6796ff !important; } /* visited links */ |
|||
#mw-body a:link:active { font-weight: bold; color: #008039 !important; } /* active links */ |
|||
/* Additional TOC formatting */ |
|||
#mw-body a:link.new { color: #FF0000 !important; } /* new links */ |
|||
li.toclevel-1 { |
|||
border-top: 1px solid #555555; |
|||
} |
|||
.toc a, |
|||
#toc a { |
|||
text-decoration: none; |
|||
} |
|||
/* thumbnails */ |
|||
/* see ADDITIONS for "table div.thumb" */ |
|||
div.thumb { |
|||
border-color: #2E2E33; |
|||
} |
|||
div.thumb div { |
|||
border: 1px solid #AAAAAA; |
|||
padding: 3px !important; |
|||
background-color: #222222; |
|||
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; |
|||
color: #ffffff; |
|||
} |
|||
div.tright { |
|||
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; |
|||
} |
|||
/* Page history styling */ |
|||
#pagehistory span.user { |
|||
margin-left: 1.4em; |
|||
margin-right: .4em; |
|||
} |
|||
#pagehistory li { |
|||
border: 1px solid #2E2E33; |
|||
} |
|||
#pagehistory li.selected { |
|||
background-color: #222222; |
|||
color: white; |
|||
} |
|||
/* |
|||
** Diff rendering |
|||
*/ |
|||
table.diff, td.diff-otitle, td.diff-ntitle { |
|||
background-color: #2E2E33; |
|||
} |
|||
td.diff-addedline { |
|||
background: #000033; |
|||
} |
|||
td.diff-deletedline { |
|||
background: #330000; |
|||
} |
|||
td.diff-context { |
|||
background: #2E2E33; |
|||
} |
|||
span.diffchange { |
|||
color: #FFD942; |
|||
font-weight: bold; |
|||
text-decoration: underline; |
|||
} |
|||
/* disable interwiki styling */ |
|||
#bodyContent a.extiw, |
|||
#bodyContent a.extiw:active { |
|||
color: #66BBFF; |
|||
} |
|||
#bodyContent a.external { |
|||
color: #66BBFF; |
|||
} |
|||
/* |
|||
** general portlet styles (elements in the quickbar) |
|||
*/ |
|||
.portlet h6 { |
|||
border: 1px solid #AAAAAA; |
|||
} |
|||
.pBody { |
|||
background-color: #2E2E33; |
|||
color: #FFFFFF; |
|||
border: 1px solid #AAAAAA; |
|||
} |
|||
/* this is the ul contained in the portlet */ |
|||
textarea, pre, code, tt, .mw-code |
|||
#p-personal ul { |
|||
{ |
|||
color: #AAAAAA; |
|||
font-family: Consolas, DejaVu Sans Mono, Droid Sans Mono, Lucida Console, Courier New, monospace; |
|||
text-transform: lowercase; |
|||
color: white !important; |
|||
} |
|||
background-color: #1e2c4c !important; |
|||
#p-personal li { |
|||
font-size: 110%; |
|||
color: #AAAAAA; |
|||
} |
|||
#p-personal li.active { |
|||
font-weight: bold; |
|||
} |
|||
#p-personal li a { |
|||
color: #66BBFF; |
|||
} |
|||
#p-personal li:hover { |
|||
list-style-image: none; |
|||
} |
|||
/* the icon in front of the user name, single quotes |
|||
in bg url to hide it from iemac */ |
|||
li#pt-userpage a, |
|||
li#pt-anonuserpage { |
|||
background: url(http://images.shoutwiki.com/fi.darth/5/54/User-icon.png) bottom left no-repeat; |
|||
} |
|||
/* |
|||
** footer |
|||
*/ |
|||
#footer li { |
|||
color: white |
|||
} |
|||
#footer li:hover { |
|||
list-style-image: none; |
|||
} |
|||
/* hide from incapable browsers */ |
|||
head:first-child+body #footer li { |
|||
white-space: normal; /* was: nowrap */ |
|||
} |
|||
/* js pref toc */ |
|||
#preftoc li { |
|||
background-color: #f0f0f0; |
|||
color: #000; |
|||
border: 1px solid #2E2E33; |
|||
} |
|||
#preftoc li.selected { |
|||
background-color: #222222; |
|||
border: 1px solid #AAAAAA; |
|||
} |
|||
#preferences { |
|||
border: none; |
|||
padding: 0; |
|||
margin: 0; |
|||
background-color: #2E2E33; |
|||
} |
|||
#preferences legend { |
|||
color: #FFD942; |
|||
} |
|||
#preferences .oo-ui-labelElement-label { |
|||
color: inherit; |
|||
} |
|||
.prefsection table, .prefsection legend { |
|||
background-color: #222; |
|||
} |
|||
div.prefsectiontip { |
|||
font-size: 95%; |
|||
margin-top: 0; |
|||
background-color: #394A5C; |
|||
border: 1px solid #66BBFF; |
|||
padding: .2em .7em; |
|||
clear: both; |
|||
} |
|||
/* Login form (Special:UserLogin) */ |
|||
div#userloginForm form, |
|||
div#userlogin form#userlogin2 { |
|||
background-color: #222; |
|||
} |
|||
div#userloginForm table, |
|||
div#userlogin form#userlogin2 table { |
|||
background-color: #222; |
|||
} |
|||
div#userloginForm h2, |
|||
div#userlogin form#userlogin2 h2 { |
|||
padding-top: 0; |
|||
} |
|||
div#userlogin .captcha { |
|||
width: 400px; |
|||
background-color: #2E2E33; |
|||
} |
|||
#login-emailforlost { |
|||
font-size: 85%; |
|||
line-height: 1.2; |
|||
padding-top: 2em; |
|||
} |
|||
.not-patrolled { |
|||
background-color: #330000; |
|||
} |
|||
span.unpatrolled { |
|||
color: #FFF; |
|||
} |
|||
span.searchmatch { |
|||
color: red; |
|||
} |
|||
span.newpageletter { |
|||
font-weight: bold; |
|||
color: #FFF; |
|||
background-color: yellow; |
|||
} |
|||
span.minoreditletter { |
|||
color: #FFF; |
|||
background-color: #c5ffe6; |
|||
} |
|||
/* Galleries */ |
|||
table.gallery { |
|||
border: 1px solid #AAA; |
|||
margin: 2px auto 2px auto; |
|||
background-color: #222; |
|||
} |
|||
table.gallery tr { |
|||
background-color: #222; |
|||
} |
|||
table.gallery td { |
|||
background-color: #222; |
|||
border: none; |
|||
margin: 2px; |
|||
} |
|||
div.gallerybox { |
|||
width: 150px; |
|||
border: none; |
|||
background-color: inherit; |
|||
} |
|||
div.gallerybox div.thumb { |
|||
border: 1px solid #AAA; |
|||
} |
|||
div.gallerytext { |
|||
font-size: smaller; |
|||
text-align: center; |
|||
background-color: inherit; |
|||
border: none; |
|||
} |
|||
.editExternally { |
|||
background-color: #2E2E33; |
|||
} |
|||
/* Classes for EXIF data display */ |
|||
table.mw_metadata th { |
|||
background-color: #222; |
|||
} |
|||
table.mw_metadata td { |
|||
background-color: transparent; |
|||
} |
|||
/* filetoc */ |
|||
ul#filetoc { |
|||
background-color: #222; |
|||
} |
|||
#editform .editOptions { |
|||
color: white; |
|||
background-color: transparent; |
|||
} |
|||
/* Classes for article validation */ |
|||
tr.revision_tr_default { |
|||
background-color: #2E2E33; |
|||
} |
|||
/* AllMessages table */ |
|||
#allmessagestable th { |
|||
background-color: #222; |
|||
} |
|||
#allmessagestable tr.orig { |
|||
background-color: #2E2E33; |
|||
} |
|||
#allmessagestable tr.new { |
|||
background-color: #401F22; |
|||
} |
|||
#allmessagestable tr.def { |
|||
background-color: #394A5C; |
|||
} |
|||
/* noarticletext */ |
|||
div.noarticletext { |
|||
border: none; |
|||
background: #2E2E33; |
|||
color: #FFF; |
|||
} |
|||
div#searchTargetContainer { |
|||
background: #2E2E33; |
|||
} |
|||
/*********************************************************** |
|||
Additional formatting |
|||
***********************************************************/ |
|||
/* Misc. */ |
|||
#siteSub { |
|||
display: block !important; |
|||
margin-top: -5px; |
|||
font-size: smaller; |
|||
color: #FFFFFF; |
|||
font-style: italic; |
|||
} |
|||
/* HACK:Prevent #siteSub from showing up in ns:102 (see Common.css)--CID, 2006-09-10 |
|||
** Prevent #ca-talk from showing up in ns:100 (see Common.css)--CID, 2006-09-12 |
|||
*/ |
|||
.ns-102 * #siteSub, |
|||
.ns-100 * li#ca-talk { |
|||
display: none !important; |
|||
} |
|||
div.fullImageLink { |
|||
text-align: center; |
|||
} |
|||
div.fullMedia { |
|||
text-align: center; |
|||
border: 1px solid #AAAAAA; |
|||
background-color: #222222; |
|||
padding: 5px; |
|||
font-size:smaller; |
|||
margin: 0.5em 0; |
|||
} |
|||
#bodyContent div.noicon a { |
|||
background: none; |
|||
padding: 0; |
|||
} |
|||
/* Tables generally have #222 as bg color */ |
|||
table div.thumb { |
|||
border-color: #222; |
|||
} |
|||
/* Make "credits" line in div#footer wrap like it should */ |
|||
li #credits { |
|||
white-space: normal !important; |
|||
} |
|||
/* editcount table */ |
|||
#editcount table { |
|||
background-color: transparent !important; |
|||
} |
|||
/* Overriding some search formatting */ |
|||
.searchfragment { |
|||
color: #FFF; |
|||
} |
|||
/*********************************************************** |
|||
** This is for the forum-function (in Ten Forward) |
|||
** Florian 2006-04-14 |
|||
** imported from MA/de by Kobi 2006-05-13 |
|||
*/ |
|||
.forum_title a.forum_new { |
|||
font-weight: bold; |
|||
/*background: url("/en/images/c/cc/Ma_forum_new.gif") center left no-repeat;*/ |
|||
padding-left: 20px; |
|||
} |
|||
.forum_title a.forum_new:visited { |
|||
font-weight: normal; |
|||
background: none; |
|||
padding-left: 20px; |
|||
} |
|||
.forumheader { |
|||
background-color: #800000; |
|||
color: #BBBBBB; |
|||
} |
|||
} /* closes @media screen, projection at the very start of this page */ |
|||
/*********************************************************** |
|||
** FIX: Fixing [[Special:Imagelist]] table colors |
|||
** -- Cid, 2007-03-28 |
|||
*/ |
|||
.TablePager, .TablePager td, .TablePager th { |
|||
border-color: #AAA; |
|||
} |
|||
.TablePager th { background-color: #2E2E33; } |
|||
.TablePager td { background-color: transparent; } /* Jack */ |
|||
.TablePager tr:hover td { background-color: transparent; } /* Jack */ |
|||
.imagelist .TablePager_col_links { background-color: #2E2E33; } |
|||
.imagelist th.TablePager_sort { background-color: #2E2E33; } |
|||
/* changing the colors of various classes to better fit the skin */ |
|||
.toccolours { |
|||
background-color: #777; |
|||
} |
|||
.portlet h5 { |
|||
background-color: #600; |
|||
border: 1px solid #600; |
|||
} |
|||
ul { |
|||
list-style-image: url("http://images.shoutwiki.com/fi.darth/c/ca/Bullet1.png"); |
|||
} |
|||
ul li:hover { |
|||
list-style-image: url("http://images.shoutwiki.com/fi.darth/d/d5/Bullet2.png"); |
|||
} |
|||
.portlet ul { |
|||
list-style-image: url("http://images.shoutwiki.com/fi.darth/c/ca/Bullet1.png"); |
|||
} |
|||
.portlet ul li:hover { |
|||
list-style-image: url("http://images.shoutwiki.com/fi.darth/d/d5/Bullet2.png"); |
|||
} |
|||
/* Standard style for switchbox stuff */ |
|||
#p-search select, |
|||
#p-search input[type="text"] { |
|||
width: 10.9em; |
|||
margin: 0; |
|||
font-size: 95%; |
|||
} |
|||
#p-search select { |
|||
width: 11.2em; |
|||
} |
|||
#p-search input[type="submit"] { |
|||
margin-top: 1px; |
|||
font-size: 95%; |
|||
padding-left: .5em; |
|||
padding-right: .5em; |
|||
font-weight: bold; |
|||
} |
|||
#p-search input[type="submit"] + input[type="submit"] { |
|||
font-weight: normal; |
|||
} |
|||
/* rounded corners */ |
|||
.pBody { |
|||
border-top-right-radius: 0.5em; |
|||
border-bottom-right-radius: 0.5em; |
|||
-moz-border-radius-topright: 0.5em; |
|||
-moz-border-radius-bottomright: 0.5em; |
|||
padding: 0.1em 0.1em; |
|||
} |
|||
div#content { |
|||
border-top-right-radius: 0.5em; |
|||
border-bottom-left-radius: 0.5em; |
|||
border-bottom-right-radius: 0.5em; |
|||
-moz-border-radius-topright: 0.5em; |
|||
-moz-border-radius-bottomleft: 0.5em; |
|||
-moz-border-radius-bottomright: 0.5em; |
|||
-webkit-border-top-right-radius: 0.5em; |
|||
-webkit-border-bottom-left-radius: 0.5em; |
|||
-webkit-border-bottom-right-radius: 0.5em; |
|||
} |
|||
.toc { |
|||
border-radius: 0.5em; |
|||
-moz-border-radius: 0.5em; |
|||
-webkit-border-radius: 0.5em; |
|||
} |
|||
div.gallerybox div.thumb:hover, div.gallerybox div.thumb div:hover { |
|||
background-color: #2E2E33; |
|||
} |
|||
/* Fixes for Special:Interwiki */ |
|||
body.page-Toiminnot_Interwiki table.mw-interwikitable.body td.mw-interwikitable-local-yes { |
|||
background: #006400; |
|||
} |
|||
body.page-Toiminnot_Interwiki code { |
|||
background-color: #F9F9F9; |
|||
} |
|||
/* Wikitable background fix to make the text readable */ |
|||
.wikitable, .wikitable th, .mw-datatable td { |
|||
background-color: transparent !important; |
|||
} |
|||
/* Make diffs readable / Tee eroavaisuussivuista luettavia */ |
|||
td.diff-context { |
|||
color: #FFF; |
|||
} |
|||
td.diff-addedline .diffchange, td.diff-deletedline .diffchange { |
|||
background-color: transparent !important; |
|||
} |
|||
div#mw-panel a, div#mw-panel a:visited { |
|||
color: #FFD942 !important; |
|||
} |
|||
div#mw-panel li:hover { |
|||
list-style-image: none; |
|||
} |
|||
div.vectorTabs { |
|||
background-image: none; |
|||
padding-left: 0px; |
|||
border: 1px solid #AAA; |
|||
border-left: 0px; |
|||
} |
|||
div.vectorTabs span { |
|||
background-image: none; |
|||
border-left: 1px solid #AAA; |
|||
} |
|||
div.vectorTabs ul li { |
|||
background-color: #222222; |
|||
background-image: none; |
|||
} |
|||
div.vectorTabs ul li.selected { |
|||
background-color: #2E2E33; |
|||
background-image: none; |
|||
} |
|||
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { |
|||
color: #FFD942; |
|||
} |
|||
/* Tuoreiden muutosten infolaatikon teksti näkyviin */ |
|||
.mw-changeslist-legend { |
|||
background-color: #2E2E33 !important; |
|||
} |
|||
/* Tiedostohistorian taulukon otsikot näkyviin */ |
|||
.filehistory th { |
|||
background-color: #222222 !important; |
|||
} |
|||
/* Tekstikenttien tyyli paremmin vastaamaan muuta ulkoasua */ |
|||
#simpleSearch input, #wpSummary, .createboxInput { |
|||
background-color: #0c0c0e; |
|||
color: white; |
|||
} |
|||
.editOptions .oo-ui-labelElement-label { |
|||
color: white; |
|||
} |
} |
Revision as of 07:58, 5 February 2023
@media screen, projection {
div#content {
padding: 0 1em 1.5em 1em;
background: #2E2E33;
color: #FFF;
border: 1px solid #AAA;
line-height: 1.5em;
position: relative;
z-index: 2;
}
body {
background: #2E2E33 url("http://images.shoutwiki.com/fi.darth/2/26/Background.png") 0 0 repeat-x;
color: #FFFFFF;
}
#mw-page-base { background: none; }
/* general styles */
table, table.wikitable {
background: #2E2E33;
color: #FFF;
}
/* Links */
a {
color: #66BBFF;
}
/* Visited (=clicked) links */
a:visited {
color: #4070D0;
}
a.stub {
color: #66FFCC;
}
a.new, #p-personal a.new {
color: #DD5010 !important;
}
a.new:visited, #p-personal a.new:visited {
color: #DD5010 !important;
}
h1, h2, h3, h4, h5, h6 {
color: #FFD942;
}
fieldset {
border: 1px solid #AAAAAA;
}
legend {
background: #2E2E33;
}
abbr, acronym, .explain {
color: #FFFFFF;
}
code {
background-color: #222222;
color: #FFFFFF;
}
pre {
border: 1px dashed #AAAAAA;
color: #FFFFFF;
background-color: #222222;
}
#contentSub, #contentSub2 {
color: #888888;
}
.firstHeading {
margin-bottom: .1em;
}
/* user notification thing */
.usermessage {
background-color: #394A5C;
border: 1px solid #66BBFF;
color: #FFFFFF;
text-align: center;
}
.error {
color: #FF0000;
}
.errorbox {
border-color: #660000;
background-color: #401F22;
color: #FF0000;
}
.successbox {
border-color: #66BBFF;
background-color: #394A5C;
}
/* Category portlet at the bottom of every page that has categories */
#catlinks {
background-color: #222222;
background-image: url(http://images.shoutwiki.com/fi.darth/a/a8/DarthDarthBinksCategory.png);
background-repeat: no-repeat;
background-position: center right;
padding-right: 50px;
}
/*
** content styles
*/
#toc,
.toc,
.mw-warning {
background-color: #222222;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
background-color: transparent;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 1em;
}
div.toc ul li:hover,
#p-cactions ul li:hover {
list-style-image: none !important;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 100%;
}
/* Additional TOC formatting */
li.toclevel-1 {
border-top: 1px solid #555555;
}
.toc a,
#toc a {
text-decoration: none;
}
/* thumbnails */
/* see ADDITIONS for "table div.thumb" */
div.thumb {
border-color: #2E2E33;
}
div.thumb div {
border: 1px solid #AAAAAA;
padding: 3px !important;
background-color: #222222;
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;
color: #ffffff;
}
div.tright {
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;
}
/* Page history styling */
#pagehistory span.user {
margin-left: 1.4em;
margin-right: .4em;
}
#pagehistory li {
border: 1px solid #2E2E33;
}
#pagehistory li.selected {
background-color: #222222;
color: white;
}
/*
** Diff rendering
*/
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #2E2E33;
}
td.diff-addedline {
background: #000033;
}
td.diff-deletedline {
background: #330000;
}
td.diff-context {
background: #2E2E33;
}
span.diffchange {
color: #FFD942;
font-weight: bold;
text-decoration: underline;
}
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #66BBFF;
}
#bodyContent a.external {
color: #66BBFF;
}
/*
** general portlet styles (elements in the quickbar)
*/
.portlet h6 {
border: 1px solid #AAAAAA;
}
.pBody {
background-color: #2E2E33;
color: #FFFFFF;
border: 1px solid #AAAAAA;
}
/* this is the ul contained in the portlet */
#p-personal ul {
color: #AAAAAA;
text-transform: lowercase;
}
#p-personal li {
color: #AAAAAA;
}
#p-personal li.active {
font-weight: bold;
}
#p-personal li a {
color: #66BBFF;
}
#p-personal li:hover {
list-style-image: none;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage a,
li#pt-anonuserpage {
background: url(http://images.shoutwiki.com/fi.darth/5/54/User-icon.png) bottom left no-repeat;
}
/*
** footer
*/
#footer li {
color: white
}
#footer li:hover {
list-style-image: none;
}
/* hide from incapable browsers */
head:first-child+body #footer li {
white-space: normal; /* was: nowrap */
}
/* js pref toc */
#preftoc li {
background-color: #f0f0f0;
color: #000;
border: 1px solid #2E2E33;
}
#preftoc li.selected {
background-color: #222222;
border: 1px solid #AAAAAA;
}
#preferences {
border: none;
padding: 0;
margin: 0;
background-color: #2E2E33;
}
#preferences legend {
color: #FFD942;
}
#preferences .oo-ui-labelElement-label {
color: inherit;
}
.prefsection table, .prefsection legend {
background-color: #222;
}
div.prefsectiontip {
font-size: 95%;
margin-top: 0;
background-color: #394A5C;
border: 1px solid #66BBFF;
padding: .2em .7em;
clear: both;
}
/* Login form (Special:UserLogin) */
div#userloginForm form,
div#userlogin form#userlogin2 {
background-color: #222;
}
div#userloginForm table,
div#userlogin form#userlogin2 table {
background-color: #222;
}
div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
padding-top: 0;
}
div#userlogin .captcha {
width: 400px;
background-color: #2E2E33;
}
#login-emailforlost {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
.not-patrolled {
background-color: #330000;
}
span.unpatrolled {
color: #FFF;
}
span.searchmatch {
color: red;
}
span.newpageletter {
font-weight: bold;
color: #FFF;
background-color: yellow;
}
span.minoreditletter {
color: #FFF;
background-color: #c5ffe6;
}
/* Galleries */
table.gallery {
border: 1px solid #AAA;
margin: 2px auto 2px auto;
background-color: #222;
}
table.gallery tr {
background-color: #222;
}
table.gallery td {
background-color: #222;
border: none;
margin: 2px;
}
div.gallerybox {
width: 150px;
border: none;
background-color: inherit;
}
div.gallerybox div.thumb {
border: 1px solid #AAA;
}
div.gallerytext {
font-size: smaller;
text-align: center;
background-color: inherit;
border: none;
}
.editExternally {
background-color: #2E2E33;
}
/* Classes for EXIF data display */
table.mw_metadata th {
background-color: #222;
}
table.mw_metadata td {
background-color: transparent;
}
/* filetoc */
ul#filetoc {
background-color: #222;
}
#editform .editOptions {
color: white;
background-color: transparent;
}
/* Classes for article validation */
tr.revision_tr_default {
background-color: #2E2E33;
}
/* AllMessages table */
#allmessagestable th {
background-color: #222;
}
#allmessagestable tr.orig {
background-color: #2E2E33;
}
#allmessagestable tr.new {
background-color: #401F22;
}
#allmessagestable tr.def {
background-color: #394A5C;
}
/* noarticletext */
div.noarticletext {
border: none;
background: #2E2E33;
color: #FFF;
}
div#searchTargetContainer {
background: #2E2E33;
}
/***********************************************************
Additional formatting
***********************************************************/
/* Misc. */
#siteSub {
display: block !important;
margin-top: -5px;
font-size: smaller;
color: #FFFFFF;
font-style: italic;
}
/* HACK:Prevent #siteSub from showing up in ns:102 (see Common.css)--CID, 2006-09-10
** Prevent #ca-talk from showing up in ns:100 (see Common.css)--CID, 2006-09-12
*/
.ns-102 * #siteSub,
.ns-100 * li#ca-talk {
display: none !important;
}
div.fullImageLink {
text-align: center;
}
div.fullMedia {
text-align: center;
border: 1px solid #AAAAAA;
background-color: #222222;
padding: 5px;
font-size:smaller;
margin: 0.5em 0;
}
#bodyContent div.noicon a {
background: none;
padding: 0;
}
/* Tables generally have #222 as bg color */
table div.thumb {
border-color: #222;
}
/* Make "credits" line in div#footer wrap like it should */
li #credits {
white-space: normal !important;
}
/* editcount table */
#editcount table {
background-color: transparent !important;
}
/* Overriding some search formatting */
.searchfragment {
color: #FFF;
}
/***********************************************************
** This is for the forum-function (in Ten Forward)
** Florian 2006-04-14
** imported from MA/de by Kobi 2006-05-13
*/
.forum_title a.forum_new {
font-weight: bold;
/*background: url("/en/images/c/cc/Ma_forum_new.gif") center left no-repeat;*/
padding-left: 20px;
}
.forum_title a.forum_new:visited {
font-weight: normal;
background: none;
padding-left: 20px;
}
.forumheader {
background-color: #800000;
color: #BBBBBB;
}
} /* closes @media screen, projection at the very start of this page */
/***********************************************************
** FIX: Fixing [[Special:Imagelist]] table colors
** -- Cid, 2007-03-28
*/
.TablePager, .TablePager td, .TablePager th {
border-color: #AAA;
}
.TablePager th { background-color: #2E2E33; }
.TablePager td { background-color: transparent; } /* Jack */
.TablePager tr:hover td { background-color: transparent; } /* Jack */
.imagelist .TablePager_col_links { background-color: #2E2E33; }
.imagelist th.TablePager_sort { background-color: #2E2E33; }
/* changing the colors of various classes to better fit the skin */
.toccolours {
background-color: #777;
}
.portlet h5 {
background-color: #600;
border: 1px solid #600;
}
ul {
list-style-image: url("http://images.shoutwiki.com/fi.darth/c/ca/Bullet1.png");
}
ul li:hover {
list-style-image: url("http://images.shoutwiki.com/fi.darth/d/d5/Bullet2.png");
}
.portlet ul {
list-style-image: url("http://images.shoutwiki.com/fi.darth/c/ca/Bullet1.png");
}
.portlet ul li:hover {
list-style-image: url("http://images.shoutwiki.com/fi.darth/d/d5/Bullet2.png");
}
/* Standard style for switchbox stuff */
#p-search select,
#p-search input[type="text"] {
width: 10.9em;
margin: 0;
font-size: 95%;
}
#p-search select {
width: 11.2em;
}
#p-search input[type="submit"] {
margin-top: 1px;
font-size: 95%;
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}
#p-search input[type="submit"] + input[type="submit"] {
font-weight: normal;
}
/* rounded corners */
.pBody {
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
-moz-border-radius-topright: 0.5em;
-moz-border-radius-bottomright: 0.5em;
padding: 0.1em 0.1em;
}
div#content {
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
-moz-border-radius-topright: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;
-webkit-border-top-right-radius: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
-webkit-border-bottom-right-radius: 0.5em;
}
.toc {
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
}
div.gallerybox div.thumb:hover, div.gallerybox div.thumb div:hover {
background-color: #2E2E33;
}
/* Fixes for Special:Interwiki */
body.page-Toiminnot_Interwiki table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background: #006400;
}
body.page-Toiminnot_Interwiki code {
background-color: #F9F9F9;
}
/* Wikitable background fix to make the text readable */
.wikitable, .wikitable th, .mw-datatable td {
background-color: transparent !important;
}
/* Make diffs readable / Tee eroavaisuussivuista luettavia */
td.diff-context {
color: #FFF;
}
td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
background-color: transparent !important;
}
div#mw-panel a, div#mw-panel a:visited {
color: #FFD942 !important;
}
div#mw-panel li:hover {
list-style-image: none;
}
div.vectorTabs {
background-image: none;
padding-left: 0px;
border: 1px solid #AAA;
border-left: 0px;
}
div.vectorTabs span {
background-image: none;
border-left: 1px solid #AAA;
}
div.vectorTabs ul li {
background-color: #222222;
background-image: none;
}
div.vectorTabs ul li.selected {
background-color: #2E2E33;
background-image: none;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #FFD942;
}
/* Tuoreiden muutosten infolaatikon teksti näkyviin */
.mw-changeslist-legend {
background-color: #2E2E33 !important;
}
/* Tiedostohistorian taulukon otsikot näkyviin */
.filehistory th {
background-color: #222222 !important;
}
/* Tekstikenttien tyyli paremmin vastaamaan muuta ulkoasua */
#simpleSearch input, #wpSummary, .createboxInput {
background-color: #0c0c0e;
color: white;
}
.editOptions .oo-ui-labelElement-label {
color: white;
}