User:Lupo/monobook.css

/* User-defined CSS for Wikipedia (MediaWiki 1.3) skin customization. By User:Lupo. */

/* Purpose: /* 1. Minor tweaks: changing links styles (I like underlined links) 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.

select#wpLicense {width : 100%; overflow: hidden;}

@media print { /* Make sure my "moved" portlet stuff isn't printed! */ .portlet { display:none ! important }

/* Suppress back links in auto-generated refs in print. */ a[href ^="#_ref-"] { display:none ! important }

a.image { display: none !important } }

/* Section 0: Enabling/disabling text. */

div.boilerplate#substub { display: none; }

div#siteNotice, div#centralNotice, li#n-sitesupport, li#n-shoplink, li#pt-sandbox { display: none ! important }


 * 1) watchlist-message { display:none; }

/* Section 1: Minor tweaks. */

/* I like blue, underlined links */ a { text-decoration: underline; color: blue; }

a.external { text-decoration: underline; color: teal; }

.portlet a { text-decoration: underline; }

/* But not for stub links */ a.stub { text-decoration: none; color: brown; }

/* Expose "upper-case I instead of lower-case l" impostors: on "Special:" pages such as  RC and the Watchlist, use a serif font for any link that goes to a user page. */ body.ns--1 a[title ^="User:"] { font-family: serif; }

/* However, keep using the default font for diff and history links and the like. */ body.ns--1 a[href *="id="], body.ns--1 a[title *="/"] { font-family: inherit; }

/* Get rid of the stupid arrow after external links (only for http for the time being) */ background:inherit !important; padding-right:0 !important; margin-right:0 !important; }
 * 1) bodyContent a[href ^="http://"] {

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

/* Pages on watchlist that have changed since the last visit. */ strong.mw-watched a { font-weight: bold; }

/* save space in tables */

table { background: none; }

/* table p { margin: 0 0 0 0; line-height: 1.2em; }

th { line-height: 1.2em; }

td { line-height: 1.2em; }

/* Fix white padding around floating images */

div.floatleft, div.floatright { border:none; padding:0.5em; }

div.thumb, div.tright { border:none; }

div.tright { margin-left: 0.5em; }

div.tleft { margin-right: 0.5em; }

/* Section 2: Transform the user toolbar into a sidebox */

display: none; }   position:relative; z-index:3; width: 11.5em; }
 * 1) p-personal * #pt-notifications {
 * 1) p-personal {

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; }
 * 1) p-personal .pBody {

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

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

display: list-item; padding:0; margin: 0 0 0 0; /* margin-bottom: 0.1em; */ }
 * 1) p-personal li {

text-decoration: underline; color: blue; }
 * 1) p-personal li a {

text-decoration: underline; color: blue; }
 * 1) p-personal li a:hover {

display: inline; padding: 0em 1em 0em 0.5em; }
 * 1) p-personal h3 {

/* Waste less space in sidebar */

line-height: 1.5em; margin: 0 0 0 1.5em; }
 * 1) p-nav ul, #p-navigation ul, #p-tbx ul, #p-tb ul {

margin: 0 0 0 0; }
 * 1) p-nav li, #p-navigation li, #p-tbx li, #p-tb li {

/* Somebody just removed it... */

display: inherit; padding: 0em 1em 0em 0.5em; }
 * 1) p-nav h3, #p-navigation h3 {

/* 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. */

div#content { margin-top: 0; }

position: relative; margin-bottom: 0; margin-top: 0.5em; top: 0; }
 * 1) p-cactions {

float:none; }
 * 1) column-content #p-cactions {

/* Switch off that stupid z-layer changing on hovering: it causes re-layouts (and the  layout changes!) on my browser. */

z-index: 3; }
 * 1) p-cactions .selected a:hover {

z-index: 0; }
 * 1) p-cactions li a:hover {

/* Global position is at the top */ width: auto; padding:0 0 0 0; margin:0 0 0 12.2em; /* 12.2 is the width of the side bar */ position:relative; z-index: 2; border: none; background: none; overflow: visible; line-height: 1.2em; }
 * 1) p-lang {

/* Add padding to skip the side bar */ padding-left: 0; margin:0; border: none; z-index:2; overflow: visible; background: none; }
 * 1) p-lang .portlet,
 * 2) p-lang .pBody {

display: none; }
 * 1) p-lang h3 {

/* The UL shall display as inline */ display: inline; border: none; line-height: 1.2em; margin: 0; text-align: left; list-style: none; z-index:2; background: none; }
 * 1) p-lang ul {

/* Ditto for the LI */ z-index:2; border:none; padding:0; display: inline; margin-right: 0.5em; line-height: 1.2em; background: none; }
 * 1) p-lang li {

/* I like underlined links, and "teal" is my color for external links */ text-decoration: underline; color: teal; background: none; }
 * 1) p-lang li a {

/* Section 4: Bottom tabs layout */

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%; }   font-size: 1em; background-color: transparent; color: inherit; border-collapse: inherit; border: 0; padding: 0; }   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; }   border-color: #fabd23; padding: 0.2em 0 0 0; }   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; }   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, li#mytabs-ca-varlang-0, li#mytabs-ca-print { margin-left: 1.6em; }
 * 1) mytabs {
 * 1) mytabs .pBody {
 * 1) mytabs .hiddenStructure { display: none; }
 * 2) mytabs li {
 * 1) mytabs li.selected {
 * 1) mytabs li a {
 * 1) mytabs li.selected a { z-index: 3; }
 * 2) mytabs .new a { color:#ba0000; }
 * 3) mytabs h3 { display: none; }
 * 4) mytabs li.istalk { margin-right: 0; }
 * 5) mytabs li.istalk a { padding-right: 0.5em; }
 * 6) mytabs-ca-addsection a {

/* 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. */

background: #F8FCFF; /* a light blue */ }
 * 1) content {

.ns-0 * #content { background: white; }

background: #F8FCFF; }
 * 1) mytabs li {

.ns-0 * #mytabs li { background: white; }

background-color: #F8FCFF; }
 * 1) mytabs li a {

.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. */   background: #F8FCFF; }
 * 1) p-cactions li {

.ns-0 * #p-cactions li { background: white; }

background-color: #F8FCFF; }
 * 1) p-cactions li a {

.ns-0 * #p-cactions li a { background-color: white; }

/* Section 6: My own toolbox (Generated by Javascript) */

/* Making space for my own links */
 * 1) p-logo { display:none; }

div#column-one { padding-top: 0px; }

font-size: 91%; }
 * 1) p-lupo-links .pBody {

display: inline; padding: 0em 1em 0em 0.5em; text-transform: lowercase; }
 * 1) p-lupo-links h3 {