User:Sam Goldfish/monobook.css

From Homestar Runner Wiki

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.

/* Feel free to copy anything from this monobook.css. If you're an IE (or AOL) user most of this stuff won't work, or will look wrong in your browser. */

/* make a few corners round, only supported by moz/firefox/other gecko browsers for now (only for Gecko based browsers) */
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
}
#content { 
  -moz-border-radius-topleft: 1em; 
  -moz-border-radius-bottomleft: 1em;
}
div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
}

/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {  
  border-radius-topleft: 1em;
  border-radius-topright: 1em;
}
#content { 
  border-radius-topleft: 1em;
  border-radius-bottomleft: 1em;
}
div.pBody {
  border-radius-topright: 1em;
  border-radius-bottomright: 1em;
}

/* change the logo (not recommended for IE, as it can't interpret the PNG alphas properly). Thanks to Soapergem for the logo. */
#p-logo a { background: url(http://www.hrwiki.org/images/2/20/hrwlogoidea-fixed.png) 35% 50% no-repeat !important; }

 /* Styling links to Homestar Runner */
 #n-officialsite a,
 #bodyContent a[href ^="http://www.homestarrunner.com"] {
    background: url(/skins/monobook/hr-trans-blacker4.png) center right no-repeat !important;
    padding-left: 0px !important;
    padding-right: 23px !important;
 }

 /* Styling links to Homestar Runner Store */
 #bodyContent a[href ^="http://homestarrunner.stores.yahoo.net/"] {
    background: url(/skins/common/images/hrstore.png) center right no-repeat !important;
    padding-left: 0px !important;
    padding-right: 20px !important;
 }

 /* Styling links to Videlectrix */
 #bodyContent a[href ^="http://www.videlectrix.com"] {
    background: url(/skins/common/images/videlectrix.png) center right no-repeat !important;
    padding-left: 0px !important;
    padding-right: 20px !important;
 }

 /* Styling links to Thorax Corp. */
 #bodyContent a[href ^="http://www.thoraxcorp.com"] {
    background: url(/skins/common/images/thorax.png) center right no-repeat !important;
    padding-left: 0px !important;
    padding-right: 20px !important;
 }

 /* Styling Google links. */
 #bodyContent a[href ^="http://www.google.com/search?q="] {
    background: url(/images/8/80/google.png) center right no-repeat !important;
    padding-left: 3px !important;
    padding-right: 20px !important;
 }

 /* Styling mail links. */
 #bodyContent a[href ^="mailto:"] {
    background: url(/skins/monobook/mail_icon.gif) center right no-repeat !important;
    padding-left: 3px !important;
    padding-right: 20px !important;
 }

 body {
    font-size: 10px;
    font-family: tahoma, ms reference sans serif, geneva, helvetica, arial, verdana, sans-serif;
    background-repeat: repeat-x;
    background-color: #EBEBEB;
 }

 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: normal;
    padding: 1em;
    font-family: courier new, monospace;
    width: 500px;
 }

 blockquote.tandy {
    font-family: sydnie;
    color: #21c721 !important;
    font-weight: normal;
 }
/* round tabs */
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
}
div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
}
#mytabs {
    margin: -0.3em 0 0  11.5em;
    white-space:nowrap;
    line-height: 1.1em;
    overflow: visible;
    border-collapse: collapse;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 95%;
}
#mytabs .hiddenStructure { display: none; }
#mytabs li {
    display: inline;
    border: 1px solid #aaaaaa;
    border-top: none;
    padding: 0.1em 0 0 0;
    margin: 0 0.3em 0 0;
    overflow: visible;
    background: White;
}
#mytabs li.selected {
    border-color: #DC143C;
    padding: 0.2em 0 0 0;
}
#mytabs li a {
    background-color: White;
    color: #002bb8;
    border: none;
    padding: 0.3em 0.8em 0 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    margin: 0;
}
#mytabs li.selected a { z-index: 3; }
#mytabs .new a { color:#ba0000; }
#mytabs li a:hover {
    z-index: 3;
    text-decoration: none;
}
#mytabs h5 { display: none; }
#mytabs li.istalk { margin-right: 0; }
#mytabs li.istalk a { padding-right: 0.5em; }
#mytabs-ca-addsection a { 
    padding-left: 0.4em;
    padding-right: 0.4em;
}
li#mytabs-ca-talk { margin-right: 1.6em; }
li#mytabs-ca-watch, li#mytabs-ca-unwatch, li#mytabs-ca-varlang-0, li#mytabs-ca-print { margin-left: 1.6em; }

 #mytabs li, #mytabs li a { 
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-bottomright: 1em;
}