Actions

User

Bezking/monobook.css

From The RadioReference Wiki

< User:Bezking
Revision as of 19:14, 20 November 2007 by Bezking (talk | contribs) (New page: →‎<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 ...)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* <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-interaction 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-interaction ul,
#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;
}


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