MediaWiki:Monobook.css

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
m (Main page What's new box ul tweak.)
(normal styles)
 
(includes 126 intermediate revisions)
Line 1: Line 1:
  /* edit this file to customize the monobook skin for the entire site */
  /* edit this file to customize the monobook skin for the entire site */
-
 
-
.MainPageKnowledgeBaseBox {
 
-
    background: url(/skins/common/images/homestar-background.gif);
 
-
    background-repeat: no-repeat;
 
-
    background-position: bottom right;
 
-
}
 
-
 
-
.MainPageKnowledgeBaseBox h3 {
 
-
    margin: 0 -.3em;
 
-
    padding: .3em;
 
-
    font-size: 120%;
 
-
    background: #fcc;
 
-
    border: 1px solid #f66;
 
-
}
 
-
 
-
.MainPageWhatsNewBox {
 
-
    background: url(/skins/common/images/strongbad-background.gif);
 
-
    background-repeat: no-repeat;
 
-
    background-position: bottom right;
 
-
}
 
-
 
-
.MainPageWhatsNewBox h3 {
 
-
    margin: 0 -.3em;
 
-
    padding: .3em;
 
-
    font-size: 120%;
 
-
    background: #ccf;
 
-
    border: 1px solid #66f;
 
-
}
 
-
 
-
.MainPageWhatsNewBox h4 {
 
-
    font-size: 100%;
 
-
    font-weight: bold;
 
-
    border: none;
 
-
    margin: 1em 0 .5em;
 
-
}
 
-
 
-
.MainPageWhatsNewBox ul {
 
-
    margin-top: .5em;
 
-
    margin-bottom: .5em;
 
-
}
 
-
 
-
.IntroPageBox {
 
-
    background: url(/skins/common/images/thecheat-background.gif);
 
-
    background-color: #ffe;
 
-
    background-repeat: no-repeat;
 
-
    background-position: bottom right;
 
-
}
 
-
 
-
.TheStickBox {
 
-
    background-image: url(/skins/common/images/thestick-background.gif);
 
-
    background-repeat: no-repeat;
 
-
    background-position: center center;
 
-
}
 
-
 
-
.IntroPageBox div.tright {
 
-
    border-color: #ffe !important;
 
-
}
 
-
 
-
.PledgeMeter {
 
-
    background-image: url('/skins/common/images/pledge-o-meter.gif');
 
-
}
 
  body {
  body {
     font-size: 10px;
     font-size: 10px;
     font-family: verdana, geneva, arial, helvetica, sans-serif;
     font-family: verdana, geneva, arial, helvetica, sans-serif;
-
     background-repeat: repeat-x;
+
     background: #ECECEC url(/skins/monobook/headbg-kb.png) 0 0 repeat-x;
-
    background-color: #EBEBEB;
+
  }
  }
-
 
-
a { color: #00f; }
 
-
 
-
a:visited { color: #00c; }
 
-
 
-
a:active { color: orange; }
 
-
 
-
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 {
 
-
    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 { color: #06f; }
 
-
 
-
#bodyContent a.external { color: #06f; }
 
  #p-personal li a { color: #06f; }
  #p-personal li a { color: #06f; }
Line 123: Line 16:
  #p-cactions .new a { color:#c00; }
  #p-cactions .new a { color:#c00; }
-
 
-
#preftoc a:active { color: #00c; }
 
  #content {
  #content {
Line 137: Line 28:
     width: 12em;
     width: 12em;
  }
  }
-
 
-
/* 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%; }
 
  input.searchButton {
  input.searchButton {
Line 205: Line 54:
  }
  }
-
  /* Styling links to Homestar Runner */
+
  .featuredstar
-
  #n-officialsite a,
+
  {
-
#bodyContent a[href ^="http://www.homestarrunner.com"] {
+
  display: block ! important;
-
    background: url(/skins/monobook/hr-trans-blacker4.png) center left no-repeat !important;
+
  position: absolute;
-
    padding-left: 23px !important;
+
  right: 10px;
-
    padding-right: 0px !important;
+
  top: 3px;
  }
  }
-
  /* Styling links to Homestar Runner Store */
+
  /* Removing white padding from thumbs on colored backgrounds */
-
#bodyContent 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 */
+
  .nonwhite div.thumb
-
  #bodyContent a[href ^="http://www.videlectrix.com"] {
+
  {
-
    background: url(/skins/common/images/videlectrix.png) center left no-repeat !important;
+
  border: none;
-
    padding-left: 20px !important;
+
  margin-top: 10px;
-
    padding-right: 0px !important;
+
  margin-bottom: 0px;
  }
  }
-
/* Styling links to Thorax Corp. */
+
  .nonwhite div.tleft
-
  #bodyContent a[href ^="http://www.thoraxcorp.com"] {
+
  {
-
    background: url(/skins/common/images/thorax.png) center left no-repeat !important;
+
  border: none;
-
    padding-left: 20px !important;
+
-
    padding-right: 0px !important;
+
  }
  }
