If you plan to make a YouTube video or other content using bootlegs downloaded from our site, although we can't and won't force you to do anything, we greatly appreciate attribution for the large amounts of time and effort we spend finding these bootlegs. Thank you!
CrustyWin Wiki:Main Page/styles.css: Difference between revisions
Jump to navigation
Jump to search
Undefishin (talk | contribs) No edit summary |
Undefishin (talk | contribs) No edit summary |
||
Line 96: | Line 96: | ||
} |
} |
||
body.skin-watercolordark #mp-middle { background: unset!important |
body.skin-watercolordark #mp-middle { background: unset!important; } |
||
#mp-middle { |
#mp-middle { |
||
background: #fff5fa; |
background: #fff5fa; |
||
Line 102: | Line 102: | ||
} |
} |
||
body.skin-watercolordark #mp-middle .mp-h2 { background: unset!important |
body.skin-watercolordark #mp-middle .mp-h2 { background: unset!important; } |
||
#mp-middle .mp-h2 { |
#mp-middle .mp-h2 { |
||
background: #f2cedd; |
background: #f2cedd; |
||
Line 108: | Line 108: | ||
} |
} |
||
body.skin-watercolordark #mp-lower { background: unset!important |
body.skin-watercolordark #mp-lower { background: unset!important; } |
||
#mp-lower { |
#mp-lower { |
||
background: #faf5ff; |
background: #faf5ff; |
||
Line 114: | Line 114: | ||
} |
} |
||
body.skin-watercolordark #mp-lower .mp-h2 { background: unset!important |
body.skin-watercolordark #mp-lower .mp-h2 { background: unset!important; } |
||
#mp-lower .mp-h2 { |
#mp-lower .mp-h2 { |
||
/*background: #ddcef2;*/ |
/*background: #ddcef2;*/ |
||
Line 125: | Line 125: | ||
} |
} |
||
body.skin-watercolordark #mp-bottom .mp-h2 { background: unset!important |
body.skin-watercolordark #mp-bottom .mp-h2 { background: unset!important; } |
||
#mp-bottom .mp-h2 { |
#mp-bottom .mp-h2 { |
||
background: #eee; |
background: #eee; |
Revision as of 16:57, 7 November 2023
/* {{pp|small=yes}} */
.thumbinner {
background-color: transparent !important;
border: 0px;
}
.magnify {
display: none !important;
}
.mp-box {
border: 1px solid #aaa; /* all border colors overriden on specific elements */
padding: 0 0.5em 0.5em;
margin-top: 4px;
}
.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
border: 1px solid #aaa; /* all border colors overriden on specific elements */
margin: 0.5em 0;
padding: 0.2em 0.4em;
font-size: 120%;
font-weight: bold;
font-family: inherit;
}
.mp-later {
font-size: 85%;
font-weight: normal;
}
body.skin-watercolordark #mp-topbanner { background: unset!important; }
#mp-topbanner {
background: #f9f9f9;
border-color: #ddd;
}
#mp-welcomecount {
text-align: center;
margin: 0.4em;
}
#mp-welcome {
font-size: 162%;
padding: 0.1em;
}
#mp-welcome h1 {
font-size: inherit;
font-family: inherit;
display: inline;
border: none;
}
#mp-free {
font-size: 95%;
}
#articlecount {
font-size: 85%;
}
/* clear fix */
.mp-contains-float::after {
content: "";
display: block;
clear: both;
}
body.skin-watercolordark #mp-banner { background: unset!important; }
#mp-banner {
/*background: #fffaf5;*/
border-color: #f2e0ce;
}
body.skin-watercolordark #mp-left { background: unset!important; color: #000; }
#mp-left {
background: #f5fffa;
border-color: #cef2e0;
}
body.skin-watercolordark #mp-left .mp-h2 { background: unset!important; color: #000; }
#mp-left .mp-h2 {
background: #cef2e0;
border-color: #a3bfb1;
}
body.skin-watercolordark #mp-right { background: unset!important; color: #000; }
#mp-right {
background: #f5faff;
border-color: #cedff2;
}
body.skin-watercolordark #mp-right .mp-h2 { background: unset!important; color: #000; }
#mp-right .mp-h2 {
background: #cedff2;
border-color: #a3b0bf;
}
body.skin-watercolordark #mp-middle { background: unset!important; }
#mp-middle {
background: #fff5fa;
border-color: #f2cedd;
}
body.skin-watercolordark #mp-middle .mp-h2 { background: unset!important; }
#mp-middle .mp-h2 {
background: #f2cedd;
border-color: #bfa3af;
}
body.skin-watercolordark #mp-lower { background: unset!important; }
#mp-lower {
background: #faf5ff;
border-color: #ddcef2;
}
body.skin-watercolordark #mp-lower .mp-h2 { background: unset!important; }
#mp-lower .mp-h2 {
/*background: #ddcef2;*/
border-color: #afa3bf;
}
#mp-bottom {
/* no background */
border-color: #e2e2e2;
}
body.skin-watercolordark #mp-bottom .mp-h2 { background: unset!important; }
#mp-bottom .mp-h2 {
background: #eee;
border-color: #ddd;
}
@media (max-width: 875px) {
/* We need to improve Template:POTD as used on the main page so that these
* hacks aren't necessary */
#mp-tfp table,
#mp-tfp tr,
#mp-tfp td,
#mp-tfp tbody {
display: block !important;
width: 100% !important;
box-sizing: border-box;
}
#mp-tfp tr:first-child td:first-child a {
text-align: center;
display: table;
margin: 0 auto;
}
}
@media (min-width: 875px) {
#mp-upper {
display: flex;
}
#mp-left {
flex: 1 1 55%;
margin-right: 2px;
}
#mp-right {
flex: 1 1 45%;
margin-left: 2px;
}
}