User:Meco/common.css

/* */

/** * Background colour. */   background:#dfe4ff; }
 * 1) mainwelcome, .mainhead, .infobox th, .infobox > caption > div:nth-child(odd), .prettytable th {

.mainarea, .msgbox > div, .infobox, .docbox, .timelinenote, .scrollbox, .prettytable { background:#fdfdfd; }

/** * Main page code. */ .mainarea { margin:0.2em; }

font-family:Maven Pro",serif;   text-align:center;    font-weight:bold; }
 * 1) mainwelcome, .mainhead {

padding:0.5em; margin-bottom:0.25em; }
 * 1) mainwelcome {

margin:0; }
 * 1) mainwelcome > h1 {

.maincont { margin-top:1em; padding:0 2em 1em 1em; }

display:flex; }
 * 1) mainflex {

flex:1 1 auto; }
 * 1) mainflex > div {

.mainhead > h2 { margin-top:0; padding:0.2em 0; }

.mainlistcolumns > ul { column-count:2; -webkit-column-count:2; -moz-column-count:2; }

/** * Template doc box. */ .docbox { font-weight:bold; padding:0.25em; text-align:center; }

/** * MsgBox-type. */ .msgbox{ display:flex; justify-content:center; font-size:0.9em; }

.msgbox > div { border-left-width:0.75em; border-left-style:solid; margin:0 0.5em 0.5em 0.5em; padding:0.5em 1em; display:flex; }

.msgbox > div > .msgboximg { margin-right:0.5em; }

.redmsgbox { border-left-color:#CC0000; }

.yellowmsgbox { border-left-color:#FFBF00; }

.greenmsgbox { border-left-color:#00AA00; }

.blackmsgbox { border-left-color:#000000; }

/** * Template box settings. */

/** Infobox-type. */ .infobox { border:0; width:20em; }

.infobox td { padding-left:0.3em; padding-right:0.3em; vertical-align:top; }

.infobox > caption > div:nth-child(odd) { font-weight:bold; padding:0.1em; }

.infobox > caption > div:nth-child(even), .infoboxsubhead { font-size:0.9em; background:#dddddd; text-align:center; }

.infobox > tbody > tr:nth-child(odd) > td:nth-child(odd) { background:#f1f3ff; }

.infobox > tbody > tr:nth-child(odd) > td:nth-child(even) { background:#f5f6ff; }

.infobox > tbody > tr:nth-child(even) > td:nth-child(odd) { background:#ebfbff; }

.infobox > tbody > tr:nth-child(even) > td:nth-child(even) { background:#f5fdff; }

.infoboxnormalcol tr > td:first-child { width:30%; }

/** ScrollBox-type. */ .scrollbox { height:230px; overflow-y:scroll; padding:0.5em 1em; }

/** NavBox. */

.navbox { padding:0.2em; background:#fdfdfd; font-size:0.9em; width:100%; }

.navboxtitle { background:#dfe4ff; text-align:center; padding-top:0.1em; padding-bottom:0.1em; margin:0 0.1em 0.1em 0.1em; position:relative; }

.navboxtitlename { font-weight:bold; }

.navboxinner { display:flex; flex-direction:column; }

.navboxhead, .navboxrowhead, .navboxempty { padding:0.15em 0.5em; margin:0.1em; }

.navboxrow { flex-grow:1; flex-shrink:1; display:flex; }

.navboxrow > .navboxrowhead { width:15%; flex-grow:0; display:flex; justify-content:center; align-items:center; }

.navboxrow > .navboxrowarea { display:inline-flex; display:-webkit-inline-flex; flex-direction:column; flex-grow:1; }

div.navboxhead, div.navboxrowhead { font-weight:bold; background:#dddddd; }

.navboxhead { flex-grow:0; flex-shrink:1; text-align:center; }

.navboxempty { flex-grow:1; flex-shrink:1; background:#f1f3ff; }

.navboxtools { position:absolute; left:0.4em; top:0.15em; }

/* QuoteBox. */ .textbox { margin:1em 0em 0.25em 0em; width:80%; }

.textboxname { margin-bottom:2px; font-weight:bold; }

.textboxarea { color:#000000; background:#FFFFFF; opacity:0.85; padding:0 10px; border:2px solid #C0C0C0; border-radius:1.5em; }

.textboxsrc { margin-top:2px; text-align:right; }

/** * Misc. */ .timelinenote { margin:0 0.25em 0.25em 5em; padding:0.1em 0.5em 0.1em 1em; border-top:1px dashed black; border-bottom:1px dashed black; font-size:0.75em; }

/** * Table beautification. */ .prettytable td { padding-left:0.3em; padding-right:0.3em; vertical-align:top; }

.prettytable > caption > div:nth-child(odd) { font-weight:bold; padding:0.1em; }

.prettytable > caption { font-size:0.9em; background:#dddddd; text-align:center; }

.prettytable > tbody > tr:nth-child(odd) > td:nth-child(odd) { background:#f1f3ff; }

.prettytable > tbody > tr:nth-child(odd) > td:nth-child(even) { background:#f5f6ff; }

.prettytable > tbody > tr:nth-child(even) > td:nth-child(odd) { background:#ebfbff; }

.prettytable > tbody > tr:nth-child(even) > td:nth-child(even) { background:#f5fdff; }

/** * Horizontal list styles. From Wikipedia. */ .navboxempty dl, .navboxempty ol, .navboxempty ul, .hlist dl, .hlist ol, .hlist ul { margin: 0; }

.navboxempty dd, .navboxempty dt, .navboxempty li, .hlist dd, .hlist dt, .hlist li { display: inline; margin: 0; }

/* Display nested lists inline */ .navboxempty dl dl, .navboxempty ol ol, .navboxempty ul ul, .hlist dl dl, .hlist ol ol, .hlist ul ul { display: inline; }

/* Generate interpuncts */ .navboxempty dt::after, .hlist dt::after { content: ":"; } .navboxempty dd::after, .navboxempty li::after, .hlist dd::after, .hlist li::after { content: " · "; font-weight: bold; }

.navboxempty dd:last-child::after, .navboxempty dt:last-child::after, .navboxempty li:last-child::after, .hlist dd:last-child::after, .hlist dt:last-child::after, .hlist li:last-child::after { content: none; }

/* Add parens around nested lists */ .navboxempty dl dl dd:first-child::before, .navboxempty ol ol li:first-child::before, .navboxempty ul ul li:first-child::before .hlist dl dl dd:first-child::before, .hlist ol ol li:first-child::before, .hlist ul ul li:first-child::before { content: "("; }

.navboxempty dl dl dd:last-child::after, .navboxempty ol ol li:last-child::after, .navboxempty ul ul li:last-child::after .hlist dl dl dd:last-child::after, .hlist ol ol li:last-child::after, .hlist ul ul li:last-child::after { content: ")";   font-weight: normal; } /* Put numbers in ordered lists */ .hlist.hnum ol li {    counter-increment: level1; } .hlist.hnum ol li:before {    content: counter(level1) " "; } .hlist.hnum ol ol li {    counter-increment: level2; } .hlist.hnum ol ol li:first-child:before {    content: "(" counter(level2) " "; } .hlist.hnum ol ol li:before { content: counter(level2) " "; }

/* */