MediaWiki:Common.css: Różnice pomiędzy wersjami

Z ChanWiki
Przejdź do nawigacji Przejdź do wyszukiwania
imported>Cot
Nie podano opisu zmian
imported>Cot
Nie podano opisu zmian
Linia 1: Linia 1:
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
body {
 
background: #212121;
/* misc */
color: #cfd8dc
 
.bubblebox {
 
        margin-bottom: 20px;
 
        padding: 5px;
 
        border-width: 1px;
 
        border-style: solid;
 
        border-radius: 10px;
 
}
}


span {
 
color: #cfd8dc
.bubblebox > .content {
 
        padding: 5px;
 
}
}


a {
 
color: #1e88e5!important
.bubblebox.blue {
 
        background-color: #f5faff;
 
        border-color: #a7d7f9;
 
        box-shadow: 2px 2px #a7d7f9;
 
}
}


.bubblebox.red {
#mp-rside,
 
.mw-body {
        background-color: #fff3f3;
background: #263238!important;
 
border: 0!important
        border-color: #dcb3b3;
 
        box-shadow: 2px 2px #dcb3b3;
 
}
}


.bubblebox.orange {
.firstHeading,
 
.mp-bordered,
        background-color: #fff4db;
.mp-bordered * {
 
color: #cfd8dc;
        border-color: #fbd160;
background: 0 0!important
 
        box-shadow: 2px 2px #fbd160;
 
}
}


.bubblebox.gray {
.bubblebox,
 
.mainpage_box,
        background-color: #f3f3f3;
.mw-parser-output .mp-bordered,
 
.mw-parser-output .mp-h2,
        border-color: #bdbdbd;
body.skin-timeless .mw-parser-output .mp-h2 {
 
border-color: #455a64!important
        box-shadow: 2px 2px #bdbdbd;
 
}
}


.bubblebox.green {
.mid-table {
 
display: none
        background-color: #f3f6ee;
 
        border-color: #b4be94;
 
        box-shadow: 2px 2px #b4be94;
 
}
 
 
.bubblebox > .label img {
 
        margin-top: -2px;
 
}
 
.bubblebox > .label {
 
        padding: 0 10px 0 10px;
 
        height: 20px;
 
        border-radius: 10px;
 
        font-weight: bold;
 
        color: #000;
 
}
}


.bubblebox.blue > .label {  
.mp-h2 {
 
background: #455a64!important
        background-color: #a7d7f9;
 
}
}


.bubblebox.red > .label {  
#mw-head {
 
background: #212121!important;
        background-color: #dcb3b3;
border: 0!important
 
}
}


.bubblebox.orange > .label {  
.vector-menu-content-list * {
 
background: 0 0!important;
        background-color: #fbd160;
color: #cfd8dc
 
}
}


.bubblebox.gray > .label {  
#p-namespaces,
 
#p-views {
        background-color: #bdbdbd;
background-image: none!important
 
}
}


.bubblebox.green > .label {  
.bubblebox {
 
box-shadow: none!important;
        background-color: #b4be94;
background: #455a64!important
 
}
 
 
 
#mp-top {
 
        font-family: sans-serif;
 
        overflow: auto;
 
}
}


.external {
 
color: #1e88e5!important
 
#mp-header {
 
        float: left;
 
        padding: 0 0 10px 10px;
 
        width: 25%;
 
}
}


#mp-header em {
.mw-body a.extiw,
 
.uls-language-list a,
        font-size: 1.2em;
body a.external {
 
color: #1e88e5!important
}
}


.mw-body a.external,
 
.mw-body a.extiw,
#mp-welcome {
.uls-language-list a,
 
a {
        font-size: 1.6em;
color: #1e88e5!important
 
}
}


.mw-body,
 
.parsoid-body {
color: #cfd8dc
 
#mp-nav {
 
        margin-left: 25%;
 
        padding: 5px;
 
        text-align: center;
 
}
}


#mp-nav img {
ul {
 
list-style-type: disc;
        background-color: #a7d7f9;
list-style-image: unset!important
 
        border-radius: 26px;
 
}
 
#mp-nav img:hover {
 
        background-color: #0060a0;
 
        box-shadow: 0 0 5px #a7d7f9;
 
}
 
#mp-nav .enlarged {
 
        font-size: 1.2em;
 
}
 
 
#mp-categories {
 
        margin: 0;
 
        list-style-type: none;
 
}
 
#mp-categories li {
 
        display: inline-block;
 
        margin: 0 10px 10px 0;
 
        min-width: 60px;
 
        white-space: nowrap;
 
        text-align: center;
 
}
 
 
 
#mp-main {
 
        font-family: sans-serif;
 
}
 
 
#mp-lside {
 
        float: left;
 
        width: 35%;
 
}
 
