User:Kilroy/monobook.css
From Homestar Runner Wiki
(Difference between revisions)
m |
m (Using Joey's version of the bottom tab code) |
||
Line 16: | Line 16: | ||
/* bottom tab styling (not for IE currently) */ | /* bottom tab styling (not for IE currently) */ | ||
#mytabs { | #mytabs { | ||
- | + | margin: -0.4em 0 0 12em; | |
- | + | white-space: nowrap; | |
- | + | width: 76%; | |
- | + | line-height: 1.1em; | |
- | + | overflow: visible; | |
- | + | background: none; | |
- | + | border-collapse: collapse; | |
- | + | padding: 0 0 0 1em; | |
+ | list-style: none; | ||
+ | font-size: 95%; | ||
+ | } | ||
+ | #mytabs .hiddenStructure { | ||
+ | display: none; | ||
+ | } | ||
+ | #mytabs ul { | ||
+ | list-style: none; | ||
} | } | ||
- | |||
#mytabs li { | #mytabs li { | ||
- | + | display: inline; | |
- | + | border: 1px solid #aaa; | |
- | + | border-top: none; | |
- | + | padding: 0.1em 0 0.1em 0; | |
- | + | margin: 0 0.3em 0 0; | |
- | + | overflow: visible; | |
- | + | background: #fff; | |
} | } | ||
#mytabs li.selected { | #mytabs li.selected { | ||
- | + | border-color: #fabd23; | |
- | + | padding: 0.2em 0 0.1em 0; | |
} | } | ||
#mytabs li a { | #mytabs li a { | ||
- | + | background-color: #fff; | |
- | + | color: #002bb8; | |
- | + | border: none; | |
- | + | padding: 0.3em 0.8em 0 0.8em; | |
- | + | text-decoration: none; | |
- | + | text-transform: lowercase; | |
- | + | position: relative; | |
- | + | z-index: 0; | |
+ | margin: 0; | ||
+ | } | ||
+ | #mytabs li.selected a { | ||
+ | z-index: 3; | ||
+ | } | ||
+ | #mytabs .new a { | ||
+ | color: #ba0000; | ||
} | } | ||
- | |||
- | |||
#mytabs li a:hover { | #mytabs li a:hover { | ||
- | + | z-index: 3; | |
- | + | text-decoration: none; | |
} | } | ||
- | #mytabs h5 { display: none; } | + | #mytabs h5 { |
- | #mytabs li.istalk { margin-right: 0; } | + | display: none; |
- | #mytabs li.istalk a { padding-right: 0.5em; } | + | } |
- | #mytabs-ca-addsection a { | + | #mytabs li.istalk { |
- | + | margin-right: 0; | |
- | + | } | |
+ | #mytabs li.istalk a { | ||
+ | padding-right: 0.5em; | ||
+ | } | ||
+ | #mytabs #mytabs-ca-addsection a { | ||
+ | padding-left: 0.4em; | ||
+ | padding-right: 0.4em; | ||
} | } | ||
/* offsets to distinguish the tab groups */ | /* 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 { | li#mytabs-ca-watch, li#mytabs-ca-unwatch, li#mytabs-ca-varlang-0, li#mytabs-ca-print { | ||
- | + | margin-left: 1.6em; | |
} | } | ||
Revision as of 23:53, 24 March 2006
/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox */ pre { overflow: auto; } /* make a few corners round, only supported by moz/firefox/other gecko browsers for now */ #p-cactions ul li, #p-cactions ul li a { -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; } #content { -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; } div.pBody { -moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em; } /* bottom tab styling (not for IE currently) */ #mytabs { margin: -0.4em 0 0 12em; white-space: nowrap; width: 76%; line-height: 1.1em; overflow: visible; background: none; border-collapse: collapse; padding: 0 0 0 1em; list-style: none; font-size: 95%; } #mytabs .hiddenStructure { display: none; } #mytabs ul { list-style: none; } #mytabs li { display: inline; border: 1px solid #aaa; border-top: none; padding: 0.1em 0 0.1em 0; margin: 0 0.3em 0 0; overflow: visible; background: #fff; } #mytabs li.selected { border-color: #fabd23; padding: 0.2em 0 0.1em 0; } #mytabs li a { background-color: #fff; color: #002bb8; border: none; padding: 0.3em 0.8em 0 0.8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; 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 #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: 6px; -moz-border-radius-bottomright: 6px; } /* always underline links */ a { text-decoration: underline; } /* tab bottom not removed on hover */ #p-cactions li a:hover { z-index: 0; text-decoration: none; } #p-cactions li.selected a:hover { z-index: 3; }