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

Wersja z 14:56, 31 maj 2020

/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */

/* misc */

.bubblebox {

        margin-bottom: 20px;

        padding: 5px;

        border-width: 1px;

        border-style: solid;

        border-radius: 10px;

}

 

.bubblebox > .content {

        padding: 5px;

}

 

.bubblebox.blue {

        background-color: #f5faff;

        border-color: #a7d7f9;

        box-shadow: 2px 2px #a7d7f9;

}

.bubblebox.red {

        background-color: #fff3f3;

        border-color: #dcb3b3;

        box-shadow: 2px 2px #dcb3b3;

}

.bubblebox.orange {

        background-color: #fff4db;

        border-color: #fbd160;

        box-shadow: 2px 2px #fbd160;

}

.bubblebox.gray {

        background-color: #f3f3f3;

        border-color: #bdbdbd;

        box-shadow: 2px 2px #bdbdbd;

}

.bubblebox.green {

        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 { 

        background-color: #a7d7f9;

}

.bubblebox.red > .label { 

        background-color: #dcb3b3;

}

.bubblebox.orange > .label { 

        background-color: #fbd160;

}

.bubblebox.gray > .label { 

        background-color: #bdbdbd;

}

.bubblebox.green > .label { 

        background-color: #b4be94;

}

 

 

#mp-top {

        font-family: sans-serif;

        overflow: auto;

}

 

 

#mp-header {

        float: left;

        padding: 0 0 10px 10px;

        width: 25%;

}

#mp-header em {

        font-size: 1.2em;

}

 

#mp-welcome {

        font-size: 1.6em;

}

 

 

#mp-nav {

        margin-left: 25%;

        padding: 5px;

        text-align: center;

}

#mp-nav img {

        background-color: #a7d7f9; 

        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;

}

 

 

/* Latest news content */

div.latest-news {

   background-image: url(images/1/1d/Dat-niusy-alpha.png);

   background-position: right bottom;

   background-repeat: no-repeat;

}

 

 

/* 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;}

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 */

        padding: 4px 0 4px 0.5em;       /* 0.5em left, 0 right */

        text-align: center;

}

table.ambox td.ambox-imageright {       /* The right image cell */

        padding: 4px 4px 4px 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%;

}

/* Fix doubled border in case of the occurence of multiple amboxes */

table.ambox + table.ambox {border-top: 0 !important;}



.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;

}



.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);

}



.wycop-stack {

  position: relative;

  display: inline-block;

  width: 1em;

  height: 1em;

  line-height: 1em;

  vertical-align: middle;

}



.wycop-stack-1x {

  position: absolute;

  left: 0;

  width: 100%;

  text-align: center;

  line-height: inherit;

}



.wycop-wykop:before { content: "\f1f8"; }

.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');

}



.witcher {

        font-family: morpheus;

        font-size: 110%;

}



@font-face {

  font-family: 'Chicago';

  src: url('//szonarchive.xyz/fonts/Chicago.ttf')  format('truetype');

}



@font-face {

  font-family: 'Carbon';

  src: url('//szonarchive.xyz/fonts/Carbon.ttf')  format('truetype');

}



@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}



.spoilers-body {

    color: black!important;

}