User talk:Davidgothberg/monobook.css

Latest comment: 16 years ago by Davidgothberg in topic David's old CSS code repository

David's old CSS code repository

edit

Note: Some of this code works, some don't.

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




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




/* Article message box styles */
.mmbox,
table.xambox {            /* 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.xambox-text, td.xambox-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.xambox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;     /* 0.5em left, 0px right */
    text-align: center; 
}
td.xambox-imageright {             /* The right image cell */
    border: none; 
    padding: 2px 0.5em 2px 0;     /* 0px left, 0.5em right */
    text-align: center; 
}

.mmbox-notice,
table.xambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.xambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.xambox-delete,
table.xambox-serious {
    border-left: 10px solid #b22222;    /* Red */
}
table.xambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.xambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.xambox-move,
table.xambox-merge {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.xambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
table.xambox.xambox-mini {    /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print {              /* Do not print article message boxes */
    .xambox {
        display: none;
    }
}


/* Image message box styles */
.ns-6 .mmbox,
table.ximbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.ximbox-text .ximbox {      /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;     /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .ximbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
.ns-6 .mmbox-text,
th.ximbox-text, td.ximbox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.ns-6 .mmbox-image,
td.ximbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;     /* 0.9em left, 0px right */
    text-align: center; 
}
td.ximbox-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.ximbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.ximbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ximbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.ximbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.ximbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.ximbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.ximbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.ximbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.ximbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}



/* Category message box styles */
.ns-14 .mmbox,
table.xcmbox {
    margin: -1px 10%;
    border: 1px solid #aaa; 
    background: #DFE8FF;          /* Default "notice" blue */
}
.ns-14 .mmbox-text,
th.xcmbox-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.xcmbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;     /* 0.5em left, 0px right */
    text-align: center; 
}
td.xcmbox-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.xcmbox-notice {
    background: #DFE8FF;    /* Blue */
}
table.xcmbox-speedy {
    margin-top: 1px;
    margin-bottom: 1px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.xcmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.xcmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.xcmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.xcmbox-move {
    background: #F1D0FF;    /* Purple */
}
table.xcmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}



/* Other pages message box styles */
table.xombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
th.xombox-text, td.xombox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
td.xombox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;     /* 0.9em left, 0px right */
    text-align: center; 
}
td.xombox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;     /* 0px left, 0.9em right */
    text-align: center; 
}
 
table.xombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.xombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.xombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.xombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.xombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.xombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.xombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}




/* Testing !important */
/*
table.tmbox-protection {
    border: 2px solid #bba !important;
}
*/


/* Testing CSS priority */
/*
.ns-10 .ombox {
    color: red;
}
.ns-subject .ombox {
    color: green;
}
*/

--David Göthberg (talk) 09:04, 22 August 2008 (UTC)Reply