User:Trixt/monobook.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
The accompanying .js page for this skin is at User:Trixt/monobook.js. |
/* 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;
}