User:Callistan/monobook.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* edit this file to customize the monobook skin for the entire site */
/* Adapted from Wikipedia */
/****************************/
/* BEGIN OFFICIAL DOCS SECTION */
/****************************/
/* Make all non-namespace pages have a light blue content area. This is done by
   setting the background color for all #content areas to light blue and then
   overriding it for any #content enclosed in a .ns-0 (main namespace). I then
   do the same for the "tab" background colors. --Lupo */

.ns-100 {
    background: #153c97 url(yppheadbg.png) 0 0 no-repeat; /* dark blue */
    color: #eee;
}

.ns-100 * .portlet h5 {
    color: #eee;
}
.ns-100 * .pBody {
    background-color: #edf0ff; /* light blue */
    border-color: #eed134; /* mid yellow */
}

.ns-100 #p-logo a {
    /* the logo is independant of the theme, so set in the html, not in the css.
       this forces an override, but will need to be updated if the logo is changed */
    background-image: url(ypp_wiki2.png) ! important;
}

.ns-100 #footer,
.ns-100 #p-personal {
    color: #eee;
    border-color: #eed134; /* mid yellow */
}

.ns-100 #footer {
    background-color: #153c97; /* dark blue */
}

.ns-100 #footer * a,
.ns-100 #p-personal * a {
    color: #eed134; /* mid yellow */
}

.ns-100 #p-personal h5 {
    display: none;
}

.ns-100 #p-personal li a:hover {
    background-color: #002273; /* mid blue */
}

.ns-100 * ul {
    list-style-image: url(ppbullet.gif);
}

.ns-100 #content {
    border-color: #eed134; /* mid yellow */
    border-top: 1px solid #aaa; /* grey */
}

.ns-100 #content,
.ns-100 #mytabs li,
.ns-100 #mytabs li a,
.ns-100 #p-cactions li a,
.ns-100 #p-cactions li a:hover,
.ns-100 #p-cactions li.selected a {
    color: black;
    background-color: #edf0ff; /* light blue */
}

.ns-100 #content div.thumb {
    border-color: #edf0ff; /* light blue */
}

.ns-100 * a,
.ns-100 #mytabs li a,
.ns-100 #p-cactions li a,
.ns-100 #p-cactions li.selected a  { 
    color: #053381; /* dark blue */
}

.ns-100 * a:hover,
.ns-100 * a:active
.ns-100 #mytabs li a:hover,
.ns-100 #mytabs li a:active,
.ns-100 #p-cactions li a:hover,
.ns-100 #p-cactions li a:active  {
    color: #a40d0d; /* maroon */
}

.ns-100 * a.new, 
.ns-100 #p-cactions .new a  {
    color: #c7a800; /*bfa100; /*bfa517; /*d4b719; /* dark yellow */
}

.ns-100 * a.new:visited, 
.ns-100 #p-cactions .new a:visited  {
    color: #c7a800; /* dark yellow */
}

.ns-100 #p-cactions li {
    border-color: #eed134; /* mid yellow */
}

.ns-100 #p-cactions li.selected {
    border-color: #aaa;
}

.ns-100 div.editsection { 
    margin-top: .75em; 
    margin-right: .5em;
    color: #aaa;
}

.ns-100 * div.editsection a {
    color: #aaa;
}

.ns-100 * h1, 
.ns-100 * h2 {
    color: #f5f5b6; /* light yellow */
    background: #a40d0d; /* maroon */
    font-weight: normal;
    margin: .25em 0 0 0;
    padding: .25em .17em .25em .17em;
    border: 3px solid #eed134; /* mid yellow */
}

.ns-100 #toc,
.ns-100 * .toc,
.ns-100 #catlinks {
    background-color: #dce1f7; /* not so light blue */
}

.ns-100 #toc h2,
.ns-100 * .toc h2 {
    border: none;
    color: black;
    background-color: #dce1f7; /* not so light blue */
}

.ns-100 #toc ul,
.ns-100 * .toc ul {
    list-style-type: none;
    list-style-image: none;
}

.ns-100 * hr {
    height: 4px;
    background: #a40d0d; /* maroon */
    border: 1px solid #f8cc26;
}


/**************************/
/* END OFFICIAL DOCS SECTION */
/**************************/