User:X-Spider2/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.
/* 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; cursor: default; } #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; } /* Customized clock */ #pt-time span { background-color: #000; border: 1px solid #880000; color: #0f0; -moz-border-radius: 0.3em; font-size: 11px; text-decoration: none; text-transform: lowercase; position: absolute; top: 1.5em; right: 2.2em; cursor:default; } /* change the logo */ #p-logo a { background: url(http://www.hrwiki.org/images/4/40/Homestarpedia_Logo.png) 35% 50% no-repeat !important; } /* user notification thing */ .usermessage { background-color: #ceff7b; border: 1px solid #a5ff00; -moz-border-radius: 1em; color: black; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; } #p-logo a { background: url(/images/thumb/c/c9/Homestarpedia.png/146px-Homestarpedia.png) 35% 50% no-repeat !important; cursor: default; padding-top: 2em; } /* Removes left borders from portlet DIVs (designed for Monobook only) */ #p-navigation div { border-left: 0px } #p-search div { border-left: 0px } #p-tb div { border-left: 0px } #p-externallinks div { border-left: 0px } /* Styling links to Homestar Runner */ #n-officialsite a, #bodyContent a[href ^="http://www.homestarrunner.com"] { color: blue; 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/"] { color: blue; 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"] { color: blue; 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"] { color: blue; background: url(/skins/common/images/thorax.png) center right no-repeat !important; padding-left: 0px !important; padding-right: 20px !important; } /* Styling mail links. */ #bodyContent a[href ^="mailto:"] { color: blue; background: url(/skins/monobook/mail_icon.gif) center right no-repeat !important; padding-left: 0px !important; padding-right: 20px !important; } body { font-family: comic sans ms; 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; } /* Put overflow scrollbars on pre sections */ pre { overflow: auto; } /* 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; } /* Use Crystal icons in the quickbar (not sure if it works with IE) */ /** Default links **/ /*** Userpage ***/ #p-personal a[href="/index.php/User:X-Spider2"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/Crystal_Clear_app_kfm_home.png/14px-Crystal_Clear_app_kfm_home.png) center right no-repeat !important; padding-left: 0em !improtant; padding-right: 1.3em !important; } /*** Talk page ***/ #p-personal a[href="/index.php/User_talk:X-Spider2"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Crystal_Clear_app_filetypes.png/14px-Crystal_Clear_app_filetypes.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** Contribs ***/ #p-personal a[href="/index.php/Special:Contributions/X-Spider2"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Crystal_Clear_app_kwrite.png/14px-Crystal_Clear_app_kwrite.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** Log Out ***/ #p-personal a[href ^="/index.php?title=Special:Userlogout&returnto="] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Crystal_Clear_app_logout.png/14px-Crystal_Clear_app_logout.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** Watchlist ***/ #p-personal a[href="/index.php/Special:Watchlist"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Crystal_Clear_app_korganizer.png/14px-Crystal_Clear_app_korganizer.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** Prefs ***/ #p-personal a[href="/index.php/Special:Preferences"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Crystal_Clear_app_package_settings.png/14px-Crystal_Clear_app_package_settings.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /** Links I added with my JS **/ /*** JS ***/ #p-personal a[href="http://www.hrwiki.org/index.php/User:X-Spider2/monobook.js"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Crystal_Clear_mimetype_source_java.png/14px-Crystal_Clear_mimetype_source_java.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** CSS ***/ #p-personal a[href="http://www.hrwiki.org/index.php/User:X-Spider2/monobook.css"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/d/d2/Crystal_Clear_app_stylesheet.png/14px-Crystal_Clear_app_stylesheet.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** Back link (rather on the left side than the right) ***/ #p-personal a[href="javascript:history.back()"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/86/Crystal_Clear_action_1leftarrow.png/14px-Crystal_Clear_action_1leftarrow.png) center left no-repeat !important; padding-left: 1.3em !important; padding-right: 0em !important; } /*** Forward link ***/ #p-personal a[href="javascript:history.forward()"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Crystal_Clear_action_1rightarrow.png/14px-Crystal_Clear_action_1rightarrow.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** Refresh link ***/ #p-personal a[href="javascript:location.reload()"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Crystal_Clear_action_reload.png/14px-Crystal_Clear_action_reload.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } /*** Print link ***/ #p-personal a[href="javascript:window.print()"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Crystal_Clear_app_printer.png/14px-Crystal_Clear_app_printer.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } #p-search input:hover { cursor: default } #p-personal marquee { behavior: scroll } /* Restyle links to HTTPS (HTTP Secure) websites */ #bodyContent a[href ^="https://"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Crystal_Clear_action_lock.png/18px-Crystal_Clear_action_lock.png) center right no-repeat !important; padding-left: 0em !important; padding-right: 1.3em !important; } #p-cactions a, #p-cactions a:visited, #mytabs a, #mytabs a:visited { cursor: default } a, a:visited { color: blue; cursor: default; }