Järjestelmäviesti:Common.css

/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
body {
	cursor: default;
	font-family: sans-serif;
	--bg1: #d8e9fc;
	--bg2: #f2f5fd;
}
body.theme-dark {
	--bg1: #031021;
	--bg2: #093977;
}

.sitenotice-nav { display: none; }

/* Fix size issues between different platforms */
code, pre { font-size: 10pt !important; }

/* Class to force links to be underlined
To use: <span class="underlinelink">[[link]]</span> */
.underlinelink a { text-decoration: underline !important; }

/* Class to force links to be not underlined - See .underlinelink for use */
.nounderlinelink a { text-decoration: none !important; }
.nounderlinelink a:hover { text-decoration: underline !important; }

/* buttons and input boxes */
input[type="submit"] {
	border: 1px solid #aaa;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
	background: #eee;
}
input[type="text"], input[type="password"], textarea[name="wpTextbox1"] {
	border: 1px solid #aaa;
	border-top: 2px solid #aaa;
	border-left: 2px solid #aaa;
}

/* pre style override */
pre.nostyle {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

pre.wrap {
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: pre-wrap;       /* css-3 */
}

/* this class can be used in the content area to make a link appear like a new page link */
#bodyContent .redlink a { color: #ba0000; }
#bodyContent .redlink a.new:visited { color: #a55858; }

/* Infobox template styling */
.infobox {
	float: right;
	clear: right;
	margin: 0 0 .5em 1em;
	width: 250px;
	background: none;
	border-collapse: collapse;
	border-width: 0;
	font-size: 0.8em;
	line-height: 1.5;
}
.infobox table.infoboxtable {
	background: #f0f0f0;
	color: #222;
	float: right;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	border-radius: 5px 5px 0 0;
}
.theme-dark .infobox table.infoboxtable {
	background: #0f1f5f;
	color: #ddd;
}
.infobox td.infoboximage {
	padding: 0;
	text-align: center;
}
.infobox th.infoboxheading {
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: larger;
}
.infobox th.infoboxsubheading {
	vertical-align: top;
	text-align: left;
	color: #222;
	font-weight: normal;
}
.infobox td.infoboxlabel, .infobox td.infoboxcell {
	vertical-align: middle;
}

/* ugly hack to force normal height for infobox cells */
.infoboxcell p {
	margin-top: 0;
	margin-bottom: 0;
}
/* .infoboxcell ul { list-style-type: disc; } */

.infoboxcell ul {
	padding-left: 10px;
	margin-left: 10px;
}

.infoboxcell ul li {
	padding-left: 0;
	margin-left: 0;
	list-style-type: square;
}

/* Fix to hide random extra lines in infobox subheaders. */
.infoboxsubheading p {
	display: none;
}

.infoboxtable tr:nth-child(even) { background-color: #F9F9F9 }
.theme-dark .infoboxtable tr:nth-child(even) { background-color: #071757 }

/* Tietolaatikon alaosa, eli se, joka sisältää [lähde]-linkin */
.infoboxfooter {
	color: #fff;
	border-radius: 0.5em;
}

.infobox .infoboxfooter a,
.infobox .infoboxfooter a:visited {
	color: #f0f0f0;
}

/* class for stub template styling */
/* only applies to table and div elements - avoids conflicts with preexisting a.stub */
table.stub, div.stub {
	background: var(--bg1);
	margin: 0 0 0.5em 0.5em;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	clear: center;
	width: calc(100% - 350px - 1.5em);
}

/* class for article disambiguation templates */
.disambig {
	background: var(--bg2);
	font-size: 0.85em;
	text-align: center;
	width: 85%;
	margin: 0 auto 3px auto;
	padding: 5px 0 5px 0;
	border-radius: 5px;
}

/* styling for MediaWiki:Edittools */
#edittools, #editpage-specialchars {
	border: 2px solid #F0F0F0;
	background: #F9F9F9;
}
.theme-dark #edittools, .theme-dark #editpage-specialchars {
	background: #093977;
}

/* Sivukohtainen CSS */
body.page-Etusivu #lastmod,
body.page-Etusivu #siteSub,
body.page-Etusivu #contentSub,
body.page-Etusivu h1.firstHeading,
body.page-Etusivu h1.pagetitle,
body.page-Etusivu p.subtitle {
	display: none !important;
}

/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 ul ul {display:none;}
.toclimit-3 ul ul ul {display:none;}
.toclimit-4 ul ul ul ul {display:none;}
.toclimit-5 ul ul ul ul ul {display:none;}
.toclimit-6 ul ul ul ul ul ul {display:none;}
.toclimit-7 ul ul ul ul ul ul ul {display:none;}

/* Drop-down box functionality */
#dropd { text-align:center; }
#dropd ul {
	background: var(--bg1);
	padding: 0 10px;
	border-radius: 15px;
	margin: 0 5px;
	list-style: none;
	position: relative;
	display: inline-block;
}
#dropd ul li:hover {
	background: #FFFFFF;
	border-radius: 5px;
}
#dropd ul li:hover > ul { display: block; }
#dropd ul li a { text-decoration: none; }
#dropd ul ul {
	display: none;
	background: #bababa;
	border-radius: 15px;
	padding: 7px 7px;
	position: absolute;
	z-index: 100;
	max-width: 600px;
}
#dropd ul ul li:hover { background: #FFFFFF; }

