User:Sam Goldfish/monobook.css

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
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. */
+
.MainPageKnowledgeBaseBox
-
 
+
{
-
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now (only for Gecko based browsers) */
+
background-image: url('/skins/common/images/homestar-background.gif');
-
#p-cactions ul li, #p-cactions ul li a {
+
background-position: bottom right;
-
  -moz-border-radius-topleft: 1em;
+
background-repeat: no-repeat;
-
  -moz-border-radius-topright: 1em;
+
border-color: #f66 !important;
-
}
+
border-style: solid;
-
#content {
+
border-width: 1px;
-
  -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 */
+
.MainPageKnowledgeBaseBox h3
-
#mytabs li, #mytabs li a {  
+
{
-
  -moz-border-radius-bottomleft: 1em;
+
background-color: #fcc;
-
  -moz-border-radius-bottomright: 1em;
+
background-image: url('/skins/common/images/header-background-star-red.gif');
 +
background-position: bottom right;
 +
background-repeat: no-repeat;
 +
border-color: #f66 !important;
 +
border-style: solid;
 +
border-width: 1px;
 +
color: #000;
 +
font-size: 120%;
 +
margin: 0em -0.3em;
 +
padding: 0.3em;
}
}
-
/* Remove ugly box type thing for internal links that need to be done as external links (works for IE (I think)) */
+
.MainPageWhatsNewBox, .MainPageWikiStuffBox
-
#bodyContent a[href ^="http://www.hrwiki.org"] {
+
{
-
    background: inherit;
+
background-image: url('/skins/common/images/strongbad-background.gif');
-
    padding: 0 !important;
+
background-position: bottom right;
 +
background-repeat: no-repeat;
 +
border-color: #66f !important;
 +
border-style: solid;
 +
border-width: 1px;
}
}
-
/* user notification thing (works for IE) */
+
.MainPageWhatsNewBox h3, .MainPageWikiStuffBox h3
-
.usermessage {
+
{
-
    background-color: #b0c4de;
+
background-color: #ccf;
-
    border: 1px solid #7b68ee;
+
background-image: url('/skins/common/images/header-background-star-blue.gif');
-
    color: #808080;
+
background-position: bottom right;
-
    font-weight: bold;
+
background-repeat: no-repeat;
-
    margin: 2em 0em 1em 0em;
+
border-color: #66f !important;
-
    padding: 0.5em 1em;
+
border-style: solid;
-
    vertical-align: middle;
+
border-width: 1px;
 +
color: #000;
 +
font-size: 120%;
 +
margin: 0em -0.3em;
 +
padding: 0.3em;
}
}

Revision as of 02:51, 15 June 2006

.MainPageKnowledgeBaseBox
{
	background-image: url('/skins/common/images/homestar-background.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-color: #f66 !important;
	border-style: solid;
	border-width: 1px;
}

.MainPageKnowledgeBaseBox h3
{
	background-color: #fcc;
	background-image: url('/skins/common/images/header-background-star-red.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-color: #f66 !important;
	border-style: solid;
	border-width: 1px;
	color: #000;
	font-size: 120%;
	margin: 0em -0.3em;
	padding: 0.3em;
}

.MainPageWhatsNewBox, .MainPageWikiStuffBox
{
	background-image: url('/skins/common/images/strongbad-background.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-color: #66f !important;
	border-style: solid;
	border-width: 1px;
}

.MainPageWhatsNewBox h3, .MainPageWikiStuffBox h3
{
	background-color: #ccf;
	background-image: url('/skins/common/images/header-background-star-blue.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-color: #66f !important;
	border-style: solid;
	border-width: 1px;
	color: #000;
	font-size: 120%;
	margin: 0em -0.3em;
	padding: 0.3em;
}
Personal tools