MediaWiki:Common.css: различия между версиями

Версия 02:41, 7 мая 2022

/* Tämä sivu sisältää Vector-ulkoasua muuttavia tyylejä. */
/* <pre><nowiki> */
 
/**
 * DarthVector 0.1.1
 * Perustuu Greedopedian Monobook-ulkoasuun, joka on kopioitu Darthipedian versiosta, joka perustuu Memory Alphan versioon
 *
 * Tekijät:
 * Cid Highwind (Memory Alphan versio)
 * Jack Phoenix <jack@countervandalism.net>
 * Pinky
 * Supergeeky1
 * --miki--
 *
 * Yleisiä vinkkejä muokkaamiseen:
 ** Varmista, että muutoksesi ovat edes jonkin tason [http://jigsaw.w3.org/css-validator/ kelvollista] CSS:ää...
 ** Käytä tabulaattori-näppäintä sisentämiseen, ei välilyöntejä! Jos käytät välilyöntejä, Jack puree sinua
 ** Jos epäröit, konsultoi Jack Phoenixia ensin ja vasta sen jälkeen tee (tai älä tee) muokkauksesi.
 *
 * --Jack Phoenix, 24. heinäkuuta 2009 / 26. toukokuuta 2010, --miki-- 22. marraskuuta 2015
 */
 
@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;
}