User:Davidgothberg/monobook.css

/* Testing ambox flowing. */
/*
table.ambox {
  margin-left: 10%; 
  margin-right: 10%; 
  width: auto;
}
*/
 
/* 
table.ambox {
  background: #0a0;
}
h2 ~ table.ambox
{
  width: auto; 
  margin: 0 10%;
  background: #aaa; 
}
*/
 
 
/* See [[Wikipedia:Keyboard shortcuts]]. */
/*
a[accesskey]:before {
    t_content: " " attr(accesskey) " ";
    text-transform: uppercase;
    t_white-space: pre;
    t_border: thin solid;
    t_font-family: sans-serif;
    t_text-decoration: underline overline;
    margin-right: 0.5ex;
 
    font-size: 85%;
    content: attr(accesskey);
    t_border: 0.2em solid; 
    border: 2px solid; 
    border-color: #DDD #BBB #BBB #DDD; 
    padding: 0 0.4em; 
    background: #EEE;
}
*/
 
 
 
 
/* David's section based actions styles v0.1 */
 
/***** Turn different text green depending on section. *****/
 
/* Turn .section0green on in section 0. */
h3 ~ * .section0green,
h3 ~ * * .section0green,
h3 ~ * * * .section0green,
h3 ~ * * * * .section0green,
h3 ~ * * * * * .section0green,
h3 ~ * * * * * * .section0green,
h3 ~ * * * * * * * .section0green,
h3 ~ * * * * * * * * .section0green
{ 
  background:green; 
}
/* And then turn .section0green off again in the other sections */
h2 ~ * .section0green,
h2 ~ * * .section0green,
h2 ~ * * * .section0green,
h2 ~ * * * * .section0green,
h2 ~ * * * * * .section0green,
h2 ~ * * * * * * .section0green,
h2 ~ * * * * * * * .section0green,
h2 ~ * * * * * * * * .section0green
{
  background:transparent;
}
 
 
/* Turn .sectiongreen on in the rest of the sections */
h2 ~ * .sectiongreen, 
h2 ~ * * .sectiongreen, 
h2 ~ * * * .sectiongreen, 
h2 ~ * * * * .sectiongreen, 
h2 ~ * * * * * .sectiongreen, 
h2 ~ * * * * * * .sectiongreen, 
h2 ~ * * * * * * * .sectiongreen, 
h2 ~ * * * * * * * * .sectiongreen
{
  background:green;
}
 
 
/***** Hide different text depending on section. *****/
 
/* Hide text in section 0. */
h3 ~ * .section0hide,            /* For normal text */
h3 ~ * * .section0hide,          /* For divs */
h3 ~ * * * .section0hide,        /* For divs in divs */
h3 ~ * * * * .section0hide,      /* For tables */
h3 ~ * * * * * .section0hide,    /* For tables in divs */
h3 ~ * * * * * * .section0hide,  /* For ? */
h3 ~ * * * * * * * .section0hide, /* For ? */
h3 ~ * * * * * * * * .section0hide /* For tables in tables */
{
  display:none;
}
/* And then show text again in the other sections */
h2 ~ * .section0hide, 
h2 ~ * * .section0hide, 
h2 ~ * * * .section0hide, 
h2 ~ * * * * .section0hide, 
h2 ~ * * * * * .section0hide, 
h2 ~ * * * * * * .section0hide, 
h2 ~ * * * * * * * .section0hide, 
h2 ~ * * * * * * * * .section0hide
{ 
  display:inline;
}
 
 
/* Hide text in other sections. */
h2 ~ * .sectionhide, 
h2 ~ * * .sectionhide, 
h2 ~ * * * .sectionhide, 
h2 ~ * * * * .sectionhide, 
h2 ~ * * * * * .sectionhide, 
h2 ~ * * * * * * .sectionhide, 
h2 ~ * * * * * * * .sectionhide, 
h2 ~ * * * * * * * * .sectionhide
{
  display:none;
}
 
 
/* Hide text everywhere. But only if the browser is compatible. */
h3 ~ * .sectionhideall, 
h3 ~ * * .sectionhideall, 
h3 ~ * * * .sectionhideall, 
h3 ~ * * * * .sectionhideall, 
h3 ~ * * * * * .sectionhideall, 
h3 ~ * * * * * * .sectionhideall, 
h3 ~ * * * * * * * .sectionhideall, 
h3 ~ * * * * * * * * .sectionhideall
{
  display:none;
}
 
 
 