li.topmenu {
	display: inline-block;
	padding: 3px 5px;
}
.imglist {
	display: inline-block;
	font-size: 0;
	padding: 7px 0;
}
.reglist {
	font-size: 10pt;
	text-align: left;
	padding: 2px 2px;
	list-style: none;
}
.imglistreg {
	font-size: 10pt;
	padding: 7px 0;
	margin: 10px;
}
.imglist {
	display: inline-block;
	font-size: 0;
	padding: 7px 0;
}
.reglist a { padding: 2px 5px; }
.imglist-w a { padding: 2px 0; }
.imglist-h a { padding: 2px 0; }

/* Alignment tweaks for the classes used on the Main Page dropdowns */
.alignleft { left: 0; }
.alignright { right: 0; }

/* Formatting for the Characters dropdown on the Main Page */
#icongallery {
	padding: 0 5px;
	border-radius: 12px;
	list-style: none;
	position: relative;
}
#icongallery > li {
	display: inline-block;
	padding: 3px 1px;
}

/* limits max width of infobox and Main Page dropdown images to the template's defined max width */
.infoboximage img {
	max-width: 100%;
	height: auto;
}
.imglist-h img {
	max-height: 100%;
	width: auto;
}
.imglist-w img {
	max-width: 100%;
	height: auto;
}

/* Lähdeviittausten lista pienemmäksi */
.references-small { font-size: 0.85em; }

#mp3-global {
	padding: 8px;
	margin-top: 1em;
	font-size: 10pt;
	display: flex;
}

#mp3-global ul {
	padding-left: 10px;
	margin-left: 10px;
}

#mp3-global ul li {
	padding-left: 0;
	margin-left: 0;
	list-style-type: square;
}

#mp3-navlink #mp3-nav { display: none; }

#mp3-navlink {
	font-size: 1.1em;
	margin: auto;
	max-width: 600px;
}

#mp-leftcol {
	width: 70%;
}

#mp-rightcol {
	width: 30%;
}

.hoverable .hoverable-inner {
	display: none;
	position: absolute;
	top: auto;
	text-align: left;
}

.hoverable:hover .hoverable-inner {
	display: inline;
}

/* class for message box template styling */
.messagebox {
	clear: both;
	width: 85%;
	margin: 0 auto 3px auto;
	padding: 3px;
	font-size: 95%;
	border: none;
}

