User:Homsar Jean/monobook.css

From Homestar Runner Wiki

< User:Homsar Jean(Difference between revisions)
Jump to: navigation, search
(Created page with ' - edit this file to customize the monobook skin for the entire site: body { font-size: 10px; font-family: verdana, geneva, arial, helvetica, sans-serif; backgro…')
 
(includes 1 intermediate revision)
Line 1: Line 1:
-
  /* edit this file to customize the monobook skin for the entire site */
+
  /* 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. */
-
body {
+
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now (only for Gecko based browsers) */
-
    font-size: 10px;
+
#p-cactions ul li, #p-cactions ul li a {
-
    font-family: verdana, geneva, arial, helvetica, sans-serif;
+
  -moz-border-radius-topleft: 1em;
-
    background: #ECECEC url(/skins/monobook/headbg-mls.png) 0 0 repeat;
+
  -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;
 +
}
-
#p-personal li a { color: #06f; }
+
/* 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;
 +
}
-
#p-personal li a:hover {
+
/* change the logo (not recommended for IE, as it can't interpret the PNG alphas properly). Thanks to Soapergem for the logo. */
-
    text-decoration: underline;
+
#p-logo a { background: url(http://www.hrwiki.org/images/thumb/c/c9/Homestarpedia.png/146px-Homestarpedia.png) 35% 50% no-repeat !important; }
-
}
+
-
#p-cactions li a { color: #00c; }
+
/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox (bug doesn't affect IE) */
 +
pre { overflow: auto; }
-
#p-cactions .new a { color:#c00; }
+
/* 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;
 +
}
-
#content {
+
#p-cactions li.selected {
-
     margin-left: 12.6em;
+
     font-weight: normal;
  }
  }
-
#p-cactions {
+
/* Testing Subtitle namespace custom logo. Code borrowed from http://uncyclopedia.org/wiki/MediaWiki:Uncyclopedia.css */
-
    left: 11.9em;
+
body.ns-102 #p-logo a { background-image: url(/images/thumb/4/41/Subtitles_Project_Logo.png/80px-Subtitles_Project_Logo.png) !important; }
-
}
+
-
.portlet {
+
/* Custom logo for HRWiki and HRWiki talk namespaces */
-
    width: 12em;
+
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; }
-
 
+
}
-
input.searchButton {
+
-
    padding: 0 0.4em !important;
+
-
    cursor: pointer;
+
-
    background-color: White;
+
-
    border: 1px solid #2f6fab;
+
-
}
+
-
 
+
-
#searchInput {
+
-
    border: 1px solid #2f6fab;
+
-
}
+
-
 
+
-
input[type="radio"], input[type="checkbox"] {
+
-
    border: none;
+
-
}
+
-
 
+
-
select {
+
-
    border: 1px solid #2f6fab;
+
-
    color: Black;
+
-
}
+
-
 
+
-
.featuredstar
+
-
{
+
-
  display: block ! important;
+
-
  position: absolute;
+
-
  right: 10px;
+
-
  top: 3px;
+
-
}
+
-
 
+
-
/* Removing white padding from thumbs on colored backgrounds */
+
-
 
+
-
  .nonwhite div.thumb
+
-
{
+
-
  border: none;
+
-
  margin-top: 10px;
+
-
  margin-bottom: 0px;
+
-
}
+
-
 
+
-
  .nonwhite div.tleft
+
-
{
+
-
  border: none;
+
-
}
+
-
 
+
-
  .nonwhite div.tright
+
-
{
+
-
  margin-left: 13px;
+
-
}
+
-
 
+
-
  body.page-Main_Page h1.firstHeading,
+
-
  body.page-User_It_s_dot_com_Main_Page h1.firstHeading,
+
-
  body.page-User_It_s_dot_com_Main_Page span.subpages
+
-
{
+
-
  display: none;
+
-
}
+
-
 
+
-
  body.page-Special_Scramble #p-logo a
+
-
{
+
-
  background: url(/skins/common/images/wiki-apr1.gif) no-repeat !important;
+
-
}
+
-
+
-
/* Throwback styles */
+
-
+
-
#content {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
h1, h2 {
+
-
    border-bottom: 2px solid #000;
+
-
}
+
-
 
+
-
.catlinks {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
#toc,
+
-
.toc,
+
-
.mw-warning {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
.toccolours {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
.pBody {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
#column-one, .portlet h5, .searchButton {
+
-
    font-weight: bold;
+
-
}
+
-
+
-
#p-cactions li {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
#p-cactions li a, #p-personal li a {
+
-
    color: #24779e;
+
-
}
+
-
 
+
-
#p-cactions li.selected {
+
-
    border-color: #FFC128;
+
-
    padding: 0 0 .2em 0;
+
-
}
+
-
 
+
-
#p-cactions li.selected a {
+
-
    padding: 0 1em .3em !important;
+
-
    background-color: white;
+
-
}
+
-
#p-cactions li a:hover {
+
-
    text-decoration: none;
+
-
    background-color: white;
+
-
}
+
-
 
+
-
#preftoc li.selected {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
#preferences {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
.prefsection fieldset {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
div#userlogin form#userlogin2 {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
.previewnote {
+
-
    border-bottom: 2px solid #000;
+
-
}
+
-
 
+
-
table.mw_metadata td, table.mw_metadata th {
+
-
    border: 2px solid #000;
+
-
}
+
-
 
+
-
ul#filetoc {
+
-
    border: 2px solid #000;
+
-
}
+
-
+
-
#footer {
+
-
    border-top: 2px solid #fabd23;
+
-
    border-bottom: 2px solid #fabd23;
+
-
}
+

Current revision as of 13:58, 17 August 2010

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

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