User:X66x66/monobook.css

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(will change every season, dont ask why because I dunno)
(testing)
Line 1: Line 1:
 +
/* 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. */
-
/* Background */ body {
+
/* 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;
 +
}
-
  font: v-small arial narrow;
+
/* same following the css3 draft specs, any browsers supporting this? */
-
  background: green  url('http://www.hrwiki.org/images/9/99/The_Field_Welcome_Back.png') 0 0 fixed;
+
#p-cactions ul li, #p-cactions ul li a { 
-
  color: blue;
+
  border-radius-topleft: 1em;
-
  margin: 0;
+
  border-radius-topright: 1em;
-
  padding: 0;
+
}
 +
#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;
 +
}
 +
 +
/* 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; }
 +
 +
/* Keeps the Halloween version of Strong Bad on the Main Page. This tweak will be removed if [http://www.hrwiki.org/skins/common/images/strongbad-hweenfade.png ] is. */
 +
.MainPageWhatsNewBox, .MainPageWikiStuffBox {
 +
  background: url(/skins/common/images/strongbad-hweenfade.png) repeat-x bottom right;
 +
  border:1px solid #5D5D5D;
 +
  padding: .5em 1em 1em;
 +
  color: #000;
 +
  background-color: #F2F2F2;
}
}

Revision as of 23:43, 10 January 2007

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

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

/* Keeps the Halloween version of Strong Bad on the Main Page. This tweak will be removed if [http://www.hrwiki.org/skins/common/images/strongbad-hweenfade.png ] is. */
.MainPageWhatsNewBox, .MainPageWikiStuffBox {
   background: url(/skins/common/images/strongbad-hweenfade.png) repeat-x bottom right;
   border:1px solid #5D5D5D;
   padding: .5em 1em 1em;
   color: #000;
   background-color: #F2F2F2;
}
Retrieved from "http://www.hrwiki.org/wiki/User:X66x66/monobook.css"
Personal tools