/* in-universe and out-of-universe message boxes */
.iumb, .ooumb {
	border-width: 0;
	text-align:left;
	padding: 0;
	border-radius: 0.5em;
}

.iumb table, .ooumb table {
	padding: 5px 10px 5px 10px;
	background: transparent;
	/*color: inherit;*/
}

.iumb table.hidable-content, .ooumb table.hidable-content {
	padding: 0;
}

.iumb-icon, .ooumb-icon {
	vertical-align: middle;
	padding: 0;
}

.iumb-main, .ooumb-main {
	padding: 0 0 0 10px;
}

.iumb-caption {
	font-size: 1.3em;
	font-weight: bold;
}

.ooumb-caption {
	font-size: 1em;
	font-weight: bold;
}

.iumb-comment {
	font-size: 0.8em;
}

.iumb-hidable-button, .ooumb-hidable-button {
	text-align: right;
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 0.8em;
	vertical-align: bottom;
}

.iumb-table-container, .ooumb-table-container {
	width: 100%;
}

.iumb p {
	margin-top: 0;
	margin-bottom: 0;
}

/* userboxes */
.userbox {
	float: left;
	border-width: 1px;
	border-style: solid;
	margin: 1px;
	width: 238px;
	padding: 0;
}

.ubx-icon {
	width: 45px;
	height: 45px;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

.ubx-main {
	font-size: 8pt;
	padding: 4pt;
	line-height: 1.25em;
}

#toc, .toc {
	border-width: 0;
}

.spoiler {
	background-color: #fff8f8;
	color: #000000;
	border-color: black;
	border-style: solid;
	border-width: 1px 0 1px 0;
	text-align: center;
}
.theme-dark .spoiler {
	background-color: #975d5d;
	color: #d2d2d2;
}

.ahtable {
	padding: 0;
	width: 85%;
}

.ahtable th, .ahtable td {
	padding: 3px;
}

.ahth {
	text-align: left;
}

.ahtable .ahrt, .ahtable .ahrb {
	padding: 0;
}

.ahf {
	text-align: left;
	font-weight: normal;
}

.ahfstatus {
	font-weight: bold;
}

.hidable-button {
	color: #088;
	cursor: pointer;
}

.infobox .hidable-button {
	color: #f0f0f0;
}

#p-navigation .pBody, #p-interaction .pBody, #p-search .pBody, #p-tb .pBody, #p-search input {
	text-transform: lowercase;
}

#p-search #searchInput {
	text-transform: none;
}

/* new navboxes */
.nb2-wrapper {
	text-align: center;
}

.nb2 {
/*	margin: auto;*/
	border: 0;
}

.nb2-firstheading {
	color: black;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
	border-radius: 0.5em 0.5em 0 0;
}
.theme-dark .nb2-firstheading {
	color: #d2d2d2;
}

.nb2-inner {
	width: 100%;
}

.nb2-inner th {
	font-weight: bold;
}

.nb2-inner td {
	font-size: 0.9em;
	text-align: center;
}

.theme-dark .nb2-inner td a:not(.mw-selflink) {
	color:#0645ad;
}
.theme-dark .nb2-inner td a:visited {
	color:#0b0080
}

.nb2-end td {
	font-size: 0.85em;
	text-align: center;
}

.nb-edi {
	font-size: 0.85em;
}

.nb2 .nb-edi {
	font-size: inherit;
}

.nb2-end a, .nb2-end .hidable-button {
	color: black;
	text-transform: lowercase;
	text-decoration: none;
}
.theme-dark .nb2-end .hidable-button {
	color: #F4F26B;
}

/* === Redirects in Special:AllPages and Special:Watchlist === */
.allpagesredirect, .watchlistredir {
	font-style: italic;
}

