User:Yath/monobook.css

From Wikipedia, the free encyclopedia

Note: After saving, you have to bypass your browser's cache to see the changes. Firefox/Mozilla/Safari: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Internet Explorer: press Ctrl-F5, Opera/Konqueror: press F5.

/**************/
/*   TWEAKS   */
/**************/

/* Here I get rid of various doodads and distractions that people
   just can't seem to resist putting on web pages! */

/* Get rid of the background image ('headbg.jpg'),
   and put a gray background. */

body {
    background: #e0e0e0;
    color: Black;
    margin: 0;
    padding: 0;
}

/* Undo justification */
#bodyContent { text-align: left; }

/* Hide the footer */
#footer { display: none; }

/* Hide the donation notice */
#siteNotice { display: none; }

/* Hide the "From Wikipedia..." notice */
#siteSub { display: none; }

/* Restore underlines on content links */
#content a { text-decoration: underline; }

/* No underlines in toolbox links */
#p-nav a,
#p-navigation a,
#p-search a,
#p-tb a { text-decoration: none; }

/* ... unless mouseovered */
#p-nav a:hover,
#p-navigation a:hover,
#p-search a:hover,
#p-tb a:hover,
#p-personal li a:hover { text-decoration: underline; }

/* Unbold "edit this page" */
#ca-edit a { font-weight: normal !important; }

/* Suppress the person icon by your username. */
li#pt-userpage { background: none }

/* Make the word "search" disappear from above the search box. */
#p-search h5 { display: none }

/* Eliminate yellow color in action tab borders. */
#p-cactions li.selected { border-color: #aaa; }

/* Change the color of the active action tab(s) */
#p-cactions li.selected a { background: #eee; color: #000; text-decoration: none; z-index: 0; }

/* Make the tabs highlight when the mouse passes over them. */
#p-cactions li a:hover { background: #ddc!important; text-decoration: none; z-index: 0; }

/******************************************************************/
/* Transform the user toolbar into a sidebox (by [[User:Cyrius]]) */
/******************************************************************/

#p-personal {
    position:relative;
    z-index:3;
    width: 11.6em;
}

#p-personal .pBody {
    width: 10.8em;
    border: none;
    margin: 0 0 0.5em 0em;
    float: none;
    overflow: hidden;
    font-size: 95%;
    background: White;
    border-collapse: collapse;
    border: 1px solid #aaaaaa;
    padding: 0 0.8em 0.3em .5em;
}

#p-personal ul {
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url("/style/monobook/bullet.gif");

    font-size:95%;
    margin: 0.3em 0 0 1.5em;
    padding:0;
    text-align:left;
    text-transform: none;
}

#p-personal li {
    display: list-item;
    padding:0;
    margin: 0 0 0 0;
    margin-bottom: 0.1em;
}

/* Transforming those links into a side box has left empty space
   on top of the page. Here, we will move the content box up, and
   also move up the tabs that sit on its upper left corner.
*/

#p-cactions {
    top: 0.1em; /* The default value is 1.3em */
}

/* Restore serif font, but only to content. Also move it up. */

#content {
   font-family: serif;
   font-size: 120%;
   margin: 1.4em 0.5em 0.2em 10.1em;  /* top right bottom left */
   border-right: 1px solid #aaaaaa;
   border-bottom: 1px solid #aaaaaa;
}

#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5 {
    font-family: serif;
}


/***********************/
/*   ROUNDED CORNERS   */
/***********************/

/*

This was stolen from [[User:Ævar Arnfjörð Bjarmason/monobook.css]].

It is commented out right now!

*/

/*
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}

#content, #footer {
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-bottomleft: 4px;
}

div.pBody {
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
}

*/


/************/
/*   LOGO   */
/************/

/*

This was stolen from [[User:Zanthalon/myskin.css]].

Fiddle with the logo. Also, load a logo from a server I control.
I have a script that changes this logo randomly every day or so.
The images came from a KDE icon set or something... don't remember.

*/

#p-logo {
    z-index: 0;
    background: url(http://localhost/~yath/wikipedia/wplogo.png);
    position:absolute; /*needed to use z-index */
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    padding: 0 0 151px 151px;
    overflow: hidden;
    border: none;
    margin: 2px;
}