มีเดียวิกิ:Gadget-enws-tweaks.css

/*
 *==== This stylesheet contains all en.WS specific tweaks =====
 */
/* make user experience moar-kewl */
/*@media screen*/
a:hover, a:focus {
	-webkit-transition: color 0.4s ease;
	   -moz-transition: color 0.4s ease;
	     -o-transition: color 0.4s ease;
	        transition: color 0.4s ease;
}
/* poem tag : avoid extra margins between transcluded pages */
.poem {
	line-height: inherit;
	margin-top: 0;
	margin-bottom: 0;
	text-indent: inherit;
}
.poem p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-indent: inherit !important;
/*	white-space: nowrap !important; */
}
.poem .mw-poem-indented {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-indent: inherit !important;
	white-space: nowrap !important;
}
/* poem tag : inhibits div with defined-list wiki mark-up for indentation */
.poem dl {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-indent: inherit !important;
}
.poem dd {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-indent: inherit !important;
}
/* Short lines preferred by some editors */
.prose {
	padding-left: 3em;
	max-width: 35em;
	margin: 0 auto;
}
/* center TemplateData extension's output table */
.mw-templatedata-doc-params {
	margin: 0.50em auto 0.50em auto !important;
}
/* show deleted text hidden by CopyVio template */
.page-Special_Undelete div#copyvio {
	display: block !important;
}
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references {
	font-size: 100%;
}
.references-small {
	font-size: 90%;
}
ol.references > li:target {
	background-color: #ddeeff;
}
sup.reference:target {
	background-color: #ddeeff;
}
sup, sub {
	font-size: 0.75em !important;
}
/* force paragraphs wrapped within this div class to inherit font size and line height */
div.fslhInherit > p {
	font-size: inherit !important;
	line-height: inherit !important;
}
/* modify profiles */
@media screen, handheld, projection {
	/* indent page text on screen out of the way of the page numbers */
	div.indented-page {
		margin-left:3em;
	}
	/* Dont display the URL onto the screen */
	cite *.printonly {
		display: none;
	}
}
/* PRETTYTABLE
 *
 * Produces customized grayscale tables. Based on WikiTable css definitions.
 * Table documentation at [[Wikisource:Style guide/Tables]] - SUPERSEDED -
 * Some values need !important added otherwise they could be overriden.
 */
table.prettytable {
	border-collapse: collapse;
	border-spacing: 0 0;
	font-size: calc(1rem * 0.8750);
	line-height: inherit;
	margin-top: calc(1rem * 0.50);
	margin-bottom: calc(1rem * 0.50);
	page-break-inside: avoid;
}
table.prettytable > tbody, table.prettytable > * > tbody {
	background-color: #f9f9f9;
}
table.prettytable > tr > th, table.prettytable > * > tr > th {
	background-color: #f2f2f2;
	border: 1px solid #569BBB;
	font-weight: 700;
	padding-top: calc(1rem * 0.25);
	padding-right: calc(1rem * 0.50);
	padding-bottom: calc(1rem * 0.25);
	padding-left: calc(1rem * 0.50);
	text-align: center;
}
/*
 *      First column of target table
 */
table.prettytable > tr > td:nth-child(0n+1), table.prettytable > * > tr > td:nth-child(0n+1) {
	border: 1px solid #569BBB;
	padding-top: calc(1rem * 0.25);
	padding-right: calc(1rem * 0.25);
	padding-bottom: calc(1rem * 0.25);
	padding-left: calc(1rem * 0.25);
	vertical-align: top;
}
/*
 *      Standard column of target table
 */
table.prettytable > tr > td, table.prettytable > * > tr > td {
	border: 1px solid #569BBB;
	padding-top: calc(1rem * 0.25);
	padding-right: calc(1rem * 0.25);
	padding-bottom: calc(1rem * 0.25);
	padding-left: calc(1rem * 0.25);
}
table.prettytable > caption, table.prettytable > * > caption {
	font-weight: 500;
}
/* TABLE basicWS
 *
 * Produces most basic of table settings stripped of all values.
 * Meant to be a foundation Users can build upon.
 * Equivalent of   cellspacing="0"  cellpadding="0"
 */
