มีเดียวิกิ: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 */