Pikipedia

MediaWiki:Monobook.css: Difference between revisions

Message Discussion

MediaWiki:Monobook.css (view source)

Revision as of 20:29, January 24, 2024

995 bytes added ,  3 months ago
m
no edit summary
(?)
mNo edit summary
 
(54 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Monobook skin */
/* CSS placed here will affect users of the Monobook skin */


#globalWrapper { background: none !important; }
#globalWrapper {
overflow: hidden;
background: none !important;
}
.firstHeading { margin-top: 5px; }
p { margin: 0.6em 0 0.7em 0; }
h1 { font-size: 193%; }
h1 { font-size: 193%; }
p { margin: 0.6em 0 0.7em 0; }
h3 + dl, h4 + dl, h5 + dl {
h3 + dl, h4 + dl, h5 + dl {
margin-top: -0.1em;
margin-top: -0.1em;
Line 16: Line 20:
}
}


.editsimilar {
/* Infoboxes */
.infobox th {
background: #cfc;
background: #cfc;
}
/* Pikipedia boxes */
.pikipediaBox {
background-color: #cfc;
border: 2px outset #0b0;
border: 2px outset #0b0;
border-radius: 40px 0;
border-radius: 30px 0 20px 0;
}
 
/* Titled boxes */
.titledBox {
background-color: #f5fffa;
border: 1px solid #cef2e0;
margin-top: 10px;
}
.titledBoxTitle {
background-color: #cef2e0;
border: 1px solid #a3bfb1;
}
 
/* CategoryTree */
.CategoryTreeToggle {
color: #080;
}
}


Line 26: Line 52:
background: none;
background: none;
border: 1px solid #9c9;
border: 1px solid #9c9;
}
#wpSummaryWidget .oo-ui-labelElement-label {
margin-top: -4px;
}
input#wpSummary {
width: 99%;
}
}


Line 47: Line 79:
border: outset #0b0;
border: outset #0b0;
border-width: 2px 0;
border-width: 2px 0;
background: url(/images/8/8a/Wiki-background.jpg) -150px top no-repeat fixed;
background: white;
background: rgba(255, 255, 255, 0.95);
background: rgba(255, 255, 255, 0.95);
}
}
ul { list-style-image: url(/images/bullet.png); }
ul {
.pikipediaBox {
list-style-image: url(https://pikmin.wiki.gallery/images/bullet.png);
border-radius: 30px 0 20px 0;
}
}
#toc {
#toc {
background: #cfc;
background: #cfc;
border: 2px outset #0b0;
border-radius: 60px 0 40px 0;
border-radius: 60px 0 40px 0;
border: 2px outset #0b0;
padding: 7px 13px;
min-width: 115px;
}
#toc li {
list-style: none;
}
body {
background: #6a9140 url(https://pikmin.wiki.gallery/images/8/8a/Wiki-background.jpg) no-repeat fixed -150px top;
}
}
#toc li { list-style: none; }
body { background: url(/images/8/8a/Wiki-background.jpg) -150px top no-repeat fixed #6a9140; }
div#content {
div#content {
border: 2px outset #0b0 !important;
border: 2px outset #0b0 !important;
border-radius: 15px;
border-radius: 15px;
background: url(/images/8/8a/Wiki-background.jpg) -150px top no-repeat fixed;
background: white;
background: rgba(255, 255, 255, 0.95);
background: rgba(255, 255, 255, 0.95);
}
}
table, td, table.diff, td.diff-otitle, td.diff-ntitle { background: none; }
table, td, table.diff,
pre { background: rgba(249, 249, 249, .7); }
td.diff-otitle, td.diff-ntitle {
div.thumb { border: none; }
background: none;
}
pre {
background: rgba(249, 249, 249, .7);
}
div.thumb {
border: none;
}
div.tright {
div.tright {
border: none;
border: none;
Line 89: Line 129:
}
}


/* Sidebar */
@media all and (min-width: 551px) {
.portlet { width: 150px; }
/* User links */
.portlet h3 {
body.skin-monobook #p-personal ul {
text-transform: uppercase;
background: rgba(0, 0, 0, 0.4);
color: #fff;
border-radius: 0 0 0 10px;
background: #050;
float: right;
border: 2px outset #0b0;
padding: 2px 1em 2px 0;
padding: 1px 0 3px 10px;
}
font-weight: bold;
body.skin-monobook #p-personal li a,
display: block;
body.skin-monobook li#pt-anonuserpage {
border-radius: 11px 0;
color: #efe;
}
}
.portlet h3 label { cursor: auto; }
body.skin-monobook #p-personal li a:hover {
.pBody {
color: #bfb;
background: #cfc;
background: none;
border: 2px outset #0b0;
text-decoration: underline;
padding-left: 0;
}
margin: 2px 20px 0 5px;
 
