User:Homsar Jean/monobook.css

From Homestar Runner Wiki

Current revision as of 13:58, 17 August 2010

 /* 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/thumb/c/c9/Homestarpedia.png/146px-Homestarpedia.png) 35% 50% no-repeat !important; }

/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox (bug doesn't affect IE) */
pre { overflow: auto; }

/* user notification thing (works for IE) */
.usermessage {
    background-color: #b0c4de;
    border: 1px solid #7b68ee;
    color: #808080;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}

#p-cactions li.selected {
    font-weight: normal;
 }

/* Testing Subtitle namespace custom logo. Code borrowed from http://uncyclopedia.org/wiki/MediaWiki:Uncyclopedia.css */
body.ns-102 #p-logo a { background-image: url(/images/thumb/4/41/Subtitles_Project_Logo.png/80px-Subtitles_Project_Logo.png) !important; }

/* Custom logo for HRWiki and HRWiki talk namespaces */
body.ns-4 #p-logo a { background-image: url(/images/2/2a/hrlogowithhr.png) !important; }
body.ns-5 #p-logo a { background-image: url(/images/2/2a/hrlogowithhr.png) !important; }
}