table.basicWS {
	border-collapse: collapse;
	border-spacing: 0 0;
	empty-cells: hide;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	page-break-inside: avoid;
}
table.basicWS > tr > th, table.basicWS > * > tr > th {
	font-weight: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
}
table.basicWS > tr > td, table.basicWS > * > tr > td {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
table.basicWS > caption, table.basicWS > * > caption {
	font-weight: normal;
}
/* *********
 * STYLISTIC TABLES
 */
/* '''table-c75''' ; table centered, 75% width*/
/* '''valign''' ; cell(s) in row(s) vertically aligned to top*/
/* '''valignb''' ; cell(s) in row(s) vertically aligned to bottom*/
table.table-c75 {
	margin-right: auto;
	margin-left: auto;
	width: 75%;
}
.valign tr, .valign tr td, .valignt tr, .valignt tr td {
	vertical-align: top;
}
.valignb tr, .valignb tr td {
	vertical-align: bottom;
}
/* tablecolhdborder; borders around table/columns/<th>; centre <th>; <td> align left with padding */
/* as used in [[Template:Hussey Churches table header]] */
table.tablecolhdborder {
	border-collapse: collapse;
	border: 1px solid;
	margin:0 auto 0 auto;
}
table.tablecolhdborder th {
	border-bottom: 1px solid;
	border-left: 1px solid;
	text-align: center;
}
table.tablecolhdborder td {
	border-left: 1px solid;
	padding-left: 5px;
}
/* Add a border to the bottom of a table row */
tr.tablebtmborder td {
	border-bottom: 1px solid;
}

/* When  div class=nonumtoc  is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber {
	display: none;
}
/* Deprecated - apply using the above definitions instead */
/* #hideTOCnumbers { display: none; } */
.nonumtoc #toc ul, .nonumtoc .toc ul {
	line-height: inherit;
	list-style: none;
	margin: .3em 0 0;
	padding: 0;
}
.nonumtoc #toc ul ul, .nonumtoc .toc ul ul {
	/* @noflip */
	margin: 0 0 0 2em; 
}

