User:Fangoriously/monobook.css

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(I liked that logo...)
Line 12: Line 12:
   font-family: sydnie;
   font-family: sydnie;
-
  /* edit this file to customize the all skins for the entire site */
+
  a { color: #070 !important; }
 +
a:visited { color: #060 !important; }
 +
a.extiw, a.external { color: #090 !important; }
 +
a:active { color: #ffa500 !important; }
 +
a.new, #p-cactions li.new a { color: #c50 !important; }
 +
a.new:visited, #p-cactions li.new a:visited { color:#a30 !important; }
-
table { background: none; }
+
}
-
.MainPageKnowledgeBaseBox {
+
/* change the logo */
-
    background: url(/skins/common/images/trogdor-left-grayfade.png) no-repeat bottom right;
+
#p-logo a
-
    border: 1px solid #1C850E;
+
{
-
    padding: .5em 1em 1em;
+
background: url('http://www.hrwiki.org/w/skins/common/images/wiki-trogdor.gif') 35% 50% no-repeat !important;
-
    color: #000;
+
}
-
    background-color: #FAFAFA;
+
-
}
+
-
.MainPageKnowledgeBaseBox h3 {
+
/* change Mozilla autoscroll image */
-
    margin: 0 -.3em;
+
html > img
-
    padding: .3em;
+
{
-
    font-size: 120%;
+
background-image: url('http://img474.imageshack.us/img474/4264/sbscrollpn3.png') !important;
-
    color: #FFF;
+
background-position: top left;
-
    background: url(/skins/common/images/header-background-greenfade.gif) repeat-x top #1C850E;
+
background-repeat: no-repeat;
-
    border: none;
+
height: 32px !important;
-
}
+
padding-left: 32px !important;
 +
width: 0px !important;
 +
}
-
/* MainPageWhatsNewBox is the current name; MainPageWikiStuffBox is a legacy name */
+
/* change the gradient bars */
-
 
+
td.MainPageKnowledgeBaseBox h3
-
.MainPageWhatsNewBox, .MainPageWikiStuffBox {
+
{
-
    background: url(/skins/common/images/trogdor-right-grayfade.png) no-repeat bottom left;
+
background-color: #500401;
-
    border:1px solid #1C850E;
+
background-image: url('http://img408.imageshack.us/img408/733/redfade1pn.gif') !important;
-
    padding: .5em 1em 1em;
+
background-position: top;
-
    color: #000;
+
background-repeat: repeat-x;
-
    background-color: #FAFAFA;
+
color: #fff;
-
}
+
}
-
 
+
td.MainPageWhatsNewBox h3
-
.MainPageWhatsNewBox h3, .MainPageWikiStuffBox h3 {
+
{
-
    margin: 0 -.3em;
+
color: #fff;
-
    padding: .3em;
+
background-color: #012B60;
-
    font-size: 120%;
+
background-image: url('http://img237.imageshack.us/img237/6510/bluefadevg1.gif') !important;
-
    color: #FFF;
+
background-position: top;
-
    background: url(/skins/common/images/header-background-greenfade.gif) repeat-x top #1C850E;
+
background-repeat: repeat-x;
-
    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;
+
-
}
+
-
 
+
-
#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;
+
-
}
+

Revision as of 22:16, 14 January 2010

#bodyContent blockquote.email, #article blockquote.email {
   font-family: commodore 64;
   font-size: 135%;
}
#bodyContent blockquote.tandy, #article blockquote.tandy {
   font-family: westminster;
}
#bodyContent blockquote.lappy, #article blockquote.lappy {
   font-family: glitch0;
}
#bodyContent blockquote.corpy, #article blockquote.corpy {
   font-family: sydnie;

 a { color: #070 !important; }
 a:visited { color: #060 !important; }
 a.extiw, a.external { color: #090 !important; }
 a:active { color: #ffa500 !important; }
 a.new, #p-cactions li.new a { color: #c50 !important; }
 a.new:visited, #p-cactions li.new a:visited { color:#a30 !important; }

}

/* change the logo */
#p-logo a
{
	background: url('http://www.hrwiki.org/w/skins/common/images/wiki-trogdor.gif') 35% 50% no-repeat !important;
}

/* change Mozilla autoscroll image */
html > img
{
	background-image: url('http://img474.imageshack.us/img474/4264/sbscrollpn3.png') !important;
	background-position: top left;
	background-repeat: no-repeat;
	height: 32px !important;
	padding-left: 32px !important;
	width: 0px !important;
}

/* change the gradient bars */
td.MainPageKnowledgeBaseBox h3
{
	background-color: #500401;
	background-image: url('http://img408.imageshack.us/img408/733/redfade1pn.gif') !important;
	background-position: top;
	background-repeat: repeat-x;
	color: #fff;
}
td.MainPageWhatsNewBox h3
{
	color: #fff;
	background-color: #012B60;
	background-image: url('http://img237.imageshack.us/img237/6510/bluefadevg1.gif') !important;
	background-position: top;
	background-repeat: repeat-x;
}