border-radius: 25px 0;
/* Tabs */
}
body.skin-monobook #p-cactions .pBody:hover {
.portlet ul { list-style-type: none; }
opacity: 1;
}
body.skin-monobook #p-cactions li:hover {
opacity: 0.95;
}
body.skin-monobook #p-cactions li {
border: 2px outset #0b0;
border-bottom: 1px solid #fff;
border-radius: 10px 0;
padding: 0 0 .2em;
}
body.skin-monobook #p-cactions li.selected {
border-color: #fabd23;
}
body.skin-monobook #p-cactions li a {
border: none;
border-radius: 10px 0;
}


/* Search */
/* Sidebar */
input[type="submit"]:hover,
body.skin-monobook .portlet {
input[type="button"]:hover,
width: 150px;
.mw-body-content button:hover {
}
background: none;
body.skin-monobook .portlet h3 {
}
text-transform: uppercase;
#searchInput { width: 100px; }
color: #fff;
#p-search .pBody { padding: 4px 6px 5px 6px; }
background: #050;
#searchGoButton, #mw-searchButton {
border: 2px outset #0b0;
padding: 0 2px;
padding: 1px 0 3px 10px;
border-radius: 11px 0;
font-weight: bold;
}
display: block;
#searchGoButton:hover, #mw-searchButton:hover {
border-radius: 11px 0;
background: #fff;
}
}
body.skin-monobook .portlet h3 label {
cursor: auto;
}
body.skin-monobook .pBody {
background: #cfc;
border: 2px outset #0b0;
padding-left: 0;
margin: 2px 20px 0 5px;
border-radius: 25px 0;
}
body.skin-monobook .portlet ul {
list-style-type: none;
}


/* Tabs */
/* Search */
#p-cactions .pBody:hover { opacity: 1; }
input[type="submit"]:hover,
#p-cactions li:hover { opacity: 0.95; }
input[type="button"]:hover,
#p-cactions li {
.mw-body-content button:hover {
border: 2px outset #0b0;
background: none;
border-bottom: 1px solid #fff;
}
border-radius: 10px 0;
body.skin-monobook #searchInput {
padding: 0 0 .2em;
width: 100px;
}
}
#p-cactions li a {
body.skin-monobook #p-search .pBody {
border: none;
padding: 4px 6px 5px 6px;
border-radius: 10px 0;
}
body.skin-monobook #searchButton,
body.skin-monobook #mw-searchButton {
padding: 0 2px;
border-radius: 11px 0;
}
body.skin-monobook #searchButton:hover,
body.skin-monobook #mw-searchButton:hover {
background: #fff;
}
}
}
 
@media all and (max-width: 550px) {
/* User links */
body.skin--responsive #searchInput {
#p-personal ul {
border: 1px solid #aaa !important;
background: rgba(0, 0, 0, 0.4);
}
border-radius: 0 0 0 10px;
body.skin--responsive #searchButton {
float: right;
border: 0 !important;
padding: 2px 1em 2px 0;
}
body.skin--responsive #searchInput,
body.skin--responsive #searchButton {
border-radius: 0 !important;
box-sizing: border-box !important;
}
}
}
#p-personal li a, li#pt-anonuserpage { color: #efe; }
#p-personal li a:hover { color: #bfb; background: none; text-decoration: underline; }


/* Input boxes */
/* Input boxes */
Line 232: Line 313:
/* Links */
/* Links */
a,
a,
#p-cactions li a,
.toctogglelabel,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw,
.mw-parser-output a.external {
.mw-parser-output a.external,
body.skin-monobook #p-cactions li a,
.mw-special-CheckUser .mw-checkuser-paging-links {
color: #080;
color: #080;
}
}
Line 254: Line 337:
a.new:link,
a.new:link,
a.new:visited,
a.new:visited,
#p-cactions .new a,
a.mw-usertoollinks-contribs-no-edits,
#p-cactions .new a:visited {
body.skin-monobook #p-cactions .new a,
body.skin-monobook #p-cactions .new a:visited {
color: #bb0;
color: #bb0;
}
}
.mw-parser-output a.external {
.mw-parser-output a.external {
background: url(/images/external.png) center right no-repeat;
background: url(https://pikmin.wiki.gallery/images/external.png) center right no-repeat;
padding-right: 15px;
}
.mw-parser-output a.external[href$=".pdf"], .mw-parser-output a.external[href$=".PDF"],
.mw-parser-output a.external[href*=".pdf#"], .mw-parser-output a.external[href*=".PDF#"],
.mw-parser-output a.external[href*=".pdf?"], .mw-parser-output a.external[href*=".PDF?"], .link-document {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%23080' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%230a0' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
}
 
/* Infobox links */
.infobox a:visited{
color: #040;
}
.inbobox a:link{
color: #050;
}
}


Line 270: Line 366:
#siteNotice .pikipediaBox {
#siteNotice .pikipediaBox {
margin: 0 auto 5px !important;
margin: 0 auto 5px !important;
}
/* Infoboxes */
.infobox a:visited{
color: #040;
}
.inbobox a:link{
color: #050;
}
}