/* usei: U.S. executive instruments
** Attempt to reclaim basic heading tags, etc. from the wikicode
** for use in the formatting of typical orders, procs, etc.
** by executive branches of U.S. Gov'ts. Core settings only.
*/
h1.usei, h2.usei, h3.usei, h4.usei, h5.usei, h6.usei, h7.usei {
	color: #000000;
	background: none;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
	padding-top: 0.50em;
	padding-bottom: 0.17em;
	border-bottom: none;
	page-break-after: avoid;
}
hr.usei {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: 0.12em 0 0.12em 0;
}
/* for table lists found in various gov't serials */
table.useiList {
	display: table;
	border-collapse: separate !important;
	border-spacing: 0 0 !important;
	empty-cells: hide !important;
	margin: 0 auto 0 auto !important;
	width: 100% !important;
	page-break-inside: avoid !important;
}
table.useiList > tbody, table.useiList > * > tbody {
	display: table-row-group;
}
tr.useiListrow {
	display: table-row;
}
td.useiListcell1 {
	display: table-cell;
	border-right: 1px solid #aaa !important;
	line-height: inherit !important;
	padding-top: calc(1rem * 0.25);
	padding-right: calc(1rem * 0.25);
	padding-bottom: calc(1rem * 0.25);
	padding-left: calc(1rem * 0.25);
	text-align: left !important;
	vertical-align: top !important;
	white-space: nowrap !important;
}
td.useiListcell2 {
	display: table-cell;
	border-right: 1px solid #aaa !important;
	line-height: inherit !important;
	padding-top: calc(1rem * 0.25);
	padding-right: calc(1rem * 0.25);
	padding-bottom: calc(1rem * 0.25);
	padding-left: calc(1rem * 0.25);
	text-align: center !important;
	vertical-align: top !important;
	white-space: nowrap !important;
}
td.useiListcell3 {
	display: table-cell;
	line-height: inherit !important;
	padding-top: calc(1rem * 0.25);
	padding-right: calc(1rem * 0.25);
	padding-bottom: calc(1rem * 0.25);
	padding-left: calc(1rem * 0.25);
	text-align: left !important;
	vertical-align: baseline !important;
}
td.useiListcell4 {
	display: table-cell;
	border-left: 1px solid #aaa !important;
	line-height: inherit !important;
	padding-top: calc(1rem * 0.25);
	padding-right: calc(1rem * 0.25);
	padding-bottom: calc(1rem * 0.25);
	padding-left: calc(1rem * 0.25);
	vertical-align: bottom !important;
	white-space: nowrap !important;
}
span.useiHgindt {
	display: inline-block !important;
	line-height: normal !important;
	padding-left: calc(1rem * 1.125);
	text-indent: calc(1rem * -1);
}
span.useiHdnpad {
	margin-right: -0.50em !important;
	visibility: hidden !important;
}
span.useiHidden {
	visibility: hidden !important;
}
span.useiFloatl {
	float: left !important;
}
span.useiFloatr {
	float: right !important;
}
/* CLEARFIX
 * //stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
 * 
 * some basic fixes for a well known bug dealing with floats & their containers
 * 
 */
.clearFix {
	display: inline-block;
}
/* HTML Entity (decimal) &#8199;  (hex) &#x2007; */
.clearFix:after {
	content: "&#8199;";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clearFix {
	display: block;
}
/* Generic class for Times-based serif, texhtml class for inline math */
.times-serif, span.texhtml {
	font-family: "Times New Roman", "Nimbus Roman No9 L", Times, serif;
	font-size: 118%;
}
span.texhtml {
	white-space: nowrap;
}
span.texhtml span.texhtml {
	font-size: 100%;
}
/* Disable kerning, and enable tabular and lining display for digits.
 * This causes most common fonts to display digits as if they were monospace.
 */
.digits, .texhtml {
	-moz-font-feature-settings: "kern" 0, "lnum", "tnum";
	-webkit-font-feature-settings: "kern" 0, "lnum", "tnum";
	font-feature-settings: "kern" 0, "lnum", "tnum";
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none;
}
/* highlights the anchor text obtained using Template:Anchor+ */
/* this relies on CSS3 and thus is not seen on less and less browsers */
span.HighlightedAnchor:target {
	background-color: #DEF;
	outline: 1px solid red;
}
/* #### Category formatting #### */
/* displays hidden categories with a smaller font, and separates below normal categories */
#mw-hidden-catlinks {
	font-size: 90%;
}
/* #### Temp patches #### */
*/
span[data-descr] {
	position: relative;
	text-decoration: underline;
	color: #00F;
	cursor: help;
}
span[data-descr]:hover::after {
	content: attr(data-descr);
	position: absolute;
	left: 0;
	top: 24px;
	min-width: 200px;
	border: 1px #aaaaaa solid;
	border-radius: 10px;
	background-color: #ffffcc;
	padding: 12px;
	color: #000000;
	font-size: 14px;
	z-index: 1;
}

/* ######## END OF TESTS OR TEMPS ######## */


/* .pagenum_container:hover {background-color:#eeeeee; opacity:0.5; } */

/* Hide firstHeading etc. & timestamp on edit-protected Main Page */
.page-หน้าหลัก.action-view .firstHeading,
.page-หน้าหลัก.action-view #siteSub,
.page-หน้าหลัก.action-view #contentSub,
.page-หน้าหลัก #footer-info-lastmod {
	display: none !important;
}

/* @end */