User talk:Davidgothberg/monobook.css
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)