/* === Hilighting admin/staff by Splarka === */
ul.special li a.mw-userlink[title="Käyttäjä:--miki--"],
table.mw-enhanced-rc td a.mw-userlink[title="Käyttäjä:--miki--"],
ul.special li a.mw-userlink[title="Käyttäjä:Dionne Jinn"],
table.mw-enhanced-rc td a.mw-userlink[title="Käyttäjä:Dionne Jinn"],
ul.special li a.mw-userlink[title="Käyttäjä:Jack Phoenix"],
table.mw-enhanced-rc td a.mw-userlink[title="Käyttäjä:Jack Phoenix"] {
	font-weight: bold;
	color: #009900;
}
ul.special li a.mw-userlink[title="Käyttäjä:Väärinkäyttösuodatin"],
table.mw-enhanced-rc td a.mw-userlink[title="Käyttäjä:Väärinkäyttösuodatin"] {
	font-weight: bold;
	color: #AA0000;
}

/* === Forum formatting -Algorithm & -Splarka === */
/* class for forum navigation templates */
.forumheader {
	background: var(--bg2);
	border: none; 
	padding: 5px;
	border-radius: 0.5em;
}
.forumlist td.forum_edited a {
	color: black;
	text-decoration: none;
}
.forumlist td.forum_title a {
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
	font-weight: bold;
	background: url(https://images.shoutwiki.com/fi.starwars/4/4e/Forum_new.gif) center left no-repeat;
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
	font-weight: normal;
	background: none;
	padding-left: 20px;
}
.forumlist th.forum_title {
	padding-left: 20px;
}
.forum_title a.forum_new {
	font-weight: bold;
}
.forum_title a.forum_new:visited {
	font-weight: normal;
}

/* forum table */
.forumlist {
	width: 100%;
	background: var(--bg2);
	border-radius: 5px;
}

.forumlist-header th {
	text-align: left;
	background: var(--bg1);
}

.forumlist th, .forumlist td {
	padding: 3px;
}

/* Lisättyjen/poistettujen merkkien määrän värit esim. tuoreissa muutoksissa, tarkkailulistalla yms. */
/*.mw-plusminus-pos { color: #006400; }*/
.mw-plusminus-neg { color: #FF0000; }

/* Jedipedian kunniamitali (Malline:KunniamitaliK) */
.medal-of-honor {
	border: 2px solid #733306;
	background: #FFEFAF;
	width: auto;
	text-align: left;
	margin: 0 auto;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 95%;
}
.theme-dark .medal-of-honor {
	background: #002060;
}

/* Poista-nappulan poistaminen sivuilta pitkillä muokkaushistorioilla. By [[User:Grunny]] */
.page-Etusivu #control_delete,
.page-Etusivu #ca-delete {
	display: none;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target { background-color: var(--bg1); }
sup.reference:target { background-color: var(--bg1); }

/* [[Malline:Esiintymislista]] */
table.appearances {
	padding: 5px;
	width: 100%;
	border: 1px solid #D6F0F5;
	border-radius: 6px;
	margin-bottom: 4px;
	text-align: left;
	clear: left;
}

table.appearances tr td {
	vertical-align: top;
}

/* lisenssimallineet */
.fairuse {
	border: 2px solid #BB7C77;
	background: #FFF7F7;
	text-align: left;
}
.theme-dark .fairuse {
	border-color: #ff5050;
	background: #441010;
	color: #d2d2d2;
}

/* Pyöreät kulmat sivun lopussa olevaan luokkalaatikkoon */
.catlinks {
	border-radius: 0.5em;
}
/* Adjust size of references in infoboxes and succession boxes - deprecates Template:Ref */
div.infobox .reference,          /* infoboxes */
.refadjust .reference {          /* succession boxes, anything else which has class="refadjust" */
	font-size: 7.5px;
	font-style: none;
	font-weight: normal;
}

/* Link FA/GA/CA */

#p-lang li.FA {
	list-style-image: url("https://images.shoutwiki.com/fi.starwars/1/10/InterwikiFA.png");
	overflow: visible !important;
	display: list-item !important;
}

#p-lang li.GA {
	list-style-image: url("https://images.shoutwiki.com/fi.starwars/d/df/InterwikiGA.png");
	overflow: visible !important;
	display: list-item !important;
}

