মিডিয়াউইকি:Gadget-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;
}
/* restore defunct class begining around 1.19wmf update */
.hiddenStructure {
	display: none !important;
}
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */
.listify td {
	display: list-item;
}
.listify tr {
	display: block;
}
.listify table {
	display: block;
}
/* 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;
	}
}
/* center certain math usages */
img.mathcentre, img.mathcenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/* 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;
}
/* TABLE commonWS
 *
 * Produces table settings common to most older browser defaults.
 * Meant to be a foundation Users can build upon.
 * Equivalent of   cellspacing="2"  cellpadding="1"
 */
table.commonWS {
	border-collapse: separate;
	border-spacing: 2px 2px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	page-break-inside: avoid;
}
table.commonWS > tr > th, table.commonWS > * > tr > th {
	font-weight: normal;
	padding-top: calc(1rem * 0.0625);
	padding-right: calc(1rem * 0.0625);
	padding-bottom: calc(1rem * 0.0625);
	padding-left: calc(1rem * 0.0625);
	text-align: center;
}
table.commonWS > tr > td, table.commonWS > * > tr > td {
	padding-top: calc(1rem * 0.0625);
	padding-right: calc(1rem * 0.0625);
	padding-bottom: calc(1rem * 0.0625);
	padding-left: calc(1rem * 0.0625);
}
table.commonWS > caption, table.commonWS > * > 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;
}
/* enable a standard means to insert a 1em padding in the first column of a table; Mostly used in book table of contents -- ab 20120122 */
.rpadCol1 td:first-child {
	padding-right: 1.0em !important;
}

/* 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; 
}
 
/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* 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;
}
/* Use for inputting Hebrew pointing in MediaWiki:Edittools */
span.nikud {
	color: #002bb8;
	cursor: pointer;
}
/* 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%;
}
/* Generic warning class for major non-compliance with current specs */
/*      Note warning class has been in use elsewhere at times        */
.redalert {
	border-width: 5px;
	border-style: solid;
	padding: 10px;
	background: #ca5651;
	background: rgba(193,56,50,.85);
	border-color: #e6e6e6;
	border-color: rgba(0, 0, 0, .1);
	color: #fff;
	font-style: italic;
	margin: 8px 0 8px 0;
	font-size: 1rem;
	line-height: 1.0;
}
.redalert a, .redalert a.external, .redalert a:hover, .redalert a:focus {
	color: #0095dd;
	color: #ff0;
	text-decoration: none;
}
.redalert :last-child {
/*	margin-bottom: 0; */
	padding-bottom: 0;
}
/* 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 #### */
/* Centered
 *
 * Mimics a typical 3-cell table row. Could be a substitute
 * for Block-Center as well as Running Header
 */
.centeredContent {
	float: left;
	width: 50%;
}
/* To get an empty column, just indicate a hex code for a non-breaking space: \a0 as the content
 * (use \0000a0 when following such a space with other characters)
 */
.centeredBlock::before, .centeredContainer::before {
	content: "\00A0";
	float: left;
	width: 25%;
}
.centeredBlock::after, .centeredContainer::after {
	content: "\00A0";
	float: right;
	width: 25%;
	text-align: right;
}
/* For styling elements during testing
.floatOne::before, .floatOne::after, .firstFloat {
	background: yellow;
	color: red;
}
*/

/* Begin LightBox etc. Tests - crippled w/o figure tag */
div.lightbox {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
div.lightbox:target {
	display: table;
}
div.lightbox div.figure {
	display: table-cell;
	padding: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
div.lightbox div.figure div.figcaption {
	display: block;
	margin: auto;
	padding: 8px;
	background-color: #f6f6f6;
/*	background: url(//upload.wikimedia.org/wikipedia/commons/0/0d/Gray-gradient1.png) bottom repeat-x;*/
	height: auto;
	position: relative;
	overflow: auto;
	border: 1px solid #569BBB;
	border-radius: 10px;
	text-align: justify;
	font-size: 14px;
}
div.lightbox div.figure a[href^="#"] {
	display: block;
	margin: auto;
	height: 0;
	overflow: visible;
	text-align: right;
	z-index: 12;
	cursor: default;
}

div.lightbox div.figure a[href^="#"], div.lightbox div.figure div.figcaption {
	width: 300px;
}
div.figure a[href^="#"]::after {
	content: "\00D7";
	display: inline-block;
	position: relative;
	right: -20px;
	top: -10px;
	z-index: 13;
	color: #ffffff;
	border: 1px solid #569BBB;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	margin: 0;
	background-color: #000000;
	font-weight: bold;
	cursor: pointer;
}
div.figure a[href^="#"]::before {
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.85;
}
/* End LightBox Begin ToolTip */
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;
}
/* Table cell shortcut stylings based on compass points */
.pos-c {
	text-align: center;
	vertical-align: middle;
}
.pos-sw {
	text-align: left;
	vertical-align: bottom;
}
.pos-s {
	text-align: center;
	vertical-align: bottom;
}
.pos-se {
	text-align: right;
	vertical-align: bottom;
}
.pos-e {
	text-align: right;
	vertical-align: middle;
}
.pos-ne {
	text-align: right;
	vertical-align: top;
}
.pos-n {
	text-align: center;
	vertical-align: top;
}
.pos-nw {
	text-align: left;
	vertical-align: top;
}
.pos-w {
	text-align: left;
	vertical-align: middle;
}

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


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

/*
 *==== This stylesheet deals with Main page settings (sandbox only for now) =====
 */
.page-Main_Page_sandbox.action-view .firstHeading, .page-Main_Page_sandbox.action-view #siteSub, .page-Main_Page_sandbox.action-view #contentSub {
	display: none;
}
/* Make main page snazzy on modern browsers */
.page-Main_Page_sandbox #mw-content-text #main-header, .page-Main_Page_sandbox #mw-content-text #main-col1 > div,
.page-Main_Page_sandbox #mw-content-text #main-col2 > div, .page-Main_Page_sandbox #mw-content-text #main-footer {

	-moz-border-radius: 0.5em;
	border-radius: 0.5em;

	-moz-box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
	-webkit-box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
	box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
}

.page-Main_Page_sandbox #mw-content-text h2 {

	background: rgb(83,118,198); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(122,177,214,1) 0%, rgba(83,118,198,1) 30%, rgba(83,118,198,1) 70%, rgba(104,142,183,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(122,177,214,1)), color-stop(30%,rgba(83,118,198,1)), color-stop(70%,rgba(83,118,198,1)), color-stop(100%,rgba(104,142,183,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* W3C */
/*	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab1d6',endColorstr='#688eb7',GradientType='1');*/  /* IE6-9 fallback on horizontal gradient */
}

.page-Main_Page_sandbox #mw-content-text h3 {

	margin: 1em;
	padding: 0;
	font-size: 100%;
	background: rgb(227,240,252);

	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
}

.page-Main_Page_sandbox #mw-content-text #main-header #main-scribe {
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
 
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Accueil_scribe_invert.png/120px-Accueil_scribe_invert.png);
 
	-moz-box-shadow: inset 0 0 0 0.2em rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 0 0.2em rgba(0,0,0,0.2);
	box-shadow: inset 0 0 0 0.2em rgba(0,0,0,0.2);
}
/* Hide firstHeading etc. & timestamp on edit-protected Main Page */
.page-Main_Page.action-view .firstHeading, .page-Main_Page.action-view #siteSub, .page-Main_Page.action-view #contentSub {
	display: none !important;
}
.page-Main_Page #footer-info-lastmod {
	display: none !important;
}

/* @end */