User:Inductiveload/site-css-js/Coltest.css

.dotted { background-image:url('https://upload.wikimedia.org/wikipedia/commons/archive/4/41/20110411221233%21Dot_leader_-_10px.svg'); background-repeat:repeat-x; background-position:left bottom; } ul.leaders { position: relative; min-width: 40em; margin-left: 0; padding: 0; overflow-x: hidden; list-style: none; } ul.leaders li:after { font-family: serif; float: left; width: 0; white-space: nowrap; content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "; } ul.leaders span:first-child { padding-right: 0.50em; background: white; } ul.leaders span + span { float: right; position: relative; padding-left: 0.33em; background: white; z-index: 1; } /** * Help pick a name * * Finally CSS3 has presented us with a way to mimic the * old-school tags for tables. * *   v. Alpha - 2016/01/20 */ .fauxTableContainer, .fauxTableContainer *, .faux-table-container, .faux-table-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fauxTable, .fauxTableSepa, .faux-table, .faux-table-s { display: table; border-collapse: separate; border-spacing: 2px 2px; -webkit-box-sizing: border-box; box-sizing: border-box; empty-cells: show; text-indent: initial; } .fauxTableColl, .faux-table-c { display: table; border-collapse: collapse; border-spacing: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; empty-cells: hide; text-indent: initial; } .fauxCaption, .faux-caption { display: table-caption; caption-side: top; text-align: center; } .fauxColGroup, .faux-colgroup { display: table-column-group; } .fauxCol, .faux-col { display: table-column; } .fauxThead, .faux-thead { display: table-header-group; border-color: inherit; vertical-align: middle; } .fauxTbody, .faux-tbody { display: table-row-group; border-color: inherit; vertical-align: middle; } .fauxTfoot, .faux-tfoot { display: table-footer-group; border-color: inherit; vertical-align: middle; } .fauxTr, .faux-tr { display: table-row; border-color: inherit; vertical-align: inherit; } .fauxTd, .faux-td { display: table-cell; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; vertical-align: inherit; } .fauxTh, .faux-th { display: table-cell; font-weight: 700; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; text-align: center; vertical-align: inherit; } /* *==== All namespace header template settings ===== */	position: relative; border-collapse: collapse; border-spacing: 0 0; /*	border-bottom: calc(1rem * 0.0625) solid #DDD;*/ empty-cells: hide; font-size: 1rem; line-height: 1.375; margin: 0 auto 0.25em auto; width: 100%; } .heedertemplate, .heedertemplate-notes { border-top: thin solid #DDD; border-right: thin solid #DDD; border-bottom: thin solid #DDD; border-left: thin solid #DDD; margin: 0 auto 0 auto; width: 100%; } /* Forward and backward link */ .gen_heeder_backlink, .gen_heeder_forelink { font-size: calc(1rem * 0.8750); line-height: normal; } .gen_heeder_backlink { text-align: left; width: 20%; } .gen_heeder_forelink { text-align: right; width: 20%; } /* Title field */ .gen_heeder_title { text-align: center; width: 60%; }	background-color: #E6F2E6; }	background-color: #FAFAFF; }	font-size: 0.75em; line-height: 1.50; } /* * Help pick a name * * Finally CSS3 has presented us with a way to mimic the * old-school COL tag for formatting repetitive settings down * all the cells of a single column with only a single set of * values. Format 1 cell and you've formatted the entire column. * *   v. Beta - 01/04/2015
 * 1) heederContainer {
 * 1) navigationHeeder, #navigationHeeder .faux-tbody {
 * 1) navigationNotes, #navigationNotes .faux-tbody {
 * 1) navigationNotes .notesField {

/* *     First column of target table */ table.colTest > tr > td:nth-child(0n+1), table.colTest > * > tr > td:nth-child(0n+1) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: right; background-color: yellow; } /* *     Last column of target table */ table.colTest > tr > td:nth-last-child(-n+1), table.colTest > * > tr > td:nth-last-child(-n+1) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: right; background-color: lime; } /* *     Second to last column (or 7th from the left) of target table */ table.colTest > tr > td:nth-child(8n-1), table.colTest > * > tr > td:nth-child(8n-1) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: center; } /* *     Sixth column of target table */ table.colTest > tr > td:nth-child(8n-2), table.colTest > * > tr > td:nth-child(8n-2) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: left; } /* *     Fifth column of target table */ table.colTest > tr > td:nth-child(8n-3), table.colTest > * > tr > td:nth-child(8n-3) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: right; } /* *     Fourth column of target table */ table.colTest > tr > td:nth-child(0n+4), table.colTest > * > tr > td:nth-child(0n+4) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; font-size: 0.83em; text-align: right; vertical-align: text-top; } /* *     Third column of target table */ table.colTest > tr > td:nth-child(0n+3), table.colTest > * > tr > td:nth-child(0n+3) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: center; letter-spacing: 2px; } /* *     Second column of target table */ table.colTest > tr > td:nth-child(0n+2), table.colTest > * > tr > td:nth-child(0n+2) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: right; font-variant: small-caps; } /* *      columns of target table */

/* *      columns of target table */ /* ########## PARK EARLIER REVISIONS BELOW THIS LINE PLEASE ########### */ /* *     All 'Even' numbered columns of target table * table.colTest > tr > td:nth-child(even), table.colTest > * > tr > td:nth-child(even) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: right; } */ /* *     All 'Odd' numbered columns of target table * table.colTest > tr > td:nth-child(odd), table.colTest > * > tr > td:nth-child(odd) { display: table-cell; padding-right: 0.75em; padding-left: 0.75em; text-align: right; } */ /* ########## NEW ADDTIONS BELOW THIS LINE PLEASE ########### */

/* *      columns of target table */

/* *      columns of target table */

/* @end */