User:Mulad/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.
/* Look at [[m:Help:User style]] for some idea of how this works... */
/* having fun with the search box */
#searchInput {
background-image: url(http://www.theserverside.com/images/input_white.gif);
border: solid 1px #aaa;
}
/* Feb 17, 2005: hide fundraising notice, which is being altered to be more annoying... */
#fundraising { visibility: hidden; }
a { text-decoration: none; }
a:hover { text-decoration: underline }
li#ca-unwatch { margin-left: 1.6em; }
pre { line-height: 1.5em }
table * small { font-size: 80% }
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {
border-top-width: 1px;
-moz-border-radius-topleft: 0.75em;
-moz-border-radius-topright: 0.75em;
}
#p-cactions ul li.selected {
border-top-width: 2px;
}
#p-cactions ul li:hover {
border-color: #fabd23;
border-top-width: 2px;
}
#content {
-moz-border-radius-topleft: 0.75em;
-moz-border-radius-bottomleft: 0.75em;
}
div.pBody {
-moz-border-radius-topright: 0.75em;
-moz-border-radius-bottomright: 0.75em;
}
/* bottom tabs */
#mytabs ul li, #mytabs ul li a {
border-bottom-width: 1px;
-moz-border-radius-bottomleft: 0.75em;
-moz-border-radius-bottomright: 0.75em;
}
#mytabs ul li.selected {
border-bottom-width: 2px;
}
#mytabs ul li:hover {
border-color: #fabd23;
border-bottom-width: 2px;
}
/* User-defined CSS for Wikipedia (MediaWiki 1.3) skin customization. By [[User:Lupo]]. */
/* Purpose:
1. Minor tweaks: changing links styles and colors to better
distinguish internal/external/stub/non-existing links; removing the useless "user" icon,
getting rid of unwanted arrow image after external links, saving some space in tables.
2. Moving the "personal toolbar" (top right of the screen) into a side box.
3. Moving the interlanguage links to the top.
4. Bottom tabs.
5. Make all non-main namespace pages have a light blue background.
*/
a.external {color: teal; }
/* But not for stub links */
a.stub {
text-decoration: none;
color: brown;
}
/* attempting to get the "classic" color back..*/
a.new { color: #cc2200; }
#p-cactions .new a { color: #cc2200; }
/* Get rid of the stupid arrow after external links (only for http for the time being) */
#bodyContent a[href ^="http://"] {
background:inherit !important;
padding-right:inherit !important;
}
/* suppress the person icon by the username */
li#pt-userpage { background: none; }
/* Section 2: Transform the user toolbar into a sidebox */
#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 0 0 1.5em;
margin-top: 0.25em;
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;
}
#p-personal li a { color: #002bb8; }
#p-personal li a:hover { text-decoration: underline; }
#p-personal a.new { color: #cc2200; }
#p-personal li a:visited { color: #5a3696; }
#p-personal h5 {
display: inline;
padding: 0em 1em 0em 0.5em;
}
/* Waste less space in sidebar */
#p-nav ul {
line-height: inherit;
margin: 0 0 0 1.5em;
margin-top: 0.25em;
}
#p-nav li {
margin: 0 0 0 0;
}
#p-tbx ul {
line-height: inherit;
margin: 0 0 0 1.5em;
}
#p-tbx li {
margin: 0 0 0 0;
}
/* Section 3: Make the interlanguage links appear at the top. */
/* This works through a combination of CSS and JavaScript. My JS physically moves
the #p-lang and #p-cactions from the sidebar into the main column, so that the main
column actually contains three divs following each other: #p-lang, #p-cactions, and
#content. This allows me to use simple relative positioning to achieve a
proper layout, and I don't need to mess around with absolute positioning. As a
result, I can also do away with the bizarre and artificial margins for #content and
#p-cactions. */
#content {
margin-top: 0;
}
#p-cactions {
position: relative;
margin-bottom: 0;
margin-top: 0.5em;
top: 0;
}
/* Global position is at the top */
#p-lang {
width: 100%;
padding:0 0 0 0;
margin:0;
position:relative;
z-index: 2;
border: none;
background: none;
overflow: visible;
line-height: 1.2em;
}
/* Add padding to skip the side bar */
#p-lang .portlet,
#p-lang .pBody {
padding-left: 13.2em; /* 12.2 is the width of the side bar, + 1em for the gap */
margin:0;
border: none;
z-index:2;
overflow: visible;
background: none;
}
#p-lang h5 {
display: none;
}
/* The UL shall display as inline */
#p-lang ul {
display: inline;
border: none;
line-height: 1.2em;
margin: 0;
text-align: left;
list-style: none;
z-index:2;
background: none;
}
/* Ditto for the LI */
#p-lang li {
z-index:2;
border:none;
padding:0;
display: inline;
margin-left: 0.5em;
line-height: 1.2em;
background: none;
}
/* "teal" is my color for external links */
#p-lang li a {
color: teal;
background: none;
}
/* Section 4: Bottom tabs layout */
#mytabs {
margin: -0.3em 0 0 11.5em;
white-space:nowrap;
line-height: 1.1em;
overflow: visible;
border-collapse: collapse;
padding: 0 0 0 1em;
list-style: none;
font-size: 95%;
}
#mytabs .hiddenStructure { display: none; }
#mytabs li {
display: inline;
border: 1px solid #aaaaaa;
border-top: none;
padding: 0.1em 0 0 0;
margin: 0 0.3em 0 0;
overflow: visible;
background: White;
}
#mytabs li.selected {
border-color: #fabd23;
padding: 0.2em 0 0 0;
}
#mytabs li a {
background-color: White;
color: #0014a6;
border: none;
padding: 0.3em 0.8em 0 0.8em;
text-decoration: none;
text-transform: lowercase;
position: relative;
margin: 0;
}
#mytabs li.selected a { z-index: 3; }
#mytabs .new a { color:#CC2200; }
#mytabs li a:hover {
z-index: 3;
text-decoration: none;
}
#mytabs h5 { display: none; }
#mytabs li.istalk { margin-right: 0; }
#mytabs li.istalk a { padding-right: 0.5em; }
#mytabs-ca-addsection a {
padding-left: 0.4em;
padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#mytabs-ca-talk { margin-right: 1.6em; }
li#mytabs-ca-watch, li#mytabs-ca-unwatch { margin-left: 1.6em; }
#mytabs-ca-edit a { font-weight: bold; }
/* Section 5: 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. */
#content {
background: #F8FCFF; /* a light blue */
}
.ns-0 * #content {
background: white;
}
#mytabs li {
background: #F8FCFF;
}
.ns-0 * #mytabs li {
background: white;
}
#mytabs li a {
background-color: #F8FCFF;
}
.ns-0 * #mytabs li a {
background-color: white;
}
/* For p-cactions (the top "tabs") it works only because my .js moves them into the
"ns-0" wrapper anyway. */
#p-cactions li {
background: #F8FCFF;
}
.ns-0 * #p-cactions li {
background: white;
}
#p-cactions li a {
background-color: #F8FCFF;
}
.ns-0 * #p-cactions li a {
background-color: white;
}
/******************************************************************/
/* moving catlinks to the right (from [[m:Help:User style]] */
/******************************************************************/
/* move the catlinks box */
#catlinks {
right:1em;
top:-0.25em;
z-index:1;
max-width: 50%;
float: right;
margin-left: 0.5em;
margin-bottom: 0.5em;
padding: 0.2em;
}
/* format the catlinks itself */
p.catlinks {
font-size:85%;
/*line-height: 1.5em;*/
text-align:left;
text-indent:0;
text-transform: none;
white-space:normal;
margin: 0.2em;
}
#p-personal h5 {
display: inline;
}
