User:Joeblakesley/monobook.css

/* */

/* Everything below here is copied from User:Omegatron/monobook.css */

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

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%; }
 * 1) mytabs {

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; }
 * 1) mytabs .hiddenStructure { display: none; }
 * 2) mytabs li {

border-color: #fabd23; padding: 0.2em 0 0 0; }
 * 1) mytabs li.selected {

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; }
 * 1) mytabs li a {

z-index: 3; text-decoration: none; }
 * 1) mytabs li.selected a { z-index: 3; }
 * 2) mytabs .new a { color:#ba0000; }
 * 3) mytabs li a:hover {

padding-left: 0.4em; padding-right: 0.4em; }
 * 1) mytabs h5 { display: none; }
 * 2) mytabs li.istalk { margin-right: 0; }
 * 3) mytabs li.istalk a { padding-right: 0.5em; }
 * 4) mytabs-ca-addsection a {

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

-moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; }
 * 1) mytabs li, #mytabs li a {

/* Don't use any logo, move the boxes onto that area instead */

display: none; }   padding-top: 0; }
 * 1) p-logo {
 * 1) column-one {

/* Make a few corners round */ /* (only supported by moz/firefox/other gecko browsers for now) */

-moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; }   -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; } div.pBody { -moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em; }
 * 1) p-cactions ul li, #p-cactions ul li a {
 * 1) content {

/* Transform the user toolbar into a sidebox */

position:relative; z-index:3; width: 11.6em; }
 * 1) p-personal {

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

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

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

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

display: block; }
 * 1) p-personal a {

/* Waste less space in sidebar */

line-height: inherit; margin: 0 0 0 1em; }
 * 1) p-navigation ul,
 * 2) p-interaction ul,
 * 3) p-tb ul,
 * 4) p-personal ul,
 * 5) p-lang ul,
 * 6) p-goodies ul,
 * 7) p-participate ul,
 * 8) p-support ul,
 * 9) p-tools ul {

margin: 0 0 0 0; }
 * 1) p-navigation li,
 * 2) p-interaction ul,
 * 3) p-tb li,
 * 4) p-personal li,
 * 5) p-lang li,
 * 6) p-goodies li,
 * 7) p-participate ul,
 * 8) p-support li,
 * 9) p-tools li {

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

height: 6em; overflow: auto; }
 * 1) p-lang .pBody ul{   /* Sets the language box to a fixed height and scrollable if too long to fit */

body {               /* Fix the background image, too, so it looks nice as you scroll */ background-attachment: fixed; }

margin-left: 13.6em; border-left: solid 1px rgb(250, 189, 35); -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; }
 * 1) footer {            /* Fix the footer so it looks nice and doesn't overlap the sidebar */

/* Reminder to upload to commons instead */

text-decoration: line-through; }
 * 1) t-upload {

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

/* Display access keys in box before links a[accesskey]:before { content: " " attr(accesskey) " "; text-transform: uppercase; white-space: pre; border: thin solid; font-family: sans-serif; text-decoration: underline overline; margin-right: 0.5ex; }

/* */