User:Michaelkpabst/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.
/* Shamelessly stolen from User:Omegatron */
/* <pre> */
/* Content in columns with CSS instead of tables [[Template:Columns]] */
/* div.columns-2 div.column {
float: left;
width: 50%;
min-width: 300px;
}
div.columns-3 div.column {
float: left;
width: 33.3%;
min-width: 200px;
}
div.columns-4 div.column {
float: left;
width: 25%;
min-width: 150px;
}
div.columns-5 div.column {
float: left;
width: 20%;
min-width: 120px;
}*/
/* For when the width is very small */
/* .columns-2, .columns-3, .columns-4, .columns-5{
overflow:auto;
} */
/* tables in frames */
div.thumb div table a img {
border: 0;
background-color:inherit;
}
div.thumb div table {
border: 1px solid #ccc;
}
/* Bottom tab styling (not for IE currently) */
#mytabs {
margin: -0.4em 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.45em 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: #002bb8;
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 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,
li#mytabs-ca-varlang-0, li#mytabs-ca-print {
margin-left: 1.6em;
}
/* Remove comment if bottom tabs should be rounded as well in moz */
#mytabs li, #mytabs li a {
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
}
/* Don't use any logo, move the boxes onto that area instead */
#p-logo {
display: none;
}
#column-one {
padding-top: 0;
}
/* Make a few corners round */
/* (only supported by moz/firefox/other gecko browsers for now) */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
#content {
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
/* Transform the user toolbar into a sidebox */
#p-personal {
position:relative;
z-index:3;
width: 11.6em;
}
#p-personal .pBody {
width: 10.7em;
border: none;
margin: 0 0 0.1em 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: 1em !important;
list-style-type: square;
list-style-image: url("/style/monobook/bullet.gif");
font-size:95%;
margin: 0 0 0 1em;
padding:0;
text-align:left;
text-transform: none;
}
#p-personal li {
display: list-item;
line-height: 1em;
padding:0;
margin: 0 0 0 0;
margin-bottom: 0.1em;
}
#p-personal h5 {
display: inline;
padding: 0em 1em 0em 0.5em;
}
#p-personal a {
display: block;
}
/* Waste less space in sidebar */
#p-navigation ul,
#p-tb ul,
#p-personal ul,
#p-lang ul,
#p-goodies ul,
#p-participate ul,
#p-support ul,
#p-tools ul {
line-height: inherit;
margin: 0 0 0 1em;
}
#p-navigation li,
#p-tb li,
#p-personal li,
#p-lang li,
#p-goodies li,
#p-participate ul,
#p-support li,
#p-tools li {
margin: 0 0 0 0;
}
/* Squish those sidebar boxes together */
.portlet {
margin-bottom:0;
}
/* Suppress the person icon by your username */
li#pt-userpage {
background: none;
}
/* Make preformatted sections overflow with a scrollbar instead of uglies */
div#bodyContent > pre {
overflow: auto;
width: auto;
}
/* p {
overflow: auto;
} */
/* Fix the sidebar's position while you scroll */
div[id=column-one] { /* Using the attribute selector hides this from IE */
position: fixed;
height: 100%; /* If you shrink the browser too small, the side column will */
overflow: auto; /* become scrollable, so stuff is always accessible, albeit ugly */
z-index: 2;
}
#p-lang .pBody ul{ /* Sets the language box to a fixed height and scrollable if too long to fit */
height: 6em;
overflow: auto;
}
body { /* Fix the background image, too, so it looks nice as you scroll */
background-attachment: fixed;
}
#footer { /* Fix the footer so it looks nice and doesn't overlap the sidebar */
margin-left: 13.6em;
border-left: solid 1px rgb(250, 189, 35);
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
/* Reminder to upload to commons instead */
#t-upload {
text-decoration: line-through;
}
/* Making Lupin's popups work better? */
span.popup_menu {
top: 2ex !important;
}
/* Talk page colors? */
/* Style pour les pages de discussion ; gestion de la coloration indentative */
/*
.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd,
.ns-11 dd, .ns-13 dd,.ns-15 dd, .ns-101 dd, .ns-105 dd {
margin: 0;
padding: 0;
}
.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl,
.ns-11 dl, .ns-13 dl, .ns-15 dl, .ns-101 dl, .ns-105 dl {
border-top: 0;
border-left: solid 1px #ddf0ff;
padding-top: 0em;
padding-left: 0.5em;
margin-left: 1em;
} */
.ns-1 dl,
.ns-1 dl dl dl,
.ns-1 dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl,
.ns-3 dl,
.ns-3 dl dl dl,
.ns-3 dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl,
.ns-5 dl,
.ns-5 dl dl dl,
.ns-5 dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl,
.ns-7 dl,
.ns-7 dl dl dl,
.ns-7 dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl,
.ns-9 dl,
.ns-9 dl dl dl,
.ns-9 dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl,
.ns-11 dl,
.ns-11 dl dl dl,
.ns-11 dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl,
.ns-13 dl,
.ns-13 dl dl dl,
.ns-13 dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl,
.ns-15 dl,
.ns-15 dl dl dl,
.ns-15 dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl,
.ns-101 dl,
.ns-101 dl dl dl,
.ns-101 dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl dl,
.ns-105 dl,
.ns-105 dl dl dl,
.ns-105 dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl dl dl
{
background-color: #eff8ff;
}
.ns-1 dl dl,
.ns-1 dl dl dl dl,
.ns-1 dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl,
.ns-3 dl dl dl dl,
.ns-3 dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl,
.ns-5 dl dl dl dl,
.ns-5 dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl,
.ns-7 dl dl dl dl,
.ns-7 dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl,
.ns-9 dl dl dl dl,
.ns-9 dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl,
.ns-11 dl dl dl dl,
.ns-11 dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl,
.ns-13 dl dl dl dl,
.ns-13 dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl,
.ns-15 dl dl dl dl,
.ns-15 dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl,
.ns-101 dl dl,
.ns-101 dl dl dl dl,
.ns-101 dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl dl dl,
.ns-105 dl dl,
.ns-105 dl dl dl dl,
.ns-105 dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl dl dl dl
{
background-color: #e6f4ff;
}
/* Oh, the self-referential silliness */
/* (Syntax highlighting for user CSS pages) */
pre span.idselector {
color: red;
}
pre span.classselector {
color: green;
}
pre span.property {
color: blue;
}
pre span.value {
color: orange;
}
pre span.comment {
font-weight: bold;
background-color: #eee;
}
pre, code {
background: white;
}
/* Autolink style */
a.autolink {
text-decoration: none;
border-bottom: dotted 1px #66f;
color: inherit;
}
/* Experimenting with audio link styles */
/* Style rules for [[Template:Listen]] and [[Template:Multi-listen_start]] */
/*
div.listenlink {
background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png") top left no-repeat;
min-height: 35px;
margin: 1em;
padding: 0 0 0 40px;
}
div.listenlink ul {
list-style-type: none;
list-style-image: none;
margin: 0;
}
div.listenlink ul li {
padding-bottom: 0.5em;
}
div.listenlink ul li li {
font-size: 91%;
padding-bottom: 0;
}
*/
/* Insert character box */
div#editpage-specialchars a {
padding-left: .2em !important;
padding-right: .2em !important;
}
div#editpage-specialchars a:hover {
/* background-color: silver !important; */
border: 1px solid red;
margin: -1px;
}
/* </pre> */
