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 |
Tag: Undo |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 28: | Line 28: | ||
} |
} |
||
body.skin-watercolordark #mp-topbanner { background: unset!important; } |
|||
#mp-topbanner { |
#mp-topbanner { |
||
background: #f9f9f9; |
|||
border-color: #ddd; |
border-color: #ddd; |
||
} |
} |
||
Line 65: | Line 66: | ||
} |
} |
||
body.skin-watercolordark #mp-banner { background: unset!important; } |
|||
#mp-banner { |
#mp-banner { |
||
/*background: #fffaf5;*/ |
/*background: #fffaf5;*/ |
||
Line 70: | Line 72: | ||
} |
} |
||
body.skin-watercolordark #mp-left { background: unset!important; } |
|||
#mp-left { |
#mp-left { |
||
background: #f5fffa; |
|||
border-color: #cef2e0; |
border-color: #cef2e0; |
||
} |
} |
||
body.skin-watercolordark #mp-left .mp-h2 { background: unset!important; } |
|||
#mp-left .mp-h2 { |
#mp-left .mp-h2 { |
||
background: #cef2e0; |
|||
border-color: #a3bfb1; |
border-color: #a3bfb1; |
||
} |
} |
||
body.skin-watercolordark #mp-right { background: unset!important; } |
|||
#mp-right { |
#mp-right { |
||
background: #f5faff; |
|||
border-color: #cedff2; |
border-color: #cedff2; |
||
} |
} |
||
body.skin-watercolordark #mp-right .mp-h2 { background: unset!important; } |
|||
#mp-right .mp-h2 { |
#mp-right .mp-h2 { |
||
background: #cedff2; |
|||
border-color: #a3b0bf; |
border-color: #a3b0bf; |
||
} |
} |
||
body.skin-watercolordark #mp-middle { background: unset!important; } |
|||
#mp-middle { |
#mp-middle { |
||
background: #fff5fa; |
|||
border-color: #f2cedd; |
border-color: #f2cedd; |
||
} |
} |
||
body.skin-watercolordark #mp-middle .mp-h2 { background: unset!important; } |
|||
#mp-middle .mp-h2 { |
#mp-middle .mp-h2 { |
||
background: #f2cedd; |
|||
border-color: #bfa3af; |
border-color: #bfa3af; |
||
} |
} |
||
body.skin-watercolordark #mp-lower { background: unset!important; } |
|||
#mp-lower { |
#mp-lower { |
||
background: #faf5ff; |
|||
border-color: #ddcef2; |
border-color: #ddcef2; |
||
} |
} |
||
body.skin-watercolordark #mp-lower .mp-h2 { background: unset!important; } |
|||
#mp-lower .mp-h2 { |
#mp-lower .mp-h2 { |
||
background: #ddcef2; |
|||
border-color: #afa3bf; |
border-color: #afa3bf; |
||
} |
} |
||
Line 115: | Line 125: | ||
} |
} |
||
body.skin-watercolordark #mp-bottom .mp-h2 { background: unset!important; } |
|||
#mp-bottom .mp-h2 { |
#mp-bottom .mp-h2 { |
||
background: #eee; |
|||
border-color: #ddd; |
border-color: #ddd; |
||
} |
} |
Latest revision as of 21:57, 23 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; }
#mp-left {
background: #f5fffa;
border-color: #cef2e0;
}
body.skin-watercolordark #mp-left .mp-h2 { background: unset!important; }
#mp-left .mp-h2 {
background: #cef2e0;
border-color: #a3bfb1;
}
body.skin-watercolordark #mp-right { background: unset!important; }
#mp-right {
background: #f5faff;
border-color: #cedff2;
}
body.skin-watercolordark #mp-right .mp-h2 { background: unset!important; }
#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;
}
}