MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
body {
background: #BFF8F7 url(https://i.imgur.com/gXHHGZp.png) 0 0 repeat-x;
font-family: verdana, geneva, arial, helvetica, sans-serif;
}
table.userboxitem {
float: right;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* HRWiki blockquotes */
.HRWikiMainPageBox1 {
background: url(https://i.imgur.com/Fu5Q7tb.png) repeat-x bottom right;
border: 1px solid #A50901;
padding: .5em 1em 1em;
color: #000;
background-color: #FAFAFA;
}
.HRWikiMainPageBox1 h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/UgivW84.gif) repeat-x top #500401;
border: none;
}
.HRWikiMainPageBox2 {
background: url(https://i.imgur.com/ptxQdnV.png) repeat-x bottom right;
border:1px solid #1C58A3;
padding: .5em 1em 1em;
color: #000;
background-color: #F3F6FA;
}
.HRWikiMainPageBox2 h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/WKHnGhO.gif) repeat-x top #012B60;
border: none;
}
/* Main character blockquotes */
.Homestar {
background: url(https://i.imgur.com/Z593Iah.png) repeat-x bottom right;
border:2px solid #005DFF;
padding: .5em 1em 1em;
color: #000;
background-color: #DCE8FF;
}
.Homestar h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/IJKEMPI.png) repeat-x bottom #005DFF;
border: none;
}
.StrongBad {
background: url(https://i.imgur.com/mjSoEvK.png) repeat-x bottom right;
border:2px solid #FF0000;
padding: .5em 1em 1em;
color: #000;
background-color: #FFDFDF;
}
.StrongBad h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/EPKlsrT.png) repeat-x bottom #FF0000;
border: none;
}
.TheCheat {
background: url(https://i.imgur.com/NM3BAl9.png) repeat-x bottom right;
border:2px solid #D9BA00;
padding: .5em 1em 1em;
color: #000;
background-color: #FBF9D4;
}
.TheCheat h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/ur0dVuv.png) repeat-x bottom #D9BA00;
border: none;
}
.StrongMad {
background: url(https://i.imgur.com/HCVQjjl.png) repeat-x bottom right;
border:2px solid #9E539B;
padding: .5em 1em 1em;
color: #000;
background-color: #EADFEA;
}
.StrongMad h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/1CSWRpm.png) repeat-x bottom #9E539B;
border: none;
}
.StrongSad {
background: url(https://i.imgur.com/zspYOC6.png) repeat-x bottom right;
border:2px solid #87888E;
padding: .5em 1em 1em;
color: #000;
background-color: #DEDEE2;
}
.StrongSad h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/YtptkgW.png) repeat-x bottom #87888E;
border: none;
}
.PomPom {
background: url(https://i.imgur.com/eURC8yC.png) repeat-x bottom right;
border:2px solid #FF8000;
padding: .5em 1em 1em;
color: #000;
background-color: #FFEAD4;
}
.PomPom h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/FVKi9eZ.png) repeat-x bottom #FF8000;
border: none;
}
.Marzipan {
background: url(https://i.imgur.com/hDmovbH.png) repeat-x bottom right;
border:2px solid #FF00FF;
padding: .5em 1em 1em;
color: #000;
background-color: #F9D4F9;
}
.Marzipan h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/61w5JCu.png) repeat-x bottom #FF00FF;
border: none;
}
.CoachZ {
background: url(https://i.imgur.com/Aj57ekr.png) repeat-x bottom right;
border:2px solid #3FE100;
padding: .5em 1em 1em;
color: #000;
background-color: #DCF9D4;
}
.CoachZ h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/6sO1NyU.png) repeat-x bottom #3FE100;
border: none;
}
.Bubs {
background: url(https://i.imgur.com/gGwh16q.png) repeat-x bottom right;
border:2px solid #CC7A63;
padding: .5em 1em 1em;
color: #000;
background-color: #FAE8DF;
}
.Bubs h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/H7LBGru.png) repeat-x bottom #CC7A63;
border: none;
}
.KingOfTown {
background: url(https://i.imgur.com/E01MYeP.png) repeat-x bottom right;
border:2px solid #875E7D;
padding: .5em 1em 1em;
color: #000;
background-color: #EAE2E8;
}
.KingOfTown h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/7fDUlmE.png) repeat-x bottom #875E7D;
border: none;
}
.Poopsmith {
background: url(https://i.imgur.com/ZdAAs3x.png) repeat-x bottom right;
border:2px solid #666633;
padding: .5em 1em 1em;
color: #000;
background-color: #E1E1D7;
}
.Poopsmith h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/GfBKVgi.png) repeat-x bottom #666633;
border: none;
}
.Homsar {
background: url(https://i.imgur.com/X2cbse4.png) repeat-x bottom right;
border:2px solid #6DB2AF;
padding: .5em 1em 1em;
color: #000;
background-color: #E3EDF0;
}
.Homsar h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/pHTvkyp.png) repeat-x bottom #6DB2AF;
border: none;
}
/* Halloween blockquotes */
.HomestarHalloween {
background: url(https://i.imgur.com/NbcajC4.png) repeat-x bottom right;
border:2px solid #7A5B93;
padding: .5em 1em 1em;
color: #000;
background-color: #A18EB0;
}
.HomestarHalloween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/fM4zFTb.png) repeat-x bottom #7A5B93;
border: none;
}
.StrongBadHalloween {
background: url(https://i.imgur.com/pst4IEl.png) repeat-x bottom right;
border:2px solid #D33437;
padding: .5em 1em 1em;
color: #000;
background-color: #FF9643;
}
.StrongBadHalloween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/aVfbLry.png) repeat-x bottom #D33437;
border: none;
}
.TheCheatHalloween {
background: url(https://i.imgur.com/Y8SQSBH.png) repeat-x bottom right;
border:2px solid #C76B2D;
padding: .5em 1em 1em;
color: #000;
background-color: #FBC62C;
}
.TheCheatHalloween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/lATnXSD.png) repeat-x bottom #C76B2D;
border: none;
}
.HomsarHalloween {
background: url(https://i.imgur.com/fkIEWTX.png) repeat-x bottom right;
border:2px solid #2D5C5A;
padding: .5em 1em 1em;
color: #000;
background-color: #778E92;
}
.HomsarHalloween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/kwQwMa2.png) repeat-x bottom #2D5C5A;
border: none;
}
.StrongMadHalloween {
background: url(https://i.imgur.com/5eCwof4.png) repeat-x bottom right;
border:2px solid #9A3D79;
padding: .5em 1em 1em;
color: #000;
background-color: #A37589;
}
.StrongMadHalloween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/7r8XgSO.png) repeat-x bottom #9A3D79;
border: none;
}
/* Decemberween blockquotes */
.HomestarDecemberween {
background: url(https://i.imgur.com/DcPaqqf.png) repeat-x bottom right;
border:2px solid #879EBD;
padding: .5em 1em 1em;
color: #000;
background-color: #E6F9FD;
}
.HomestarDecemberween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/fgus2zQ.png) repeat-x bottom #879EBD;
border: none;
}
.StrongBadDecemberween {
background: url(https://i.imgur.com/n5pru8w.png) repeat-x bottom right;
border:2px solid #BB4139;
padding: .5em 1em 1em;
color: #000;
background-color: #EDF9F9;
}
.StrongBadDecemberween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/my56rJk.png) repeat-x bottom #BB4139;
border: none;
}
.TheCheatDecemberween {
background: url(https://i.imgur.com/7A6U0IW.png) repeat-x bottom right;
border:2px solid #D4B600;
padding: .5em 1em 1em;
color: #000;
background-color: #EDFDF9;
}
.TheCheatDecemberween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/za18GWR.png) repeat-x bottom #D4B600;
border: none;
}
.HomsarDecemberween {
background: url(https://i.imgur.com/MC4oSIn.png) repeat-x bottom right;
border:2px solid #4D73FE;
padding: .5em 1em 1em;
color: #000;
background-color: #D6F3F7
}
.HomsarDecemberween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/68i03Tu.png) repeat-x bottom #4D73FE;
border: none;
}
.StrongMadDecemberween {
background: url(https://i.imgur.com/HZtyNvR.png) repeat-x bottom right;
border:2px solid #B0318F;
padding: .5em 1em 1em;
color: #000;
background-color: #EDF2FB;
}
.StrongMadDecemberween h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/fQMixaE.png) repeat-x bottom #B0318F;
border: none;
}
/* Welcome blockquote */
.Welcome {
background: url(https://i.imgur.com/Mi5rwD3.png) repeat-x bottom right;
border:2px solid #1F7F7F;
padding: .5em 1em 1em;
color: #000;
background-color: #D9EBFF;
}
/* BODH blockquotes */
.BODH {
background: url(https://i.imgur.com/b3vU03M.png) repeat-x bottom right;
border:3px solid #84670F;
padding: .5em 1em 1em;
color: #000;
background-color: #D2C8AA
}
.BODH h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/cIvvp3a.png) repeat-x bottom #84670F;
border: none;
}
.BODH2 {
background: none;
border: none;
padding: 0em;
color: #000;
background-color: none;
}
.BODH2 h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(https://i.imgur.com/cIvvp3a.png) repeat-x bottom #84670F;
border: none;
}
.BODHMovie {
background: url(https://i.imgur.com/REzdBAo.png) top left;
background-color: black;
}
/* Strong Bad Email blockquote */
#bodyContent blockquote.email, #article blockquote.email, #mw_contentholder blockquote.email {
border: 4px solid #cc9;
background: #000;
background-image: url(https://i.imgur.com/qhaBKvq.gif);
background-repeat: no-repeat;
background-position: bottom right;
color: #fff;
font-weight: bold;
padding: 1em;
font-family: courier new, monospace;
width: 500px;
}
#bodyContent blockquote.email div, #article blockquote.email div, #mw_contentholder blockquote.email div, #subject {
background: #33f;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid white;
}
/* Pixel Strong Bad Email blockquote */
#bodyContent blockquote.psbemail, #article blockquote.psbemail, #mw_contentholder blockquote.psbemail {
border: 4px solid #cc9;
background: #000;
background-image: url(https://i.imgur.com/IvfopbG.png);
background-repeat: no-repeat;
background-position: bottom right;
color: #fff;
font-weight: bold;
padding: 1em;
font-family: courier new, monospace;
width: 500px;
}
#bodyContent blockquote.psbemail div, #article blockquote.psbemail div, #mw_contentholder blockquote.psbemail div, #subject {
background: #33f;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid white;
}
/* Homestar Email blockquote */
#bodyContent blockquote.hsemail, #article blockquote.hsemail, #mw_contentholder blockquote.hsemail {
border: 4px solid #cc9;
background: #000;
background-image: url(https://i.imgur.com/rsHMsxH.png);
background-repeat: no-repeat;
background-position: bottom right;
color: #fff;
font-weight: bold;
padding: 1em;
font-family: courier new, monospace;
width: 500px;
}
#bodyContent blockquote.hsemail div, #article blockquote.hsemail div, #mw_contentholder blockquote.hsemail div, #subject {
background: #33f;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid white;
}
/* Homestripe Email blockquote */
#bodyContent blockquote.stripemail, #article blockquote.stripemail, #mw_contentholder blockquote.stripemail {
border: 4px solid #9cc;
background: #000;
background-image: url(https://i.imgur.com/0X3ptOm.png);
background-repeat: no-repeat;
background-position: bottom right;
color: #fff;
font-weight: bold;
padding: 1em;
font-family: courier new, monospace;
width: 500px;
}
#bodyContent blockquote.stripemail div, #article blockquote.stripemail div, #mw_contentholder blockquote.stripemail div, #subject {
background: #33f;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid white;
}
/* Honstlar Email blockquote */
#bodyContent blockquote.stlarmail, #article blockquote.stlarmail, #mw_contentholder blockquote.stlarmail {
border: 4px solid #7f0000;
background: #000;
/* background-image: url(nonexistent); */
background-repeat: no-repeat;
background-position: bottom right;
color: #fff;
font-weight: bold;
padding: 1em;
font-family: courier new, monospace;
width: 500px;
}
/* Dellyboy Email blockquote */
#bodyContent blockquote.dbemail, #article blockquote.dbemail, #mw_contentholder blockquote.dbemail {
border: 4px solid #C9C;
background: #000;
background-image: url(https://i.imgur.com/rWAXlV7.png);
background-repeat: no-repeat;
background-position: bottom right;
color: #0C0;
font-weight: bold;
padding: 1em;
font-family: courier new, monospace;
width: 500px;
}
#bodyContent blockquote.dbemail div, #article blockquote.dbemail div, #mw_contentholder blockquote.dbemail div, #subject {
background: #939;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid #00D2FF;
}
/* PBTC Strong Bad Email blockquote */
#bodyContent blockquote.pbtcsbemail, #article blockquote.pbtcsbemail, #mw_contentholder blockquote.pbtcsbemail {
border: 4px solid #cc9;
background: #242424;
background-image: url(https://i.imgur.com/WAze1ig.png);
background-repeat: no-repeat;
background-position: bottom right;
color: #fff;
font-weight: bold;
padding: 1em;
font-family: comic sans ms;
width: 500px;
}
/* Greggo Email blockquote */
#bodyContent blockquote.greggo, #article blockquote.greggo, #mw_contentholder blockquote.greggo {
border: 4px solid #363636;
background: #000;
background-image: url(https://i.imgur.com/gbEHQAa.png);
background-repeat: no-repeat;
background-position: bottom right;
color: #A3FFFF;
font-weight: bold;
padding: 1em;
font-family: courier new, monospace;
font-size: 110%;
width: 40%;
}
#bodyContent blockquote.greggo div, #article blockquote.greggo div, #mw_contentholder blockquote.greggo div, #subject {
background: #33f;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid white;
}
/* Regular blockquote */
#bodyContent blockquote, #article blockquote, #mw_contentholder blockquote {
border-left: 3px solid #06f;
margin-left: 2em;
padding-left: 1em;
}
/* Sigbox template */
.sigbox {
background: url(https://i.imgur.com/nAnCaKv.png) no-repeat top left;
min-height: 20px;
min-width: 330px;
}
/* Fake link formatting */
.fakelinks {
cursor: pointer;
color: #0645AD;
}
.fakelinks:hover {
text-decoration: underline;
}
/* White links */
.whitelinks a:link,
.whitelinks a:visited {
color: #FFFFFF;
}
/* Lighten hovered images */
.lightenhover img:hover {
opacity:80%;
}
/* Styling links to Homestar Runner */
#n-officialsite a,
#bodyContent a[href ^="http://www.homestarrunner.com"],
#article a[href ^="http://www.homestarrunner.com"],
#mw_contentholder a[href ^="http://www.homestarrunner.com"]
{
background: url(https://i.imgur.com/0YegprB.png) center left no-repeat !important;
padding-left: 23px !important;
padding-right: 0px !important;
}
/* Styling links to YouTube */
#n-officialsite a,
#bodyContent a[href ^="https://www.youtube.com/"],
#article a[href ^="https://www.youtube.com/"],
#mw_contentholder a[href ^="https://www.youtube.com/"]
{
background: url(https://i.imgur.com/B6nGKJo.png) center left no-repeat !important;
padding-left: 20px !important;
padding-right: 0px !important;
}