MediaWiki:Testnidizajn.css
Napomena: Nakon što objavite izmjene, možda ćete morati osvježiti keš preglednika da biste vidjeli izmjene.
- Firefox / Safari: Držite Shift i kliknite na Reload ili pritisnite Ctrl-F5 ili Ctrl-R (⌘-R na Macu)
- Google Chrome: Pritisnite Ctrl-Shift-R (⌘-Shift-R na Macu)
- Internet Explorer / Edge: Držite Ctrl i kliknite na Refresh ili pritisnite Ctrl-F5
- Opera: Pritisnite Ctrl-F5.
/*
* Stil za vlastitu različitu početnu
*/
#mw-content-text {
margin: 0 auto;
max-width: 125em;
}
.mp-panel {
margin-top: 1em;
padding: 1em;
overflow: hidden;
-moz-box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);
box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);
border-style: solid;
border-width: 1px;
border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;
background-color: #FAFAFA;
background-image: -moz-linear-gradient(top right, #F2F2F2, #FAFAFA);
background-image: -o-linear-gradient(top right, #F2F2F2, #FAFAFA);
background-image: -webkit-linear-gradient(top right, #F2F2F2, #FAFAFA);
background-image: linear-gradient(to bottom left, #F2F2F2, #FAFAFA);
}
.mw-body .mp-h2 {
border-bottom: none;
margin: -1em -1em .6em -1em;
padding: .5em 1em .2em 1em;
line-height: 1.3;
text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
background-color: #E0E0E0;
background-image: -moz-linear-gradient(left, #E0E0E0, #F2F2F2);
background-image: -o-linear-gradient(left, #E0E0E0, #F2F2F2);
background-image: -webkit-linear-gradient(left, #E0E0E0, #F2F2F2);
background-image: linear-gradient(to right, #E0E0E0, #F2F2F2);
}
#mp-tfa-h2,
#mp-tfl-h2,
#mp-tfp-h2 {
background-color: #CEF2E0;
background-image: -moz-linear-gradient(left, #CEF2E0, #F2F2F2);
background-image: -o-linear-gradient(left, #CEF2E0, #F2F2F2);
background-image: -webkit-linear-gradient(left, #CEF2E0, #F2F2F2);
background-image: linear-gradient(to right, #CEF2E0, #F2F2F2);
}
#mp-itn-h2,
#mp-otd-h2 {
background-color: #CEDFF2;
background-image: -moz-linear-gradient(left, #CEDFF2, #F2F2F2);
background-image: -o-linear-gradient(left, #CEDFF2, #F2F2F2);
background-image: -webkit-linear-gradient(left, #CEDFF2, #F2F2F2);
background-image: linear-gradient(to right, #CEDFF2, #F2F2F2);
}
#mp-dyk-h2 {
background-color: #E0CEF2;
background-image: -moz-linear-gradient(left, #E0CEF2, #F2F2F2);
background-image: -o-linear-gradient(left, #E0CEF2, #F2F2F2);
background-image: -webkit-linear-gradient(left, #E0CEF2, #F2F2F2);
background-image: linear-gradient(to right, #E0CEF2, #F2F2F2);
}
#mp-bae-h2 {
background-color: #F2E0CE;
background-image: -moz-linear-gradient(left, #F2E0CE, #F2F2F2);
background-image: -o-linear-gradient(left, #F2E0CE, #F2F2F2);
background-image: -webkit-linear-gradient(left, #F2E0CE, #F2F2F2);
background-image: linear-gradient(to right, #F2E0CE, #F2F2F2);
}
#mp-topbanner {
padding: 0;
}
#mp-topbanner-inner {
max-width: 960px;
margin: 0 auto;
padding: 1em;
overflow: hidden;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Wikipedia-logo-v2-o20.svg/250px-Wikipedia-logo-v2-o20.svg.png);
background-position: 1em 1em;
background-repeat: no-repeat;
background-size: 250px auto;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
#mp-topbanner-inner {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Wikipedia-logo-v2-o20.svg/375px-Wikipedia-logo-v2-o20.svg.png)
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
#mp-topbanner-inner {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Wikipedia-logo-v2-o20.svg/500px-Wikipedia-logo-v2-o20.svg.png)
}
}
#mp-topbanner-left,
#mp-topbanner-right {
font-family: "Linux Libertine", "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 17px;
line-height: 1.3;
}
#mp-topbanner-left img {
opacity: .8;
}
@media only screen and (max-width: 64em), only screen and (max-device-width: 64em) {
.mp-flex {
display: block !important;
}
.mp-margin-left {
margin-left: 0 !important;
}
.mp-float-left,
.mp-float-right,
#mp-topbanner-left,
#mp-topbanner-right {
float: none !important;
width: auto !important;
text-align: center !important;
}
}