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

#editform .copyrightwarning, #editpage-copywarn { display: none !important; }

body { 
  background-color: #f9f9f9 ! important;
  background-image: none ! important;
}

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

div.boilerplate#substub, div.mw-editinginterface {
   display: none;
}

div#siteNotice {
   display: none ! important
}

#watchlist-message { display:none; }

/* Section 1: Minor tweaks. */

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

a.external, a.extiw {
    text-decoration: underline !important;
}

a.external:visited, a.extiw:visited {
    color: teal !important;
}

.portlet a {
   text-decoration: underline;
}

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

/* 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) */
#bodyContent a.external[href ^="http://"],
.tooltipContent a.external[href ^="http://"] {
    background:inherit !important;
    padding-right:0 !important;
    margin-right:0 !important;
}

/* 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;
}

body.page-Special_Watchlist td {
  line-height: 1.4em;
}

/* 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;
}

/* Waste less space in sidebar */

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

#p-nav li, #p-navigation li, #p-tbx li, #p-tb 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;
}*/

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

#p-cactions .selected a:hover {
    z-index: 3;
}

#p-cactions li a:hover {
    z-index: 0;
}

/* 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 .pBody {
    font-size: 1em;
    background-color: transparent;
    color: inherit;
    border-collapse: inherit;
    border: 0;
    padding: 0;
}
#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:#ba0000; }
#mytabs h3 { 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, li#mytabs-ca-varlang-0, li#mytabs-ca-print {
    margin-left: 1.6em;
}

/* Section 5: Make the tabs have a light yellow background */


#mytabs li {
    background: #fff8cc;
}

#mytabs li a {
    background-color: #fff8cc;
}

#p-cactions li {
    background: #fff8cc;
}

#p-cactions li a {
    background-color: #fff8cc;
}

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

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

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

#p-lupo-links .pBody {
    font-size: 90%;
}

#p-lupo-links h5 {
    display: inline;
    padding: 0em 1em 0em 0.5em;
    text-transform: lowercase;
}

/* Link styling for tooltips */
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
.tooltipContent a.external,
.tooltipContent a.external[href ^="gopher://"] {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/external.png) center right no-repeat;
	padding: 0 13px;
}
.rtl .tooltipContent a.external,
.rtl .tooltipContent a.external[href ^="gopher://"] {
	background-image: url(http://commons.wikimedia.org/skins-1.5/monobook/external-rtl.png);
}
.tooltipContent a.external[href ^="https://"],
.link-https {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/lock_icon.gif) center right no-repeat;
	padding: 0 16px;
}
.tooltipContent a.external[href ^="mailto:"],
.link-mailto {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/mail_icon.gif) center right no-repeat;
	padding: 0 18px;
}
.tooltipContent a.external[href ^="news://"] {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/news_icon.png) center right no-repeat;
	padding: 0 18px;
}
.tooltipContent a.external[href ^="ftp://"],
.link-ftp {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/file_icon.gif) center right no-repeat;
	padding: 0 18px;
}
.tooltipContent a.external[href ^="irc://"],
.link-irc {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/discussionitem_icon.gif) center right no-repeat;
	padding: 0 18px;
}
.tooltipContent a.external[href $=".ogg"], .tooltipContent a.external[href $=".OGG"],
.tooltipContent a.external[href $=".mid"], .tooltipContent a.external[href $=".MID"],
.tooltipContent a.external[href $=".midi"], .tooltipContent a.external[href $=".MIDI"],
.tooltipContent a.external[href $=".mp3"], .tooltipContent a.external[href $=".MP3"],
.tooltipContent a.external[href $=".wav"], .tooltipContent a.external[href $=".WAV"],
.tooltipContent a.external[href $=".wma"], .tooltipContent a.external[href $=".WMA"],
.link-audio {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/audio.png) center right no-repeat;
	padding: 0 13px;
}
.tooltipContent a.external[href $=".ogm"], .tooltipContent a.external[href $=".OGM"],
.tooltipContent a.external[href $=".avi"], .tooltipContent a.external[href $=".AVI"],
.tooltipContent a.external[href $=".mpeg"], .tooltipContent a.external[href $=".MPEG"],
.tooltipContent a.external[href $=".mpg"], .tooltipContent a.external[href $=".MPG"],
.link-video {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/video.png) center right no-repeat;
	padding: 0 13px;
}
.tooltipContent a.external[href $=".pdf"], .tooltipContent a.external[href $=".PDF"],
.tooltipContent a.external[href *=".pdf#"], .tooltipContent a.external[href *=".PDF#"],
.tooltipContent a.external[href *=".pdf?"], .tooltipContent a.external[href *=".PDF?"],
.link-document {
	background: url(http://commons.wikimedia.org/skins-1.5/monobook/document.png) center right no-repeat;
	padding: 0 12px;
}

/* for rtl wikis */
.rtl .tooltipContent a.external {
	background-position: left;
	padding-right: 0;
}

/* correction for ltr wikis */
.ltr .tooltipContent a.external {
	padding-left: 0;
}

/* disable interwiki styling */
.tooltipContent a.extiw,
.tooltipContent a.extiw:active {
	color: #36b;
}
.tooltipContent a.external {
	color: #36b;
}
/* this can be used in the content area to switch off
special external link styling */
.tooltipContent .plainlinks a {
	background: none !important;
	padding: 0 !important;
}

@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[href *="Image:Replace_this_image1.svg"] {
     display: none !important
  }
}

/* HotCat interface modifications */

.hotcatlink {
  font-size: 80%;
}

.hotcatlink a:hover {
  background-color : #87CEFA; /* A light blue */
}

/* Waste less space in edittools */
#specialchars button {
  font-size:0.9em;
  margin: 0 0 0 0 !important;
}