/******** End David's section based actions styles ********/
 
 
 
/* For the edit window toolbar */
#toolbar { margin-bottom: 20px; }
 
 
/* For template documentation */ 
.template-documentation {
  margin-top: 25px;
/*
  clear: both;
  margin: 25px 0 0 0;
  border: 1px solid #aaa; 
  background-color: #ecfcf4; 
  padding: 5px;
*/
}
 
 
 
/* CapitalR's navbox styles v0.1 */
div.navbox2 {              /* navbox container style */
  border:1px solid #aaa;
  width:100%; 
  margin:auto;
  font-size:89%;
  text-align:center;
}
div.navbox2-padding {      /* padding inside the navbox container */
  padding:3px;
}
div.navbox2,
table.navbox2-subgroup {
  background:#fdfdfd;      /* background color */
}
table.navbox2-grouplist {  /* navbox groups/lists table style */
  margin:-2px;             /* must equal -1*(tr.navbox2-vspace height) */
}
tr.navbox2-vspace {        /* vertical spacing between cells */
  height:2px;
}
td.navbox2-hspace {        /* horizontal spacing between cells */
  padding:2px;
}
th.navbox2-title {         /* title style */
  background:#ccccff;
  text-align:center;
}
td.navbox2-abovebelow {    /* above and below styles */
  background:#ddddff;
  text-align:center;
  padding-left:1em;
  padding-right:1em;
}
th.navbox2-group {         /* group style */
  background:#ddddff;
  white-space:nowrap;
  text-align:right;
  padding-left:1em;
  padding-right:1em;
}
div.navbox2-list {         /* list style */
  padding-left:0.25em;
  padding-right:0.25em;
}
td.navbox2-even {          /* even row style */
  background:#f4f4ff;
}
td.navbox2-odd {           /* odd row style */
  background:transparent;
}
 
 
 
 
/* David's navibox template style, v0.4 */
div.navibox {                  /* Outer border */
  clear: both; 
  margin: 0em;
  width: 100%; 
  border: 1px solid #aaa; 
  background: #fcfcfc;         /* Navbox background */
}
div.navibox-padding {
  padding: 4px;                /* Padding inside the outer border */
}
table.navibox th,
table.navibox td { 
  border: 2px solid #fcfcfc;   /* Cell margins / Navbox background */
}
 
/* Begin non-skinnable, do not edit */
table.navibox {  
  border-collapse: collapse; 
  width: 100%; 
  background: transparent; 
}
table.navibox .navibox-border-none {
border: none !important; 
}
table.navibox .navibox-border-left {
border-top: none !important;
border-right: none !important; 
border-bottom: none !important; 
}
table.navibox .navibox-border-top {
border-right: none !important;
border-bottom: none !important; 
border-left: none !important; 
}
table.navibox .navibox-border-right {
border-top: none !important;
border-bottom: none !important; 
border-left: none !important; 
}
table.navibox .navibox-border-top-right {
border-bottom: none !important;
border-left: none !important; 
}
/* End non-skinnable */
 
th.navibox-title {             /* Title cell */  
  background: #ccf;
  text-align: center;
}
td.navibox-abovebelow {        /* Above and below cells */
  background: #ddf; 
  text-align: center;
  padding: 2px 1em;
}
td.navibox-image {             /* Imageleft and image cells */
  background: transparent;
  text-align: center;
  padding: 0px; 
}
th.navibox-group {             /* Group cells */
  background: #ddf; 
  white-space: nowrap;
  text-align: right;
  padding: 2px 1em;
}
th.navibox-subgroup {          /* Subgroup cells */
  background: #e6e6ff; 
  white-space: nowrap;
  text-align: right;
  padding: 2px 1em;
}
td.navibox-list {              /* List cells */
  width: 100%;  /* Do not edit */
  background: transparent;
  text-align: left;
  padding: 2px 0.25em;
}
td.navibox-even { 
  background: #f5f5f5;         /* Even list cell color */
}
 
 
 
