User:Yath/monobook.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/**************/
/*   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://nodens.ath.cx/~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;
}