User:X-Spider2/monobook.css

From Homestar Runner Wiki

< User:X-Spider2
Revision as of 23:31, 30 June 2006 by Y2K (Talk | contribs)
Jump to: navigation, search

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; }

/* 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-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;
}

/* 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-cactions a, #p-navigation a, #p-navigation a:hover, #p-search a, #p-search a:hover, #p-tb a, #p-tb a:hover, #p-externallinks a, #p-externallinks a:hover { color: blue; cursor:default; text-decoration: underline; }

#p-personal a, #p-personal a:visited, #p-personal a[href="javascript:history.back()"],  #p-personal a[href ^="/index.php?title=Special:Userlogout&returnto="], #p-personal a[href="javascript:history.forward()"], #p-personal a[href="javascript:location.reload()"], #p-personal a[href="javascript:window.print()"] { color: blue; cursor:default; text-decoration: underline; }
#p-personal a:hover, #p-personal a:visited:hover, #p-personal a[href="javascript:history.back()"]:hover, #p-personal a[href="javascript:history.forward()"]:hover, #p-personal a[href="javascript:location.reload()"]:hover, #p-personal a[href="javascript:window.print()"]:hover { color: red; text-decoration: underline; cursor:default; }

/* Put scrollbar on quickbar if it gets too long */
#p-personal { overflow: auto }

/* Make rollover colors for the portlet boxes */
/** Navigation **/
#p-navigation div:hover { background-color: black; border-color: red; }
#p-navigation a:hover, #p-navigation a:visited:hover { color: red }
/** Search **/
#p-search div:hover {
  background-color: black;
  border-color: red;
}
#p-search input {
  cursor:default;
  -moz-border-radius: 0.5em;
}
#p-search input:hover {
  border-color: red;
  background-color: black;
  color: red;
}
/** Toolbox **/
#p-tb div:hover {
  background-color: black;
  border-color: red;
}
#p-tb a:hover, #p-tb a:visited:hover { color: red }
/** Ext links **/
#p-externallinks div:hover {
  background-color: black;
  border-color: red;
}
#p-externallinks a:hover, #p-externallinks a:visited:hover { color: red }

/* Restyle all links */
#bodyContent a { text-decoration: underline }
#bodyContent a:hover { color: red }

/* 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;
}

img { border-color: white }
img:hover { border-color: black }
Personal tools