มีเดียวิกิ:Coltest.css
หมายเหตุ: หลังเผยแพร่ คุณอาจต้องล้างแคชเว็บเบราว์เซอร์ของคุณเพื่อดูการเปลี่ยนแปลง
- ไฟร์ฟอกซ์ / ซาฟารี: กด Shift ค้างขณะคลิก Reload หรือกด Ctrl-F5 หรือ Ctrl-R (⌘-R บนแมค)
- กูเกิล โครม: กด Ctrl-Shift-R (⌘-Shift-R บนแมค)
- อินเทอร์เน็ตเอกซ์พลอเรอร์ และ Edge: กด Ctrl ค้างขณะคลิก Refresh หรือกด Ctrl-F5
- โอเปร่า: กด Ctrl-F5
.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 =====
*/
#heederContainer {
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%;
}
#navigationHeeder, #navigationHeeder .faux-tbody {
background-color: #E6F2E6;
}
#navigationNotes, #navigationNotes .faux-tbody {
background-color: #FAFAFF;
}
#navigationNotes .notesField {
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
**/
/*
* 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 */