User:Michaelkpabst/monobook.css

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