MediaWiki:Common.css
Olggosoaidnin
Fuomáš: Maŋŋel go almmuhat, soaitá leat dárbbašlaš sihkkut neahttalohkki gaskamuittu vai oainnát rievdadusaid.
- Firefox / Safari: Doala Shift dan botta go deattát Viečča ođđasit, dahje deaddil Ctrl-F5 dahje Ctrl-R (⌘-R Mac:as)
- Google Chrome: Deaddil Ctrl-Shift-R (⌘-Shift-R Mac:as)
- Edge: Doala Ctrl dan botta go deattát Álggat ođđasit, dahje deaddil Ctrl-F5.
/* CSS placed here will be applied to all skins */
/*** Main page styling ***/
/*
Most of the main page styling goes in [[Málle:Ovdasiidu/stiila.css]],
but some of it has to go here because of design limitations of TemplateStyles.
*/
.page-Portála_Ovdasiidu #firstHeading, .page-Portála_Ovdasiidu #catlinks, .page-Portála_Ovdasiidu #contentSub, .page-Portála_Ovdasiidu #contentSub2, .page-Portála_Ovdasiidu #siteNotice {
display: none;
}
body.skin-vector-legacy.page-Portála_Ovdasiidu .vector-menu-tabs .selected {
background: linear-gradient(to top, #c2dba8, rgba(255,255,255,0));
}
.skin-monobook.page-Portála_Ovdasiidu #ca-nstab-portála a {
background-color: #c2dba8 !important;
color: #000;
}
.page-Portála_Ovdasiidu:not(.skin-vector-2022) .mw-body {
padding: 0;
}
/*** styling of $years ***/
table.years {
width: 100%;
text-align:center;
padding:0;
background-color: #f9f9f9;
border: 1px solid #aaa;
}
table.years td {
white-space:nowrap;
}
table.years td.top {
padding-top:.3em;
}
table.years td.left {
text-align:right;
width: 50%;
}
table.years td.right {
text-align:left;
width: 50%;
}
table.years td.center {
text-align:center;
width: 0%;
font-weight: bold !important;
}
/*** navigations ***/
.navigations {
background-color: #f9f9f9;
border: 1px solid #aaa;
padding: 5px;
margin-top: 1em;
margin-bottom: 1em;
clear:both;
}
/*** localizations ***/
.localizations {
background-color: #f9f9f9;
border: 1px solid #aaa;
padding: 5px;
margin-top: 1em;
margin-bottom: 1em;
clear:both;
}
.localizations table,
.localizations tbody
{
padding: 0;
margin: 0;
border-collapse: collapse;
border-spacing: 10px;
}
/*** Styling of template documentation ***/
.localizations,
.navigations,
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
/*** Messagebox ***/
div.messagebox
{
background-color: #f9f9f9;
border: 1px solid #aaa;
padding: 5px;
padding-left: 30px;
text-align: left;
font-size: 90%;
margin-top: 0.8em;
margin-bottom: 0.8em;
clear:both;
}
div.messagebox img { margin: 0 5px 0 -25px; }
div.delete, div.important, div.utbedring, div.adaption, div.warning, div.forbedring {
background-color: #ffefbf;
}
/*** Redlinking of non-existent iw-links, or links needing verification ***/
.iwcheck a[href*=".wikipedia.org"] {
color: #b53 !important;
}
.iwcheck a.exist[href*=".wikipedia.org"] {
color: #36b !important;
}
/*** Styling of infoboxes ***/
div.infobox {
float: right;
padding: 0 0 1em 1em;
background-color: inherit !important;
position: relative;
}
div.infobox .symbol {
position:absolute;
top: 1em;
right: 1em;
}
div.infobox table {
border: 1px solid #aaa;
border-colapse: collapse;
border-spacing: 0;
}
div.infobox tr.head,
div.infobox tr.subhead,
div.infobox tr.bottom {
background-color: #f9f9f9;
}
div.infobox tr.bottom td,
div.infobox tr.bottom th,
div.infobox tr.head + tr.row td,
div.infobox tr.head + tr.row th,
div.infobox tr.subhead + tr.row td,
div.infobox tr.subhead + tr.row th,
div.infobox tr.head + tr.image td,
div.infobox tr.head + tr.image th,
div.infobox tr.subhead + tr.image td,
div.infobox tr.subhead + tr.image th {
border-top: 1px solid #aaa !important;
}
div.infobox tr.head + tr.image td,
div.infobox tr.head + tr.image th,
div.infobox tr.subhead + tr.image td,
div.infobox tr.subhead + tr.image th {
padding-top: 0.5em;
}
div.infobox tr.subhead td,
div.infobox tr.subhead th {
font-size: 75%;
}
div.infobox tr.row td,
div.infobox tr.row th {
font-size: 90%;
padding: 0 0.5em 0 0.5em;
}
div.infobox tr.bottom td,
div.infobox tr.bottom th {
font-size: 75%;
}
div.infobox tr.row th.title {
font-weight: normal !important;
text-align: left;
}
div.infobox tr.row td.value {
font-weight: normal !important;
text-align: right;
}
div.infobox tr.row td.unit {
font-weight: normal !important;
text-align: left;
}
div.infobox table.width-xx-small { width:180px; }
div.infobox table.width-x-small { width:210px; }
div.infobox table.width-small { width:240px; }
div.infobox table.width-normal { width:270px; }
div.infobox table.width-large { width:300px; }
div.infobox table.width-x-large { width:330px; }
div.infobox table.width-xx-large { width:330px; }
div.infobox th.width-xx-small { width:25%; }
div.infobox th.width-x-small { width:30%; }
div.infobox th.width-small { width:35%; }
div.infobox th.width-normal { width:40%; }
div.infobox th.width-large { width:45%; }
div.infobox th.width-x-large { width:50%; }
div.infobox th.width-xx-large { width:55%; }
/*** Styling of microsigns ***/
#microsigns {
position:absolute;
right: 0px;
top: -45px;
}
.microsign {
display:none;
float:left;
margin:1px;
padding:0;
}
/*
* Layout for navboxes
*/
/*div.navbox - this one hits other navboxes too */
div.statbox,
div.dynbox {
border: 1px solid #aaa;
background-color: #f9f9f9;
margin-top: 1em;
margin-bottom: 1em;
padding: 5px;
clear: both;
}
div.navbox dl {
margin: 0;
}
div.navbox dl + dl dt {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAMAAAA7MLYKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtQTFRF29vb2tra4ODg6urq5OTk4uLi6+vr7e3t7Ozs8PDw5+fn4+Pj4eHh3d3d39/f6Ojo5eXl6enp8fHx8/Pz8vLy7+/v3Nzc2dnZ2NjYnErj7QAAAD1JREFUeNq0wQUBACAMALDj7hf6JyUFGxzEnYhC9GaNPG1xVffGDErk/iCigLl1XV2xM49lfAxEaSM+AQYA9HMKuv4liFQAAAAASUVORK5CYII=);
background-position: center top;
background-repeat: no-repeat;
padding-top: 2px;
}
div.navbox dt {
text-align: center;
margin: 0;
}
div.navbox.collapsible dd {
display:none;
}
div.navbox dd {
margin: 0;
}
div.navbox dt {
font-weight: normal;
color: #4d4d4d;
font-size:95%;
}
/* the .title only exists after script is run */
div.navbox.collapsible dt .title {
cursor: pointer;
padding-left: 1.5em;
line-height:inherit;
}
div.navbox dt.collapsed .title {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRF3d3deXl5////nZ2dQA6SoAAAAAN0Uk5T//8A18oNQQAAADNJREFUeNpiYEIDDMQKMKALMDOgCTDCRWACcBG4AEwEIcDITEAFuhnotmC4g4EEzwEEGAADqgHmQSPJKgAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 0% 60%;
color: #0645AD;
}
div.navbox dt.expanded .title {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFeXl53d3dmpqasbGx////GU0iEgAAAAV0Uk5T/////wD7tg5TAAAAK0lEQVQI12NwgQIG0hhCDAwMTCJAhqMCA4MiWEoIJABiOCooQhULi5BqMgB2bh4svs8t+QAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 0% 60%;
}
div.navbox dd ul.lead-in:before,
div.navbox dd ol.lead-in:before {
content: ': ';
}
div.navbox ul.lead-in,
div.navbox ol.lead-in {
margin: 0;
text-align: left;
display: inline;
}
div.navbox.no-script ul:before,
div.navbox.no-script ol:before {
content: ': ';
}
div.navbox.no-script ul,
div.navbox.no-script ol {
margin: 0;
text-align: left;
display: inline;
}
div.navbox ul,
div.navbox ol {
margin: 0;
text-align: center;
display: block;
}
div.navbox .lists>ul,
div.navbox .lists>ol {
font-size: 80%;
}
div.navbox li {
margin-left: 0;
margin-right: 0;
display: inline;
}
div.navbox ol {
counter-reset:navbox-ol-items;
}
div.navbox ol li {
counter-increment:navbox-ol-items;
}
div.navbox ol li:before {
content: '[' counter(navbox-ol-items) '] ';
}
div.navbox li:after {
content: ' |';
}
div.navbox li:last-child:after {
content: none;
}
/* Infobox template style */
.infobox2019 {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox2019 caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox2019 td,
.infobox2019 th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox2019.bordered {
border-collapse: collapse;
}
.infobox2019.bordered td,
.infobox2019.bordered th {
border: 1px solid #a2a9b1;
}
.infobox2019.bordered .borderless td,
.infobox2019.bordered .borderless th {
border: 0;
}
.infobox2019.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox2019.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox2019.standard-talk.bordered td,
.infobox2019.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox2019.bordered .mergedtoprow td,
.infobox2019.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
.infobox2019.bordered .mergedrow td,
.infobox2019.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox2019.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox2019.geography td,
.infobox2019.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox2019.geography .mergedtoprow td,
.infobox2019.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox2019.geography .mergedrow td,
.infobox2019.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox2019.geography .mergedbottomrow td,
.infobox2019.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox2019.geography .maptable td,
.infobox2019.geography .maptable th {
border: 0;
padding: 0;
}
/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 9 (2016-08-10)
@author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}