#mp-rside {
 
        margin-left: 35%;
 
        padding-left: 20px;
 
}
}


#ca-view,
 
#p-namespaces * {
background-image: none!important
 
/* Latest news content */
 
div.latest-news {
 
  background-image: url(images/1/1d/Dat-niusy-alpha.png);
 
  background-position: right bottom;
 
  background-repeat: no-repeat;
 
}
}


#mw-head div.darkvectorMenu h3 span {
 
color: #1e88e5!important
 
/* 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:last-child {margin: 0 10% 1.6em 10% !important;}
.bubblebox.red>.label {
 
background: #f8bbd0!important
table.ambox th.ambox-text, table.ambox td.ambox-text {     /* The message body cell(s) */
 
        padding: 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 */
.bubblebox.green>.label {
 
background-color: #c8e6c9!important
        padding: 4px 0 4px 0.5em;      /* 0.5em left, 0 right */
 
        text-align: center;
 
}
}


table.ambox td.ambox-imageright {       /* The right image cell */
.mbox-image,
 
.mbox-imageright,
        padding: 4px 4px 4px 0;         /* 0 left, 4px right */
.mbox-text {
 
background: #455a64!important;
        text-align: center;
border: none!important
 
}
}


table.ambox-notice {border-left: 10px solid #1e90ff;}  /* Blue */
.catlinks {
 
background: #212121;
table.ambox-delete,
border: 0!important
 
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%;
 
}
}


/* Fix doubled border in case of the occurence of multiple amboxes */
pre {
 
background: #212121;
table.ambox + table.ambox {border-top: 0 !important;}
color: #cfd8dc
 
 
 
.spoiler{background:black;color:black}.spoiler:hover{color:white}
 
.obrazek img{width:150px}
 
.obrazek > img {width:150px}
 
.obrazek > td > img {width:150px}
 
 
 
@font-face {
 
  font-family: 'Wycop';
 
  src: url('../fonts/Wycop.woff?v=0.1.5') format('woff'),
 
      url('../fonts/Wycop.ttf?v=0.1.5') format('truetype'),
 
      url('../fonts/Wycop.svg?v=0.1.5#Wycop') format('svg');
 
  font-weight: normal;
 
  font-style: normal;
 
}
}


 
#footer-info-copyright {
 
color: #cfd8dc
.wycop {
 
  display: inline-block;
 
  font: normal normal normal 14px/1 Wycop;
 
  font-size: inherit;
 
  text-rendering: auto;
 
  -webkit-font-smoothing: antialiased;
 
  -moz-osx-font-smoothing: grayscale;
 
  transform: translate(0, 0);
 
}
}


 
.toc {
 
background: #212121
.wycop-stack {
 
  position: relative;
 
  display: inline-block;
 
  width: 1em;
 
  height: 1em;
 
  line-height: 1em;
 
  vertical-align: middle;
 
}
}


 
#mw-toc-heading,
 
.tocnumber {
.wycop-stack-1x {
color: #cfd8dc!important
 
  position: absolute;
 
  left: 0;
 
  width: 100%;
 
  text-align: center;
 
  line-height: inherit;
 
}
}


 
.thumbinner {
 
background: #212121!important;
.wycop-wykop:before { content: "\f1f8"; }
color: #cfd8dc!important;
 
border-color: #455a64!important
.wycop-karachan:before { content: "\f1f9"; }
 
.wycop-papiez:before { content: "\f1fa"; }
 
.wycop-bartoszewski:before { content: "\f1fb"; }
 
 
 
 
 
@font-face {
 
    font-family: morpheus;
 
    src: url('//szonarchive.xyz/fonts/morpheus.ttf');
 
}
}


 
#template-documentation {
 
background: #263238!important
.witcher {
 
        font-family: morpheus;
 
        font-size: 110%;
 
}
}


 
.infobox {
 
background: #212121!important;
@font-face {
color: #cfd8dc
 
  font-family: 'Chicago';
 
  src: url('//szonarchive.xyz/fonts/Chicago.ttf')  format('truetype');
 
}
}


 
.infobox * {
 
background: 0 0!important
@font-face {
 
  font-family: 'Carbon';
 
  src: url('//szonarchive.xyz/fonts/Carbon.ttf')  format('truetype');
 
}
}


 
.infobox tbody tr th {
 
background: #263238!important
@font-face {
 
  font-family: 'BebasNeueBold';
 
  src: url('//szonarchive.xyz/fonts/BebasNeueBold.otf')  format("opentype");
 
}
}


