MediaWiki:Common.css
From Homestar Runner Wiki
Revision as of 16:47, 21 October 2014 by It's dot com (Talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Mozilla / Firefox: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac)
- Safari: press Cmd-Option-E
- IE: hold Ctrl while clicking Refresh, or press Ctrl-F5
- Konqueror: simply click the Reload button, or press F5
- Opera users may need to completely clear their cache in Tools→Preferences.
/* edit this file to customize the all skins for the entire site */
table { background: none; }
.MainPageKnowledgeBaseBox {
background: url(/skins/common/images/homestar-hweenfade.png) repeat-x bottom right;
border: 1px solid #FFB205;
padding: .5em 1em 1em;
color: #000;
background-color: #FAF7F2;
}
.MainPageKnowledgeBaseBox h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #000;
background: url(/skins/common/images/header-background-orangefade.gif) repeat-x top #D49300;
border: none;
}
/* MainPageWhatsNewBox is the current name; MainPageWikiStuffBox is a legacy name */
.MainPageWhatsNewBox, .MainPageWikiStuffBox {
background: url(/skins/common/images/strongbad-hweenfade.png) repeat-x bottom right;
border:1px solid #5D5D5D;
padding: .5em 1em 1em;
color: #000;
background-color: #F2F2F2;
}
.MainPageWhatsNewBox h3, .MainPageWikiStuffBox h3 {
margin: 0 -.3em;
padding: .3em;
font-size: 120%;
color: #FFF;
background: url(/skins/common/images/header-background-grayfade.gif) repeat-x top #5D5D5D;
border: none;
}
.MainPageWhatsNewBox h4, .MainPageWikiStuffBox h4 {
font-size: 100%;
font-weight: bold;
border: none;
margin: .5em 0 .25em !important;
}
.MainPageWhatsNewBox ul, .MainPageWikiStuffBox ul {
margin-top: .25em !important;
margin-bottom: .25em !important;
padding-top: 0;
padding-bottom: 0;
}
.IntroPageBox {
background: url(/skins/common/images/thecheat-background.gif);
background-color: #ffe;
background-repeat: no-repeat;
background-position: bottom right;
}
.TheStickBox {
background: white url(/skins/common/images/thestick-background.gif) center center no-repeat;
font-size: 95%;
color: black;
border: 1px solid #AAA;
padding: 0em 0.8em 0.3em 0.5em;
}
.IntroPageBox div.tright {
border-color: #ffe !important;
}
.PledgeMeter {
background-image: url(/skins/common/images/pledge-o-meter.gif);
}
a { color: #00f; }
a:visited { color: #00c; }
a:active { color: #ffa500; }
a.new, #p-personal a.new { color: #f00; }
a.new:visited, #p-personal a.new:visited { color:#c00; }
p { margin: 0.9em 0em 1em 0em; }
h1, h2, h3, h4, h5, h6 {
color: black;
margin: 0px;
}
pre { border: 1px dashed #06f; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5,
#article h1, #article h2, #article h3, #article h4, #article h5,
#mw_contentholder h1, #mw_contentholder h2, #mw_contentholder h3, #mw_contentholder h4, #mw_contentholder h5
{
margin-bottom:0.6em;
}
#siteNotice {
padding: 0.5em;
margin: 10px;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
background: #fff;
}
#navbox, .navbox {
/*border:1px solid #2f6fab;*/
border: 1px solid #aaaaaa;
background-color:#f9f9f9;
padding: 5px;
font-size: 95%;
margin-left: 15px;
margin-bottom: 15px;
}
#bodyContent a.extiw, #bodyContent a.extiw:active,
#article a.extiw, #article a.extiw:active,
#mw_contentholder a.extiw, #mw_contentholder a.extiw:active
{ color: #06f; }
#bodyContent a.external, #article a.external, #mw_contentholder a.external { color: #06f; }
#preftoc a:active { color: #00c; }
/* Donor styling on HRWiki:Thank You! page. */
.donors p { line-height: 50px; }
.donor-0 { font-size: 98%; }
.donor-5 { font-size: 100%; }
.donor-10 { font-size: 102%; }
.donor-15 { font-size: 104%; }
.donor-20 { font-size: 106%; }
.donor-25 { font-size: 108%; }
.donor-30 { font-size: 110%; }
.donor-35 { font-size: 112%; }
.donor-40 { font-size: 114%; }
.donor-45 { font-size: 116%; }
.donor-50 { font-size: 118%; }
.donor-55 { font-size: 120%; }
.donor-60 { font-size: 122%; }
.donor-65 { font-size: 124%; }
.donor-70 { font-size: 126%; }
.donor-75 { font-size: 128%; }
.donor-80 { font-size: 130%; }
.donor-85 { font-size: 132%; }
.donor-90 { font-size: 134%; }
.donor-95 { font-size: 136%; }
.donor-100 { font-size: 138%; }
.donor-110 { font-size: 142%; }
.donor-120 { font-size: 146%; }
.donor-130 { font-size: 150%; }
.donor-140 { font-size: 154%; }
.donor-150 { font-size: 158%; }
.donor-160 { font-size: 162%; }
.donor-170 { font-size: 166%; }
.donor-180 { font-size: 170%; }
.donor-190 { font-size: 174%; }
.donor-200 { font-size: 178%; }
.donor-225 { font-size: 188%; }
.donor-250 { font-size: 198%; }
.donor-275 { font-size: 208%; }
.donor-300 { font-size: 218%; }
.donor-350 { font-size: 238%; }
.donor-400 { font-size: 358%; }
.donor-500 { font-size: 398%; }
/* Styling external links */
#bodyContent a.external, #content a.external, #mw_contentholder a.external {
background: url(/skins/monobook/external.png) center right no-repeat !important;
padding-left: 0px !important;
padding-right: 13px !important;
}
/* 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(/skins/monobook/hr-trans-blacker4.png) center left no-repeat !important;
padding-left: 23px !important;
padding-right: 0px !important;
}
/* Styling links to Homestar Runner Store */
#bodyContent a[href ^="http://homestarrunner.stores.yahoo.net"],
#article a[href ^="http://homestarrunner.stores.yahoo.net"],
#mw_contentholder a[href ^="http://homestarrunner.stores.yahoo.net"]
/* The following two addresses are not current and are included for legacy purposes only */
#bodyContent a[href ^="http://store.yahoo.com/homestarrunner"],
#article a[href ^="http://store.yahoo.com/homestarrunner"],
#mw_contentholder a[href ^="http://store.yahoo.com/homestarrunner"]
{
background: url(/skins/common/images/hrstore.png) center left no-repeat !important;
padding-left: 20px !important;
padding-right: 0px !important;
}
/* Styling links to Videlectrix */
#bodyContent a[href ^="http://www.videlectrix.com"],
#article a[href ^="http://www.videlectrix.com"],
#mw_contentholder a[href ^="http://www.videlectrix.com"]
{
background: url(/skins/common/images/videlectrix.png) center left no-repeat !important;
padding-left: 20px !important;
padding-right: 0px !important;
}
/* Styling links to Thorax Corp. */
#bodyContent a[href ^="http://www.thoraxcorp.com"],
#article a[href ^="http://www.thoraxcorp.com"],
#mw_contentholder a[href ^="http://www.thoraxcorp.com"]
{
background: url(/skins/common/images/thorax.png) center left no-repeat !important;
padding-left: 20px !important;
padding-right: 0px !important;
}
/* Styling links to YouTube */
#bodyContent a[href ^="http://www.youtube.com"],
#article a[href ^="http://www.youtube.com"],
#mw_contentholder a[href ^="http://www.youtube.com"]
{
background: url(/skins/common/images/youtube.png) center left no-repeat !important;
padding-left: 20px !important;
padding-right: 0px !important;
}
/* Styling links to Telltale Games */
#bodyContent a[href ^="http://www.telltalegames.com"],
#article a[href ^="http://www.telltalegames.com"],
#mw_contentholder a[href ^="http://www.telltalegames.com"]
{
background: url(/images/1/14/Telltale_Games_favicon.png) center left no-repeat !important;
padding-left: 20px !important;
padding-right: 0px !important;
}
#bodyContent blockquote, #article blockquote, #mw_contentholder blockquote {
border-left: 3px solid #06f;
margin-left: 2em;
padding-left: 1em;
}
#bodyContent blockquote.email, #article blockquote.email, #mw_contentholder blockquote.email {
border: 4px solid #cc9;
background: #000;
background-image: url(/skins/common/images/emailbackground.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.tandy, #article blockquote.tandy, #mw_contentholder blockquote.tandy {
color: #0c0 !important;
}
#bodyContent blockquote.corpy, #article blockquote.corpy, #mw_contentholder blockquote.corpy {
border-color:#e2e2e2 #cfcfcf #cfcfcf #e2e2e2;
}
#bodyContent blockquote.compe, #article blockquote.compe, #mw_contentholder blockquote.compe {
border-color: #535353;
background:url(/images/thumb/e/e3/compeBackCatalog.png/800px-compeBackCatalog.png) no-repeat bottom;
}
#bodyContent blockquote.short, #article blockquote.short, #mw_contentholder blockquote.short {
height: 6.5em;
}
#bodyContent blockquote.menu, #article blockquote.menu, #mw_contentholder blockquote.menu {
width:768px;
font-family:Verdana,Trebuchet MS,sans-serif;
font-weight:normal;
position: relative;
}
#bodyContent blockquote.lappy div, #article blockquote.lappy div, #mw_contentholder blockquote.lappy div, #subject {
background: #33f;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid white;
}
.overlay {
position:absolute;
right:0;
bottom:0;
margin:0;
border:none;
padding:0;
width:198px;
/* height:137px; */
height:100%;
background:url(/skins/common/images/SB-overlay.png) no-repeat bottom right;
z-index:1;
}
table.emaillinks, table.emailgreenlinks, table.emailblacklinks {
background:none;
width:100%;
position:relative;
z-index:2;
}
.emailgreenlinks,
.emailgreenlinks a:link,
.emailgreenlinks a:visited
{
color: #0c0;
text-decoration: none;
}
.emailgreenlinks a:active,
.emailgreenlinks a:hover
{
color: orange;
text-decoration: underline;
}
.emailblacklinks,
.emailblacklinks a:link,
.emailblacklinks a:visited
{
color: #000;
text-decoration: none;
}
.emailblacklinks a:active,
.emailblacklinks a:hover
{
color: #06f;
text-decoration: underline;
}
.emaillinks,
.emaillinks a:link,
.emaillinks a:visited
{
color: #fff;
text-decoration: none;
}
.emaillinks a:active,
.emaillinks a:hover
{
color: #06f;
text-decoration: underline;
}
form#userlogin {
float: left;
padding: 1em 1em .7em 1em;
background-color: #fed;
border: 2px solid #fa5;
color: #000;
margin-right: 2em;
width: 500px;
}
form#userlogin table {
float: left;
background-color: #fed;
background-image: url(/skins/common/images/poopsmith-background.gif);
background-repeat: no-repeat;
background-position: bottom left;
color: #000;
}
form#userlogin p {
text-align: center;
}
.notice {
text-align: justify;
margin: 1em;
padding: 0.2em;
}
#disambig {
border-top: 3px double #cccccc;
border-bottom: 3px double #cccccc;
}
/* Remove padding from external links displayed without icon */
#globalWrapper #bodyContent .plainlinks a,
#content #article .plainlinks a,
#mw_main #mw_contentholder .plainlinks a
{
padding: 0 !important;
background: none !important;
}
div.tleft { clear:left; }
div.tright { clear:right; }
.TheStickBox ul {
padding: 0 0 0 1.5em;
}
span.updatedmarker {
background: #fdd;
border:1px dashed red;
padding: 0 0.35em;
}
.sigbox {
background: url(/images/b/bb/sigboxbg.png) no-repeat top left;
min-height: 20px;
min-width: 180px;
}
.noul a:link,
.noul a:visited,
.noul a:active,
.noul a:hover
{
text-decoration: none;
}
.ul a:link,
.ul a:visited,
.ul a:active,
.ul a:hover
{
text-decoration: underline;
}
.hovul a:link,
.hovul a:visited
{
text-decoration: none;
}
.hovul a:active,
.hovul a:hover
{
text-decoration: underline;
}
.blocklink a
{
display: block !important;
width: 100% !important;
}
.featuredstar
{
/* if the correct position isn't set up in the specific skin's CSS, just hide it */
display: none;
}
.iconlist ul
{
list-style-type:none !important;
list-style-image:none !important;
padding-left: 5px !important;
margin-left: 26px !important;
text-indent: -26px !important;
}
span.texhtml
{
font-size: 150%;
}
/* recent changes plus-minus */
.mw-plusminus-pos, .mw-plusminus-null, .mw-plusminus-neg, .history-size {
font-style: italic;
font-size: smaller;
color:#999;
}
strong.mw-plusminus-neg {
color: #900;
}
#f-list #tagline, #f-list #firefox {
white-space: nowrap;
}
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaa solid;
padding: 0.2em;
}
table.wikitable th,
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
