MediaWiki:Common.css
Wygląd
Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.
- Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
- Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
- Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5.
- Opera: Naciśnij klawisze Ctrl+F5.
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
/* Fiksy drobne
.previewnote a {
display: none;
}
#mw-previewheader {
display: none;
}
.previewnote {
color: black;
}
*/
/* Tymczasowy hack wyłączający opływanie spisu treści */
#toc.tocFloat {
float: none;
}
/* Ukrycie głównego nagłówka na górze strony głównej */
.action-view.page-Strona_główna h1,
.action-view.page-Strona_główna #catlinks
{
display:none
}
/* Style dla infoboksów */
.infobox {
border: 1px solid #aaa;
background-color: #f8f8f8;
border-collapse: collapse;
color: black;
font-size: 85%;
text-align:left;
margin-bottom: 0.5em;
margin-left: 1em;
border-spacing: 0;
float: right;
clear: right;
width: 250px;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
.infobox ul,ol { margin-top: 0px; }
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0 right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0 left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0;
width: 1px;
}
/* Article message box template styles */
table.ambox {
margin: 0 10%; /* Will not overlap with other elements */
border-collapse: collapse;
background-color: #fbfbfb !important;
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
}
table.ambox th.ambox-text, table.ambox td.ambox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
width: 100%; /* Make all templates the same width regardless of text size */
}
table.ambox td.ambox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0 right */
text-align: center;
}
table.ambox td.ambox-imageright { /* The right image cell */
padding: 2px 4px 2px 0; /* 0 left, 4px right */
text-align: center;
}
table.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-delete,
table.ambox-serious {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-merge {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba; /* Gray */
}
table.ambox.ambox-mini { /* small floating box variant */
float: right;
clear: right;
margin: 0 0 0 1em;
width: 25%;
}
/* poprawa podwójnego obramowania, gdy w artykule znajduje się kilka amboksów */
/* fixing double border when multiple amboxes present */
table.ambox + table.ambox {
border-top: 0 !important;
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #aaa;
background: #f9f9f9; /* Default "system" gray */
}
table.fmbox-system {
background: #f9f9f9;
}
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
background: #ffdbdb; /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Klasa dokumentacji */
.template-documentation {
background-color:#ECFCF4;
border:1px solid #AAAAAA;
clear:both;
margin:1em 0pt 0pt;
padding:5px;
}
/* Navboksy */
table.navbox { /* navbox container style */
border:1px solid #aaa;
width:100%;
margin:auto;
clear:both;
font-size:88%;
text-align:center;
padding:1px;
}
table.navbox + table.navbox {
margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
text-align:center; /* title and above/below styles */
padding-left:1em;
padding-right:1em;
}
.navbox-group { /* group style */
white-space:nowrap;
text-align:right;
font-weight:bold;
padding-left:1em;
padding-right:1em;
}
.navbox, .navbox-subgroup {
background:#fdfdfd; /* Background color */
}
.navbox-list {
border-color:#fdfdfd; /* Must match background color */
}
a.navbox-title {
color:inherit; /* kolor linków w nagłówku */
}
.navbox-title, table.navbox th {
background:#ccccff; /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background:#ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background:#e6e6ff; /* Level 3 color */
}
.navbox-even {
background:#f7f7f7; /* Even row striping */
}
.navbox-odd {
background:transparent; /* Odd row striping */
}
/* odstęp pomiędzy pierwszym navboksem a tekstem */
table.firstNavbox {
margin-top:1em;
}
}
.articleState {
width: 60%;
background: #fff;
margin: 0 auto;
border: solid 2px lightblue;
text-align: center;
}
/* geo */
#geoCoord table, #geoCoordOld table {
border-collapse: collapse;
background: transparent;
}
#geoCoord td, #geoCoordOld td {
font-size: 0.9em;
line-height: 100%;
vertical-align: middle;
padding: 0 0 0 10px;
text-align: right;
border-left: 1px solid #88a;
}
#geoCoord td.icon, #geoCoordOld td.icon {
border-left: none;
height: 27px;
width: 35px;
padding: 0 10px 0 0;
}
#DoM {
background: transparent;
padding: 0;
}
/* banner na górze stron (z TOC) */
.topbanner {
position: relative;
overflow: hidden;
max-width: 1800px;
height: auto;
}
.topbanner img {
max-width: 100%;
height: auto;
width: auto\9;
}
.topbanner-box {
position: absolute;
z-index: 2;
margin-top: 1.5em;
color: white;
width: 50%;
min-width: 20em;
left: 2%;
text-align: left;
}
.topbanner .name {
position: absolute;
z-index: 2;
margin: 0.6em 0 0 0.4em;
padding: 8px 7px;
font-size: 2.2em;
background: rgb(16,16,16);
background: rgba(0,0,0,0.5);
border-radius: 4px;
color: white;
white-space: nowrap;
line-height: 0.9em;
}
#toc > tbody > tr > td > ul, #toc > tr > td > ul {
padding-left: 2em;
}
#toc > ul {padding-left: 2em;}
}
/* Style for hlist class - pulled from Wikipedia's Common.css file on 20 Mar 2013
Style for horizontal lists (separator following item).
Note: hlist formatting will break if the resulting HTML lacks a breakable character
between list items. This happens when the following conditions are true:
1) The list is made using wiki markup (where HTML is built by parser.php)
2) HTMLTidy is disabled or unavailable (such as on Special: pages)
In such cases, building lists with .hlist using HTML instead of wiki markup
will work around this problem. See also [[Bugzilla:39617]].
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
Last updated: January 24, 2013
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@maintainer: [[User:Edokter]]
@revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.1em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
line-height: 1.1em;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.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;
white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
padding: 0 0.3em;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-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;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
/* allow ToC to stretch across screen when it is part of a horizontal list, change background and font colours */
.hlist #toc.tocFloat {
width: 100%;
max-width: 170em;
color: black;
}
.hlist.tocbox-s #toc.tocFloat {
width: 100%;
max-width: 170em;
margin: 0;
padding: 0;
line-height: 1.1em;
color: black;
background-color: #e0e0e0;
}
.hlist.tocbox-b #toc.tocFloat {
width: 100%;
max-width: 170em;
margin: 0;
padding: 0;
line-height: 1.1em;
color: white;
background: rgb(16,16,16);
background: rgba(0,0,0,0.5);
border: none;
}
.hlist.tocbox-w #toc.tocFloat {
width: 100%;
max-width: 170em;
margin: 0;
padding: 0;
line-height: 1.1em;
color: black;
background: rgb(225,225,225);
background: rgba(160,160,160,0.6);
border: none;
}
.hlist #toc table,
.hlist #toc tr,
.hlist #toc td, {
margin: 0;
padding: 0;
line-height: 1.1em;
}
/* links in the horizontal ToC should be black... */
.hlist #toc a {
color: black;
font-size: 0.85em;
font-weight: bold;
}
/* ... except when the ToC box is black ... */
.hlist.tocbox-b #toc a {
color: white;
font-size: 0.85em;
font-weight: bold;
}
/* ... or except when being hovered over */
.hlist #toc.tocFloat a:hover {
color: #bdddfd;
}
/* don't display ToC title when in horizontal ToC */
.hlist #toctitle {
display: none;
}
.mf-mobile-only {
display: none;
}
/* Prevent display of subheadings in horizontal ToC */
.hlist #toc .toclevel-2,
.hlist #toc .toclevel-3,
.hlist #toc .toclevel-4,
.hlist #toc .toclevel-5,
.hlist #toc .toclevel-6 {
display: none;
}
.hlist .toggleNode {
display: none;
}
/* Wyłącz numerowanie elementó w TOC */
.tocnumber { display: none; }
/* style info for icon box in the top right corner of the banner */
.iconbox {
position: absolute;
top: 6px;
right: 0;
padding: 3px;
z-index: 3;
background: rgb(16,16,16);
background: rgba(0,0,0,0.7);
border-bottom-left-radius: 5px;
}
/* Infobox templates */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: middle;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0 solid #aaa;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.toctext {display: inline;}
/* Fix pagebanner */
.toctitle {display:none;}