User:Calum MacÙisdean/myskin.css

Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump.
This code will be executed when previewing this page.

Documentation for this user script can be added at User:Calum MacÙisdean/myskin. This user script seems to have an accompanying .js page at User:Calum MacÙisdean/myskin.js.

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

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

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

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

#bodyContent a[href$=".pdf"], 
#bodyContent a[href*=".pdf?"], 
#bodyContent a[href*=".pdf#"], 
#bodyContent span.PDFlink a {
    background: url(http://upload.wikimedia.org/wikipedia/en/thumb/7/79/Adobepdfreader7_icon.png/15px-Adobepdfreader7_icon.png) center right no-repeat !important;
    padding-right: 15px;
}

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