MediaWiki:Vector-2022.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@media screen, projection {
div#content {
padding: 0 1em 1.5em 1em;
background: #1e2c4c;
color: #FFF;
border: 1px solid #344c81;
line-height: 1.5em;
position: relative;
z-index: 2;
}
.mw-search-profile-tabs {
background-color: #344c81;
}
.mw-parser-output .ts-doc-footer {
background-color: #344c81;
}
.ve-ui-mwSaveDialog-license {
color: #ffffff;
}
.ve-ui-mwSaveDialog-options {
background-color: #36c;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #36c;
color: #ffffff;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: #447ff5;
border-color: #ffffff;
}
.mw-page-container {
padding: 0 1em 1.5em 1em;
background: #1e2c4c;
color: #FFF;
border: 1px solid #344c81;
line-height: 1.5em;
position: relative;
z-index: 0;
}
.mw-sidebar {
padding: 0 1em 1.5em 1em;
background: #1e2c4c;
color: #FFF;
border: 1px solid #344c81;
line-height: 1.5em;
position: relative;
z-index: 0;
}
.oo-ui-popupWidget-popup {
background-color: #2a4b8d;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: #344c81;
}
#simpleSearch input, #wpSummary, .createboxInput {
background-color: #344c81;
color: white;
}
.sidebar-toc {
background-color: #1e2c4c;
color: white;
}
.oo-ui-tabSelectWidget-framed {
background-color: #1e2c4c;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: #344c81;
color: #fff;
}
.oo-ui-tabOptionWidget {
color: #ffffff;
}
body {
background-color: #1e2c4c;
color: #FFFFFF;
}
.ve-ui-mwGalleryDialog-highlighted-image {
background-color: #1e2c4c;
}
.vector-sticky-header {
background-color: #1e2c4c;
}
#mw-page-base { background: none; }
/* general styles */
table, table.wikitable {
background: #1e2c4c;
color: #FFF;
}
.oo-ui-icon-bell, .mw-ui-icon-bell:before {
filter: invert(1);
}
.oo-ui-icon-tray, .mw-ui-icon-tray:before {
filter: invert(1);
}
.mw-ui-icon-wikimedia-watchlist:before {
filter: invert(1);
}
.mw-ui-icon-wikimedia-userAvatar:before {
filter: invert(1);
}
#mw-sidebar-button:before {
filter: invert(1);
}
/* Links */
a {
color: #96e1ff;
}
/* Visited (=clicked) links */
a:visited {
color: #4070D0;
}
.tabber__tab {
color: #66bbff;
}
.tabber__tab:visited {
color: #66bbff;
}
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
color: #96e1ff;
}
.vector-menu-portal .vector-menu-heading {
color: #ffffff;
}
vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited
{
color: #96e1ff;
}
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: #96e1ff;
}
fieldset {
border: 1px solid #AAAAAA;
}
legend {
background: #1e2c4c;
}
abbr, acronym, .explain {
color: #FFFFFF;
}
code {
background-color: #1e2c4c;
color: #FFFFFF;
}
pre {
border: 1px dashed #AAAAAA;
color: #FFFFFF;
background-color: #2d4271;
}
#contentSub, #contentSub2 {
color: #888888;
}
.firstHeading {
margin-bottom: .1em;
}
/* user notification thing */
.usermessage {
background-color: #394A5C;
border: 1px solid #96e1ff;
color: #FFFFFF;
text-align: center;
}
.error {
color: #FF0000;
}
.errorbox {
border-color: #660000;
background-color: #401F22;
color: #FF0000;
}
.successbox {
border-color: #96e1ff;
background-color: #394A5C;
}
/* Category portlet at the bottom of every page that has categories */
#catlinks {
background-color: #1e2c4c;
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: #1e2c4c;
}
#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: #1e2c4c;
}
div.thumb div {
border: 1px solid #AAAAAA;
padding: 3px !important;
background-color: #1e2c4c;
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 #1e2c4c;
}
#pagehistory li.selected {
background-color: #1e2c4c;
color: white;
}
.mw-list-item.selected a
{
color: #96e1ff;
}
/*
** Diff rendering
*/
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #1e2c4c;
}
td.diff-addedline {
background: #000033;
}
td.diff-deletedline {
background: #330000;
}
td.diff-context {
background: #1e2c4c;
}
span.diffchange {
color: #96e1ff;
font-weight: bold;
text-decoration: underline;
}
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #96e1ff;
}
#bodyContent a.external {
color: #96e1ff;
}
/*
** general portlet styles (elements in the quickbar)
*/
.portlet h6 {
border: 1px solid #AAAAAA;
}
.pBody {
background-color: #1e2c4c;
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: #96e1ff;
}
#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 #1e2c4c;
}
#preftoc li.selected {
background-color: #1e2c4c;
border: 1px solid #AAAAAA;
}
#preferences {
border: none;
padding: 0;
margin: 0;
background-color: #1e2c4c;
}
#preferences legend {
color: #96e1ff;
}
#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 #96e1ff;
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: #1e2c4c;
}
#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 #344c81;
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 #344c81;
}
div.gallerytext {
font-size: smaller;
text-align: center;
background-color: inherit;
border: none;
}
.editExternally {
background-color: #1e2c4c;
}
/* 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: #1e2c4c;
}
/* AllMessages table */
#allmessagestable th {
background-color: #222;
}
#allmessagestable tr.orig {
background-color: #1e2c4c;
}
#allmessagestable tr.new {
background-color: #401F22;
}
#allmessagestable tr.def {
background-color: #394A5C;
}
/* noarticletext */
div.noarticletext {
border: none;
background: #1e2c4c;
color: #FFF;
}
div#searchTargetContainer {
background: #1e2c4c;
}
/***********************************************************
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: #1e2c4c;
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: #1e2c4c; }
.TablePager td { background-color: transparent; } /* Jack */
.TablePager tr:hover td { background-color: transparent; } /* Jack */
.imagelist .TablePager_col_links { background-color: #1e2c4c; }
.imagelist th.TablePager_sort { background-color: #1e2c4c; }
/* 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: #1e2c4c;
}
/* 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: #96e1ff !important;
}
div#mw-panel li:hover {
list-style-image: none;
}
div.vectorTabs {
background-image: none;
padding-left: 0px;
border: 1px solid #344c81;
border-left: 0px;
}
div.vectorTabs span {
background-image: none;
border-left: 1px solid #344c81;
}
div.vectorTabs ul li {
background-color: #1e2c4c;
background-image: none;
}
div.vectorTabs ul li.selected {
background-color: #1e2c4c;
background-image: none;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #96e1ff;
}
/* Tuoreiden muutosten infolaatikon teksti näkyviin */
.mw-changeslist-legend {
background-color: #1e2c4c !important;
}
/* Tiedostohistorian taulukon otsikot näkyviin */
.filehistory th {
background-color: #1e2c4c !important;
}
/* Tekstikenttien tyyli paremmin vastaamaan muuta ulkoasua */
#simpleSearch input, #wpSummary, .createboxInput {
background-color: #0c0c0e;
color: white;
}
.editOptions .oo-ui-labelElement-label {
color: white;
}