#p-lang li.CA {
	list-style-image: url("https://images.shoutwiki.com/fi.starwars/d/dc/InterwikiCA.png");
	overflow: visible !important;
	display: list-item !important;
}

/* Make italics work in Template:Main -- from Wikipedia */
.rellink { font-style: italic; }
.rellink i { font-style: normal; }

/* Kaksinkertainen lihavointi eräissä navigaatiolaatikoissa pois */
strong.selflink {
	font-weight: bold;
}

/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0; }
.hoverbox .hoveritem { display:none; margin:0; padding:0; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; }
.hoverbox:hover .hoveritem.selected { display:none; }

/* Eras-kuvakkeet oikealle korkeudelle */
#title-eraicons {
	font-size: 0;
}

/* Ei ole mitään hyvää syytä, miksi joku ehdoin tahdoin haluaisi kopioida eras-kuvakkeiden vaihtoehtoisen tekstin (alt) tai linkin otsikon (title). Todennäköisemmin käyttäjä haluaa "maalaamalla" kopioida vain ja ainoastaan sivun nimen, ei em. asioita. Tämä pitää huolen siitä, että kyseiset kaksi elementtiä eivät ole "maalattavissa".

Ks. lisätietoja sivulta https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
*/
#title-eraicons a, #title-eraicons a img,
#mw-indicator-eras a, #mw-indicator-eras a img {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

a.mw-selflink:hover {
	color: inherit;
}

.scrollbox {
	margin-bottom: 3px;
	margin-top: 3px;
}
.scrollbox tr > td {
	background: transparent;
}
.scrollbox tr > td > div {
	overflow: auto; 
	border: 1px solid #AAAAAA;
	padding-left: 0.5em;
	background: transparent;
}

#WookAttribution {
	font-size: smaller;
	font-style: italic;
}

/* Keskustelusivu-nappula pois foorumikeskusteluista, mutta ei foorumialueilta */
.ns-110:not(.page-Foorumi_Senaatin_halli, .page-Foorumi_Yhteisöasiat, .page-Foorumi_Ylläpidolle_suunnatut_asiat) #control_talk,
.ns-110:not(.page-Foorumi_Senaatin_halli, .page-Foorumi_Yhteisöasiat, .page-Foorumi_Ylläpidolle_suunnatut_asiat) #ca-talk {
	display: none !important;
}

/* Arkistoidut keskustelut */
.notice {
	background-color: #F3F9FF;
}
.theme-dark .notice {
	background-color: #193148;
}

/* värinkääntöfiltteri tietyille kuville */
.theme-dark .invert-images img {
	filter: invert(1);
}

/* kaikille huomautusmallineille tummempi väri, kunnes keksin paremman ratkaisun */
.theme-dark div.ooumb {
	background-color: var(--bg1) !important;
}

/* yleiset taustaväriluokat */
.jedipedia-bg1 {
	background-color: var(--bg1);
}
.jedipedia-bg2 {
	background-color: var(--bg2);
}

/* teemariippuvaiset piilotusluokat */
body:not(.theme-dark) .dark-only {
	display: none !important;
}
.theme-dark .light-only {
	display: none !important;
}

/* Vain yli 551px leveitä näyttöjä koskevat tyylit */
@media screen and (min-width: 551px) {

.desktop-hide {
	display: none !important;
}

#mp-rightcol table {
	border:1px solid #cedff2;
	background-color: var(--bg2);
}

}

/* Vain alle 550px leveitä näyttöjä koskevat tyylit */
@media screen and (max-width: 550px) {

.mobile-hide {
	display: none !important;
}

#mp3-global {
	flex-direction: column;
}

#mp-leftcol, #mp-rightcol {
	width: 100%;
}

table.stub, div.stub {
	width: 100%;
}

}