User:Sam Goldfish/monobook.css
From Homestar Runner Wiki
< User:Sam Goldfish(Difference between revisions)
(includes 3 intermediate revisions) | |||
Line 30: | Line 30: | ||
/* change the logo (not recommended for IE, as it can't interpret the PNG alphas properly). Thanks to Soapergem for the logo. */ | /* 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/ | + | #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; } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /* bottom tab styling (not for IE currently) */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#mytabs { | #mytabs { | ||
margin: -0.3em 0 0 11.5em; | margin: -0.3em 0 0 11.5em; | ||
Line 130: | Line 57: | ||
} | } | ||
#mytabs li.selected { | #mytabs li.selected { | ||
- | border-color: # | + | border-color: #fabd23; |
padding: 0.2em 0 0 0; | padding: 0.2em 0 0 0; | ||
} | } | ||
Line 156: | Line 83: | ||
padding-right: 0.4em; | padding-right: 0.4em; | ||
} | } | ||
+ | /* offsets to distinguish the tab groups */ | ||
li#mytabs-ca-talk { margin-right: 1.6em; } | 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; } | li#mytabs-ca-watch, li#mytabs-ca-unwatch, li#mytabs-ca-varlang-0, li#mytabs-ca-print { margin-left: 1.6em; } | ||
+ | /* remove comment tags if bottom tabs should be rounded as well in moz */ | ||
#mytabs li, #mytabs li a { | #mytabs li, #mytabs li a { | ||
-moz-border-radius-bottomleft: 1em; | -moz-border-radius-bottomleft: 1em; | ||
-moz-border-radius-bottomright: 1em; | -moz-border-radius-bottomright: 1em; | ||
} | } | ||
+ | |||
+ | /* Remove ugly box type thing for internal links that need to be done as external links (works for IE (I think)) */ | ||
+ | #bodyContent a[href ^="http://www.hrwiki.org"] { | ||
+ | background: inherit; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | /* 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; | ||
+ | } |
Current revision as of 00:58, 8 July 2006
/* 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; } /* bottom tab styling (not for IE currently) */ #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: #fabd23; 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; } /* offsets to distinguish the tab groups */ 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; } /* remove comment tags if bottom tabs should be rounded as well in moz */ #mytabs li, #mytabs li a { -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; } /* Remove ugly box type thing for internal links that need to be done as external links (works for IE (I think)) */ #bodyContent a[href ^="http://www.hrwiki.org"] { background: inherit; padding: 0 !important; } /* 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; }