MediaWiki:Common.css

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(normal styles)
(normal styles)
(includes 43 intermediate revisions)
Line 128: Line 128:
  #preftoc a:active { color: #00c; }
  #preftoc a:active { color: #00c; }
 +
 +
#mw-missingsummary { margin-bottom: 1em; padding:1em; background: #ffa; border: 2px solid #dd9; }
  /* Donor styling on HRWiki:Thank You! page. */
  /* Donor styling on HRWiki:Thank You! page. */
Line 226: Line 228:
  #bodyContent a[href ^="http://www.youtube.com"],
  #bodyContent a[href ^="http://www.youtube.com"],
  #article a[href ^="http://www.youtube.com"],
  #article a[href ^="http://www.youtube.com"],
-
  #mw_contentholder a[href ^="http://www.youtube.com"]
+
  #mw_contentholder a[href ^="http://www.youtube.com"],
 +
#bodyContent a[href ^="http://www.youtu.be"],
 +
#article a[href ^="http://www.youtu.be"],
 +
#mw_contentholder a[href ^="http://www.youtu.be"]
  {
  {
-
     background: url(/skins/common/images/youtube.png) center left no-repeat !important;
+
     background: url(/skins/common/images/youtube-play-icon.png) center left no-repeat !important;
-
     padding-left: 20px !important;
+
     padding-left: 16px !important;
     padding-right: 0px !important;
     padding-right: 0px !important;
  }
  }
Line 291: Line 296:
     padding: 0.2em;
     padding: 0.2em;
     border-bottom: 1px solid white;
     border-bottom: 1px solid white;
 +
}
 +
 +
#bodyContent blockquote.deleteheads, #article blockquote.deleteheads, #mw_contentholder blockquote.deleteheads {
 +
    background: url(/images/c/c8/DeleteheadsDownloadBackground.png) repeat-y;
 +
    padding: 0.5em 32px 1em;
 +
    border: 0;
 +
    width: 536px;
  }
  }

Revision as of 06:39, 1 January 2021

 /* edit this file to customize the all skins for the entire site */

 table { background: none; }

 .MainPageKnowledgeBaseBox {
    background: url(/skins/common/images/homestar-grayfade.png) repeat-x bottom right;
    border: 1px solid #A50901;
    padding: .5em 1em 1em;
    color: #000;
    background-color: #FAFAFA;
 }

 .MainPageKnowledgeBaseBox h3 {
    margin: 0 -.3em;
    padding: .3em;
    font-size: 120%;
    color: #FFF;
    background: url(/skins/common/images/header-background-redfade.gif) repeat-x top #500401;
    border: none;
 }

 /* MainPageWhatsNewBox is the current name; MainPageWikiStuffBox is a legacy name */

 .MainPageWhatsNewBox, .MainPageWikiStuffBox {
    background: url(/skins/common/images/strongbad-bluefade.png) repeat-x bottom right;
    border:1px solid #1C58A3;
    padding: .5em 1em 1em;
    color: #000;
    background-color: #F3F6FA;
 }

 .MainPageWhatsNewBox h3, .MainPageWikiStuffBox h3 {
    margin: 0 -.3em;
    padding: .3em;
    font-size: 120%;
    color: #FFF;
    background: url(/skins/common/images/header-background-bluefade.gif) repeat-x top #012B60;
    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; }

 #mw-missingsummary { margin-bottom: 1em; padding:1em; background: #ffa; border: 2px solid #dd9; }

 /* 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"],
 #bodyContent a[href ^="http://www.youtu.be"],
 #article a[href ^="http://www.youtu.be"],
 #mw_contentholder a[href ^="http://www.youtu.be"]
 {
    background: url(/skins/common/images/youtube-play-icon.png) center left no-repeat !important;
    padding-left: 16px !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;
 }

 #bodyContent blockquote.deleteheads, #article blockquote.deleteheads, #mw_contentholder blockquote.deleteheads {
    background: url(/images/c/c8/DeleteheadsDownloadBackground.png) repeat-y;
    padding: 0.5em 32px 1em;
    border: 0;
    width: 536px;
 }

 .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;
 }
Personal tools