User:Yath/monobook.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
The accompanying .js page for this skin is at User:Yath/monobook.js. |
/**************/
/* 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;
}