MediaWiki:Common.css

Z Wiki BR
Wersja z dnia 19:19, 3 lis 2025 autorstwa KresInternetu (dyskusja | edycje)
(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)
Przejdź do nawigacji Przejdź do wyszukiwania

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)
  • Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
  • Opera: Naciśnij klawisze Ctrl+F5.
/* @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap');
.WikiaArticle,
.WikiaRail {
    font-family: 'Oswal', sans-serif;
}
#content { font-family: "Oswald";}
#content p { font-family: "Oswald";}
#content h1 { font-family: "Oswald";}
#content h2 { font-family: "Oswald";}
#content h2 .mw-headline { font-family: "Oswald";}
#mw-panel .portal { font-family: "Oswald";}
#p-navigation { font-family: "Oswald";}
#p-tb { font-family: "Oswald";}
#mw-panel #p-tb h3 { font-family: "Oswald";}
#p-tb .body { font-family: "Oswald";}
#p-search { font-family: "Oswald";}
#left-navigation { font-family: "Oswald";}
#right-navigation { font-family: "Oswald";}
#p-personal { font-family: "Oswald";}
#footer ul li { font-family: "Oswald";} 
*/
.vector-menu-portal .vector-menu-content li {font-size: 0.9em;}

/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
.mw-gallery-slideshow .gallerybox.slideshow-current {
    background: #36393F;
}
.mw-footer li {color: #F8F9FA;}
body { background: #36393F;}
a:visited {color:#F8F9FA;}
a {color:#F8F9FA;}
a.new:visited {color: #DD32A0;}
.vector-menu-portal .vector-menu-heading {color: #F8F9FA;}
.vector-menu-portal .vector-menu-content li a {color: #F8F9FA;}
.vector-menu-portal .vector-menu-content li a:visited {color: #F8F9FA;}
.vector-menu-dropdown .vector-menu-heading {color: #F8F9FA;}

.mw-plusminus-pos {color: #00ff00;}

/*SPIS TRESCI*/
.toc a {color:#00CCFF;}

.toc, .toccolours {
    background-color: #434648;
    padding: 5px;
    font-size: 95%;
}
.tocnumber {
    color: #F8F9FA;
    padding-left: 0;
    padding-right: 0.5em;
}

h1, h2, h3, h4, h5, h6 {
    color: #F8F9FA;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: auto;
}

.toctogglelabel {
        cursor: pointer;
        color: #00CCFF;}
/*----------*/

/* ramka */
.mw-body {border: 1px solid #F8F9FA;}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#F8F9FA 100%);}
/* ----- */


/*Gorne Menu*/
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {color: #F8F9FA; font-size: 1.00em;}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {color: #F8F9FA; font-size: 1.00em;}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {color: #F8F9FA; font-size: 1.00em; display: block; background-size: 100% 1px; background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, #c8ccd1 33%, #c8ccd1 66%, rgba(200, 204, 209, 0) 100%);
  background-position:
center bottom;
  background-repeat: no-repeat;}
.vector-menu-portal .vector-menu-heading {color: #F8F9FA; font-size: 1.00em; display: block; background-size: 100% 1px; background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, #c8ccd1 33%, #c8ccd1 66%, rgba(200, 204, 209, 0) 100%);
  background-position:
center bottom;
  background-repeat: no-repeat;}

.vector-menu-tabs-legacy li a {color: #F8F9FA;}
    
.vector-menu-tabs-legacy li {background-image: linear-gradient(to top,#999 0%,#434648 1px,#36393f 100%);}

.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
    color: #F8F9FA;
    background-color: #434648;
    text-decoration: none;}
    
    .vector-menu-dropdown .vector-menu-content {
    line-height: 1.125em;
    background-color: #36393f;
    border: 1px solid #a2a9b1;
    border-top-width: 0;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    transition-property: opacity;
    transition-duration: 100ms;
}

.vector-menu-dropdown .mw-list-item a {
    padding: 0.625em;
    color: #F8F9FA;
}

/*----------*/

#ca-talk { display:none; }
#left-navigation { background: #36393F; }
/* DD32A0 */
#content { background-color: #40444B; }
#bodyContent { background-color: #40444B; }
#firstHeading { background-color: #40444B; color: #F8F9FA;}
#mw-head-base { background-color: #36393F; }
#mw-page-base { background-image: linear-gradient(to bottom,#36393F 50%,#36393F 100%); }
#mw-content-text { color: #F8F9FA; }
#p-tb { background-color: #36393F; }
#p-tb-label { background-color: #36393F; }
#p-tb .body { background-color: #DD32A0; }
#vector-menu-content-list .vector-menu-content-list {background-color: #36393F;}
#vector-menu-tabs-legacy {background: #434648;}

.catlinks { background-color: #36393F; }
.catlinks a { color: #F8F9FA; }

#bodyContent a.new { color: #ba0000;}
#bodyContent a.new:visited { color: #ba0000;}
#bodyContent a {color: #00CCFF;}

/* Images should be responsive */
res-img {
max-width:100%;
height:auto;
}
/* Przypisy */
/* #mw-content-text {color: #00CCFF;} */
ol.references li:target, sup.reference:target { background-color: #72777d;}

pre, .mw-code {
    padding: 1em;
    white-space: pre-wrap;
    overflow-x: hidden;
    word-wrap: break-word;
    border: none;
    background: #40444B;
}

.mw-tabber-wrapper .mw-tabber-tabs label:hover { background-color: #eee; }
.mw-tabber-wrapper input:checked + .mw-tabber-content-wrapper .mw-tabber-content { display: block !important; }
#tabber-tab-{{{Grupa|default}}}-1:checked ~ .mw-tabber-content-wrapper #tabber-content-{{{Grupa|default}}}-1 { display: block !important; }
#tabber-tab-{{{Grupa|default}}}-2:checked ~ .mw-tabber-content-wrapper #tabber-content-{{{Grupa|default}}}-2 { display: block !important; }
#tabber-tab-{{{Grupa|default}}}-3:checked ~ .mw-tabber-content-wrapper #tabber-content-{{{Grupa|default}}}-3 { display: block !important; }


.header-tab-selected {
    background: #36393F !important;
    border-bottom: 1px solid #36393F !important;
}