#content,div.vectorMenu h3 span,element.style,h1,h2,span{color:#eee}.catlinks,.mw-body,div.thumbinner{border:1px solid #666}#mw-head,body{background-color:#222}#toc,.tocnumber{background-color:#444;color:#eee}#content{background-color:#333}div.thumbinner{background-color:#777}#pagehistory li.selected,.catlinks,.editOptions,table *{background-color:#555}table *{border:none}.mw-plusminus-pos{color:#afa}.mw-plusminus-neg{color:#f88}.autocomment{color:#bbb}td.diff-context{color:#bbb;background-color:#666;border-color:#777}.diff-addedline .diffchange{background-color:#47b}.diff-deletedline .diffchange{background-color:#993}.mw-search-profile-tabs{background-color:#444}.search-types .current a{color:#ccf}.mw-code,.mw-searchSuggest-link *,.oo-ui-textInputWidget.oo-ui-iconElement input,.oo-ui-textInputWidget.oo-ui-iconElement textarea,.suggestions-results *,.suggestions-special .special-query,div#simpleSearch,div#simpleSearch input,pre{background-color:#555;color:#eee}div.vectorMenu li a{background-color:#555;color:#ccf}.suggestions-special .special-label,div#footer ul li{color:#ddd}.mw-body-content a.extiw,a,a.external.free,a.external.text{color:#ccf}.mw-body-content a.extiw:visited,a.external.free:visited,a.external.text:visited,a:visited{color:#caf}a.new{color:#faa}a.new:visited{color:#fac}div#mw-panel div.portal div.body ul li a{color:#ccf}div#mw-panel div.portal div.body ul li a:visited{color:#caf}div#mw-panel div.portal h3{color:#eee}#p-personal a.new{color:#faa}#p-personal a.new:visited{color:#fac}a.external.autonumber{color:#ccf}a:visited.external.autonumber{color:#caf}div.vectorTabs span,div.vectorTabs ul li{background-image:none;background-color:#555}div.vectorTabs{background-image:none;border-left:1px solid #666}div.vectorTabs li a{color:#ccf;background-color:#161616}div.vectorTabs li.selected a{background-color:#333}div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{color:#fff}div.vectorTabs li.new a,div.vectorTabs li.new a:visited{color:#fac}.bubblebox.blue,.bubblebox.gray,.bubblebox.green,.bubblebox.orange,.bubblebox.red{background-color:#555}
.infobox tbody tr td,
 
.infobox tr td {
 
background: #263238!important
 
.spoilers-body {
 
    color: black!important;
 
}
}

Wersja z 12:40, 21 cze 2020

body {
	background: #212121;
	color: #cfd8dc
}

span {
	color: #cfd8dc
}

a {
	color: #1e88e5!important
}

#mp-rside,
.mw-body {
	background: #263238!important;
	border: 0!important
}

.firstHeading,
.mp-bordered,
.mp-bordered * {
	color: #cfd8dc;
	background: 0 0!important
}

.bubblebox,
.mainpage_box,
.mw-parser-output .mp-bordered,
.mw-parser-output .mp-h2,
body.skin-timeless .mw-parser-output .mp-h2 {
	border-color: #455a64!important
}

.mid-table {
	display: none
}

.mp-h2 {
	background: #455a64!important
}

#mw-head {
	background: #212121!important;
	border: 0!important
}

.vector-menu-content-list * {
	background: 0 0!important;
	color: #cfd8dc
}

#p-namespaces,
#p-views {
	background-image: none!important
}

.bubblebox {
	box-shadow: none!important;
	background: #455a64!important
}

.external {
	color: #1e88e5!important
}

.mw-body a.extiw,
.uls-language-list a,
body a.external {
	color: #1e88e5!important
}

.mw-body a.external,
.mw-body a.extiw,
.uls-language-list a,
a {
	color: #1e88e5!important
}

.mw-body,
.parsoid-body {
	color: #cfd8dc
}

ul {
	list-style-type: disc;
	list-style-image: unset!important
}

#ca-view,
#p-namespaces * {
	background-image: none!important
}

#mw-head div.darkvectorMenu h3 span {
	color: #1e88e5!important
}

.bubblebox.red>.label {
	background: #f8bbd0!important
}

.bubblebox.green>.label {
	background-color: #c8e6c9!important
}

.mbox-image,
.mbox-imageright,
.mbox-text {
	background: #455a64!important;
	border: none!important
}

.catlinks {
	background: #212121;
	border: 0!important
}

pre {
	background: #212121;
	color: #cfd8dc
}

#footer-info-copyright {
	color: #cfd8dc
}

.toc {
	background: #212121
}

#mw-toc-heading,
.tocnumber {
	color: #cfd8dc!important
}

.thumbinner {
	background: #212121!important;
	color: #cfd8dc!important;
	border-color: #455a64!important
}

#template-documentation {
	background: #263238!important
}

.infobox {
	background: #212121!important;
	color: #cfd8dc
}

.infobox * {
	background: 0 0!important
}

.infobox tbody tr th {
	background: #263238!important
}

.infobox tbody tr td,
.infobox tr td {
	background: #263238!important
}