/* Testing namespace detection. */
.davidbox {             /* Any namespace */
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
    border: 1px solid #aaa;
    background: #f9f9f9;              /* Other space colours */
}
.ns-0 .davidbox,
.article-demo .davidbox-demo
{       /* Main (article) space */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;     
    background: #fbfbfb;              /* Ambox colours */
}
.ns-1 .davidbox,
.ns-3 .davidbox,
.ns-5 .davidbox,
.ns-7 .davidbox,
.ns-9 .davidbox,
.ns-11 .davidbox,
.ns-13 .davidbox,
.ns-15 .davidbox,
.ns-101 .davidbox,
.talk-demo .davidbox-demo
{     /* Any talk space */
    border: 1px solid #c0c090;
    background: #f8eaba;              /* Brown talk space colours */
}
 
 
 
/* David's tighter page top tabs, v0.4.
   Change only the second value if several values. */
#p-cactions {
	padding-left: .6em;      /* Outside left of first tab. */
}
#p-cactions li {
	margin: 0 .3em 0 0;      /* Outside of all tabs. */
}
#p-cactions li a {
	padding: 0 .6em .3em;    /* Inside of all tabs. */
}
#p-cactions #ca-addsection a {
	padding: 0 .6em .3em;    /* Inside "+/new section". */
}
#p-cactions li.selected a {
	padding: 0 1em .2em!important;   /* Inside current tab. */
}
/* Extra outside space to distinguish the tab groups. */
li#ca-talk, li#ca-history {
	margin-right: 1.0em;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
	margin-left: 1.0em;
}
 
 
 
/* .diffchange-inline, */
.diffchange {
/*    border: none;  */
/*    border-bottom: 1px solid #f00;   */
    border-bottom: 1px solid #6AD500;
/*    border: 1px dotted #f00;   */
}
 
 
/* Testing to change the link content. */
#p-cactions #ca-history a {
    before: "aa";
    content: "bb";
    after: "cc";
}
 
 
 
/* Article message box styles */
.mmbox,
table.ambox {            /* 10% = Will not overlap with other elements */
    margin: -1px 10%;    /* -1px = Single border between stacked boxes in all browsers */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
.mmbox-text,
th.ambox-text, td.ambox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;        /* 0.5em left/right */
    width: 100%;                  /* Make all templates the same width regardless of text length */
}
.mmbox-image,
td.ambox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;     /* 0.5em left, 0px right */
    text-align: center; 
}
td.ambox-imageright {             /* The right image cell */
    border: none; 
    padding: 2px 0.5em 2px 0;     /* 0px left, 0.5em right */
    text-align: center; 
}
 
.mmbox-notice,
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete,
table.ambox-serious {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move,
table.ambox-merge {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
table.ambox.ambox-mini {    /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print {              /* Do not print article message boxes */
    .ambox {
        display: none;
    }
}
 
 
/* Image message box styles */
.ns-6 .mmbox,
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox-text .imbox {      /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;     /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
.ns-6 .mmbox-text,
th.imbox-text, td.imbox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.ns-6 .mmbox-image,
td.imbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;     /* 0.9em left, 0px right */
    text-align: center; 
}
td.imbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;     /* 0px left, 0.9em right */
    text-align: center; 
}
 
.ns-6 .mmbox-notice,
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
 
 
/* Category message box styles */
.ns-14 .mmbox,
table.cmbox {
    margin: -1px 10%;
    border: 1px solid #aaa; 
    background: #DFE8FF;          /* Default "notice" blue */
}
.ns-14 .mmbox-text,
th.cmbox-text, td.cmbox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;        /* 0.5em left/right */
    width: 100%;
}
.ns-14 .mmbox-image,
td.cmbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;     /* 0.5em left, 0px right */
    text-align: center; 
}
td.cmbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.8em 2px 0;     /* 0px left, 0.8em right */
    text-align: center; 
}
 
.ns-14 .mmbox-notice,
table.cmbox-notice {
    background: #DFE8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 1px;
    margin-bottom: 1px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #F1D0FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}