Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Vector.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 68: Line 68:
align-content: center;
align-content: center;
overflow: hidden;
overflow: hidden;
}
.mw-ads-ramp #bg3wiki-header-ad {
width: 320px;
height: 50px;
}
}


Line 78: Line 82:
/* Ad banner is 468px. Add another 16px as padding. */
/* Ad banner is 468px. Add another 16px as padding. */
max-width: calc(100% - 468px - 16px);
max-width: calc(100% - 468px - 16px);
}
.mw-ads-ramp #firstHeading {
margin-top: 12px;
max-width: calc(100% - 320px - 16px);
}
}
.mw-ads-enabled .mw-indicators {
.mw-ads-enabled .mw-indicators {
Line 144: Line 152:
   visitors, as they may want to use that. */
   visitors, as they may want to use that. */
.mw-anonymous #p-Special,
.mw-anonymous #p-Special,
.mw-anonymous #p-tb {
.mw-anonymous #p-tb,
.mw-anonymous #p-VisualData {
display: none;
display: none;
}
}
Line 222: Line 231:


/* Discord */
/* Discord */
body.theme-dark-grey #n-Join-the-Discord\! {
body.theme-dark-grey #n-Join-the-Discord\!,
body.theme-dark-grey #n-Discord {
margin-top: 8px;
margin-top: 8px;
}
}
body.theme-dark-grey #n-Join-the-Discord\! a {
body.theme-dark-grey #n-Join-the-Discord\! a,
body.theme-dark-grey #n-Discord a {
padding-top: 3px;
padding-top: 3px;
padding-bottom: 2px;
padding-bottom: 2px;
Line 240: Line 251:
background-repeat: no-repeat;
background-repeat: no-repeat;
font-weight: bold;
font-weight: bold;
}
/* Payment */
body.theme-dark-grey #n-Payment {
margin-top: 8px;
}
body.theme-dark-grey #n-Payment a {
padding-top: 3px;
padding-bottom: 2px;
padding-left: 24px;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg fill="%23FFA03C" viewBox="-0.5 0 20.4 20.4" xmlns="http://www.w3.org/2000/svg"><path d="M16.417 10.283A7.917 7.917 0 1 1 8.5 2.366a7.916 7.916 0 0 1 7.917 7.917zm-4.844 1.754a2.249 2.249 0 0 0-.556-1.477l-.001-.002a3.02 3.02 0 0 0-.835-.665l-.003-.002a3.498 3.498 0 0 0-.866-.313H9.31a3.78 3.78 0 0 0-.795-.083 2.849 2.849 0 0 1-.475-.037 1.8 1.8 0 0 1-.494-.158l-.002-.001a1.17 1.17 0 0 1-.371-.298L7.172 9a.733.733 0 0 1-.175-.44.749.749 0 0 1 .421-.63 2.157 2.157 0 0 1 1.11-.297 2.283 2.283 0 0 1 .391.066l.049.01a2.479 2.479 0 0 1 .473.166 1.33 1.33 0 0 1 .381.261.792.792 0 1 0 1.118-1.12 2.902 2.902 0 0 0-.85-.585 3.996 3.996 0 0 0-.785-.268h-.001l-.008-.002v-.786a.792.792 0 1 0-1.583 0v.763a3.557 3.557 0 0 0-1.14.454 2.328 2.328 0 0 0-1.159 1.967 2.296 2.296 0 0 0 .529 1.44 2.724 2.724 0 0 0 .894.717 3.342 3.342 0 0 0 .942.305 4.398 4.398 0 0 0 .736.059 2.202 2.202 0 0 1 .46.046 1.927 1.927 0 0 1 .467.168 1.431 1.431 0 0 1 .382.308.674.674 0 0 1 .165.436c0 .097 0 .324-.385.573a2.182 2.182 0 0 1-1.132.314 3.515 3.515 0 0 1-.494-.06 2.381 2.381 0 0 1-.459-.148h-.001a.953.953 0 0 1-.356-.274.792.792 0 1 0-1.197 1.037 2.516 2.516 0 0 0 .967.708 3.799 3.799 0 0 0 .774.237h.007v.783a.792.792 0 1 0 1.583 0v-.79a3.581 3.581 0 0 0 1.17-.479 2.215 2.215 0 0 0 1.107-1.9z"/></svg>');
background-repeat: no-repeat;
font-weight: bold;
}
body.theme-dark-grey #n-Payment a::after {
content: " (!!!)";
}
}


Line 323: Line 350:
a.ext-audiobutton[data-state="play"]::before {
a.ext-audiobutton[data-state="play"]::before {
content: ' ';
content: ' ';
background-image: url(
background-image: url('data:image/svg+xml,
'data:image/svg+xml,\
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 64 64">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" height="16px" width="16px" viewBox="0 0 64 64" fill="#ffa03c">\
<circle fill="none" cx="32" cy="32" r="29" stroke-width="3" stroke="%23ffa03c"/>
<circle fill="none" stroke="#ffa03c" stroke-width="3" cx="32" cy="32" r="31"/>\
<polygon fill="%23ffa03c" points="24,18 24,46 48,32 "/>
<polygon points="23.75,17.625 23.75,46.25 48.625,32 "/>\
</svg>');
</svg>'
);
width: 20px;
width: 20px;
height: 20px;
height: 20px;
Line 340: Line 365:
a.ext-audiobutton[data-state="pause"]::before {
a.ext-audiobutton[data-state="pause"]::before {
content: ' ';
content: ' ';
background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 64 64"><path fill="none" stroke="%23ffa03c" stroke-width="3" stroke-miterlimit="10" d="M53.92,10.081c12.107,12.105,12.107,31.732,0,43.838c-12.106,12.108-31.734,12.108-43.839,0c-12.107-12.105-12.107-31.732,0-43.838C22.186-2.027,41.813-2.027,53.92,10.081z"/><line stroke="%23ffa03c" stroke-width="5" stroke-miterlimit="10" x1="25" y1="23" x2="25" y2="41"/><line stroke="%23ffa03c" stroke-width="5" stroke-miterlimit="10" x1="38" y1="23" x2="38" y2="41"/></svg>');
background-image: url('data:image/svg+xml,
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 64 64">
<circle fill="none" cx="32" cy="32" r="29" stroke-width="3" stroke="%23ffa03c"/>
<line x1="26" y1="20" x2="26" y2="44" stroke="%23ffa03c" stroke-width="4"/>
<line x1="38" y1="20" x2="38" y2="44" stroke="%23ffa03c" stroke-width="4"/>
</svg>');
width: 20px;
width: 20px;
height: 20px;
height: 20px;