Line 285: Line 373:
border-radius: 10px 0;
border-radius: 10px 0;
background: none;
background: none;
}
/* Audio player */
.listenlist { width: auto !important; }
.listenlist p { text-align: left !important; }
/* Navboxes */
table.navbox-light {
color: #000;
}
table.navbox-light a,
table.navbox-light a.extiw,
table.navbox-light a.external {
color: #262;
}
table.navbox-light a:visited,
table.navbox-light a.extiw:visited,
table.navbox-light a.external:visited {
color: #141;
}
table.navbox-light a:hover,
table.navbox-light a.extiw:hover,
table.navbox-light a.external:hover {
color: #363;
}
table.navbox-light a:visited:hover,
table.navbox-light a.extiw:visited:hover,
table.navbox-light a.external:visited:hover {
color: #242;
}
table.navbox-light a.new,
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
color: #422;
}
table.navbox-dark {
color: #FFF;
}
table.navbox-dark a,
table.navbox-dark a.extiw,
table.navbox-dark a.external {
color: #BFB;
}
table.navbox-dark a:visited,
table.navbox-dark a.extiw:visited,
table.navbox-dark a.external:visited {
color: #CFC;
}
table.navbox-dark a:hover,
table.navbox-dark a.extiw:hover,
table.navbox-dark a.external:hover {
color: #CFC;
}
table.navbox-dark a:visited:hover,
table.navbox-dark a.extiw:visited:hover,
table.navbox-dark a.external:visited:hover {
color: #DFD;
}
table.navbox-dark a.new,
table.navbox-dark a.new:visited,
table.navbox-dark a.new:hover,
table.navbox-dark a.new:visited:hover {
color: #FDD;
}
}


/* News on the front page */
/* News on the front page */
.news-date{
.news-date {
color: #343;
color: #343;
font-style: italic;
font-style: italic;
Line 358: Line 382:


/* Fix footer spacing */
/* Fix footer spacing */
#f-list {
body.skin-monobook #f-list {
line-height: 17px;
line-height: 17px;
}
/* Fix preferences tabs */
.client-js #preftoc a,
.client-js #preftoc a:active {
padding: 0 0.7em;
}
}


/* Indicator icons */
/* Indicator icons */
.mw-indicators {
.mw-indicators {
top: 2px;
top: -4px;
}
}


Line 388: Line 406:
.mw-mmv-wrapper a.mw-ui-button.mw-ui-progressive {
.mw-mmv-wrapper a.mw-ui-button.mw-ui-progressive {
color: #fff !important;
color: #fff !important;
}
/* References */
ol.references li:target,
sup.reference:target {
background-color: #CCFFCC;
}
/* CategoryTree */
.CategoryTreeToggle {
color: #080;
}
}


Line 415: Line 422:
.oo-ui-actionFieldLayout-input {
.oo-ui-actionFieldLayout-input {
padding-right: 3.5em;
padding-right: 3.5em;
}
/* Advanced search */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
box-shadow: none !important;
}
#mw-advancedSearch-expandable-namespaces .oo-ui-textInputWidget .oo-ui-inputWidget-input {
width: 94% !important;
}
.oo-ui-tagMultiselectWidget-handle {
border: 0 !important;
}
.oo-ui-icon-search, .oo-ui-icon-menu {
background-size: 14px;
background-position: 0 1px;
}
}


Line 420: Line 443:
.mw-body-content .mw-ui-button.mw-ui-progressive,
.mw-body-content .mw-ui-button.mw-ui-progressive,
.mw-body-content .mw-ui-button.mw-ui-primary {
.mw-body-content .mw-ui-button.mw-ui-primary {
color: black;
color: #000;
background: #CCFFCC;
background: #CCFFCC;
}
}
Line 437: Line 460:
.mw-body-content .mw-ui-input:focus {
.mw-body-content .mw-ui-input:focus {
box-shadow: inset 0 0 0 2px #CEF2E0;
box-shadow: inset 0 0 0 2px #CEF2E0;
}
/* Responsive fix */
@media all and (max-width: 550px) {
body.skin--responsive #sidebar .portlet[role="navigation"] {
display: none !important;
}
}
}
Retrieved from "https://www.pikminwiki.com/Special:MobileDiff/207029...286244"