-
  blockquote {
+
  .nonwhite div.tright
-
    border-left: 3px solid #06f;
+
  {
-
    margin-left: 2em;
+
  margin-left: 13px;
-
    padding-left: 1em;
+
  }
  }
-
blockquote.email {
+
  body.page-Main_Page h1.firstHeading,
-
    border: 4px solid #cc9;
+
  body.page-User_It_s_dot_com_Main_Page h1.firstHeading,
-
    background: #000;
+
  body.page-User_It_s_dot_com_Main_Page span.subpages
-
    background-image: url(/skins/common/images/emailbackground.gif);
+
{
-
    background-repeat: no-repeat;
+
  display: none;
-
    background-position: bottom right;
+
-
    color: #fff;
+
-
    font-weight: bold;
+
-
    padding: 1em;
+
-
    font-family: courier new, monospace;
+
-
    width: 500px;
+
  }
  }
-
blockquote.tandy {
+
  body.page-Special_Scramble #p-logo a
-
    color: #0c0 !important;
+
  {
-
}
+
  background: url(/skins/common/images/wiki-apr1.gif) no-repeat !important;
-
 
+
-
blockquote.short {
+
-
    height: 6.5em;
+
-
}
+
-
 
+
-
blockquote.email div {
+
-
    background: #33f;
+
-
    margin: 0;
+
-
    padding: 0.2em;
+
-
    border-bottom: 1px solid white;
+
-
}
+
-
 
+
-
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 */
+
-
#bodyContent .plainlinks a {
+
-
    padding: 0 !important;
+
-
}
+
-
 
+
-
/* Keeping this around on the off chance it's being used elsewhere */
+
-
.MainPageWikiStuffBox {
+
-
    background: url(/skins/common/images/strongbad-background.gif);
+
-
    background-repeat: no-repeat;
+
-
    background-position: bottom right;
+
-
}
+
-
 
+
-
.MainPageWikiStuffBox h4 {
+
-
    font-size: 100%;
+
-
    font-weight: bold;
+
-
    border: none;
+
-
    margin-bottom: 0;
+
  }
  }

Current revision as of 23:08, 5 March 2025

 /* edit this file to customize the monobook skin for the entire site */

 body {
    font-size: 10px;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    background: #ECECEC url(/skins/monobook/headbg-kb.png) 0 0 repeat-x;
 }

 #p-personal li a { color: #06f; }

 #p-personal li a:hover {
    text-decoration: underline;
 }

 #p-cactions li a { color: #00c; }

 #p-cactions .new a { color:#c00; }

 #content {
    margin-left: 12.6em;
 }

 #p-cactions {
    left: 11.9em;
 }

 .portlet {
    width: 12em;
 }

 input.searchButton {
    padding: 0 0.4em !important;
    cursor: pointer;
    background-color: White;
    border: 1px solid #2f6fab; 
    font-weight: normal;
 } 

 #searchGoButton {
    font-weight: normal;
 }

 #searchInput {
    border: 1px solid #2f6fab; 
 } 

 input[type="radio"], input[type="checkbox"] {
    border: none;
 }

 select {
    border: 1px solid #2f6fab; 
    color: Black;
 }

 .featuredstar
 {
   display: block ! important;
   position: absolute;
   right: 10px;
   top: 3px;
 }

 /* Removing white padding from thumbs on colored backgrounds */

  .nonwhite div.thumb
 {
   border: none;
   margin-top: 10px;
   margin-bottom: 0px;
 }

  .nonwhite div.tleft
 {
   border: none;
 }

  .nonwhite div.tright
 {
   margin-left: 13px;
 }

  body.page-Main_Page h1.firstHeading,
  body.page-User_It_s_dot_com_Main_Page h1.firstHeading,
  body.page-User_It_s_dot_com_Main_Page span.subpages
 {
   display: none;
 }

  body.page-Special_Scramble #p-logo a
 {
   background: url(/skins/common/images/wiki-apr1.gif) no-repeat !important;
 }
Personal tools