মিডিয়াউইকি:Common.css

/* স্থানীয় সাইট নোটিশে বামে-ডানে ফাঁকা জায়গা ঠিক করতে */
.sitedir-ltr .mw-dismissable-notice-body {
    margin: 0!important;
}
.sitedir-ltr .mw-dismissable-notice-close {
    float: none!important;
    text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	width: auto;
}

sup,
sub { /* prevent odd line-height for raised and lowered characters */
	line-height: 1em;
}

/* and keep links at normal font size/weight, else they inherit the header
	attributes */
.editsection {
	font-size: 100%;
	font-weight: normal;
}

pre code, code code {
	border: none;
	padding: 0;
}

pre var, code var {
	color: #777;
}

/* Convenience column count classes for list templates and such */
.column-count-2 { -moz-column-count: 2; -ms-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.column-count-3 { -moz-column-count: 3; -ms-column-count: 3; -webkit-column-count: 3; column-count: 3; }

/* This fixes a bug where certain Tibetan terms are cut off at the bottom... */

#firstHeading { overflow: visible; }

.ns-0 .timed-text {
	display: none;
}

.client-js .audiometa {
	display: none;
}

.client-nojs .audiofile {
	display: none;
}

.translations-columm {
	background-color: #FFFFE0;
	width: 48%;
	text-align: left;
	vertical-align: top;
}

/* main page-style boxes */
table.bluebox {
	background: #f9f9ff;
	border: 1px solid #aaaaaa;
	margin-bottom: 0.5em;
	width: 100%;
}

table.bluebox td {
	padding: 0.5em;
}

table.bluebox th {
	background-color: #006699;
	color: #ffffff;
	padding: 0.5em;
}


/* default setting for {{qualifier}} and {{sense}}.
	(Related classes that can be overridden: .qualifier-comma,
	.qualifier-content, .ib-brac, .qualifier-brac, .sense-qualifier-colon.) */
.ib-comma {
	font-style: normal;
}

.ib-content {
	font-style: italic;
}

.ib-content i,
.ib-content em {
	font-style: normal;
}

.context-qualifier-colon {
	display: none;
}


/* default style for indented "see also" */
.disambig-see-also,
.disambig-see-also-2 {
	text-indent: 2em;
}

.mention-tr {
	font-style: italic;
}

/* add left-to-right mark */
.mention-gloss-paren::before,
.mention-tr-paren::before {
	content: "‎";
}

/* non-italic and non-bold gloss */
.mention-gloss-double-quote,
.mention-gloss-paren,
.mention-tr-gloss-separator-comma,
.mention-tr-paren,
.mention-tr-gloss-separator-comma,
.mention-gloss {
	font-style: normal;
	font-weight: normal;
}

/*
 * highlight Arabic, Hebrew, cuneiform (Sumero-Akkadian and Ugaritic and Old Persian)
 * in usage examples, as it is not bolded
 */
.Arab.e-example b, .Arab.e-quotation b,
.Hebr.e-example b, .Hebr.e-quotation b,
.Xsux.e-example b, .Xsux.e-quotation b,
.Ugar.e-example b, .Ugar.e-quotation b,
.Xpeo.e-example b, .Xpeo.e-quotation b {
	background-color: #FFF0F5;
	font-size: inherit;
}

/* default style for "form of" definitions */
.use-with-mention,
.form-of-definition {
	font-style: italic;
}

.use-with-mention i {
	font-style: normal;
}

.form-of-definition-link {
	font-style: normal;
}

.use-with-mention .mention,
.form-of-definition-link .mention {
	font-style: normal;
	font-weight: bold;
}


/* Inflection tables
----------------------------- */

/* To colour links in inflection tables (currently done with
	{{notred}}) black without using #ifexist and allowing for user
	override */
.inflection-table a.new { color: inherit; }

/* fill a parent NavContent collapsing box */
.NavContent table.inflection {
	width: 100%;
}

/* basic inflection table styles */
table.inflection {
	border-collapse: collapse;
	border: 1px solid;
	background: #ffffff;
}

	table.inflection caption {
		caption-side: bottom;
		padding: 0.33em 1em;
		text-align: left;
		font-size: smaller;
	}

	/* subtle grey for alternate row backgrounds */
	table.inflection tr:nth-child(odd) {
		background: #fcfcfc;
	}

	/* and for row headers */
	table.inflection tr:nth-child(odd):not(.rowgroup) th {
		background: #f6f6f6;
	}

		table.inflection td,
		table.inflection th {
			padding: 0.33em 1em;
			vertical-align: baseline;
		}

		/* but vertically center multi-row cells */
		table.inflection td[rowspan] {
			vertical-align: middle;
		}

		table.inflection td {
			text-align: center;
		}

		/* regular row headers, in the left column */
		table.inflection th {
			background: #f9f9f9;
			text-align: left;
		}

		/* rowgroup header rows */
		table.inflection tr.rowgroup th {
			background: #eeeeee;
			text-align: center;
		}

			/* first-of-several rowgroup header cells is aligned left */
			table.inflection tr.rowgroup th:first-child { text-align: left; }
				table.inflection tr.rowgroup th:first-child:only-child { text-align: center; }

	/* rows with dividers above */
	table.inflection tr.divider th {
		border-top: 3px solid #999999;
	}


	/* transliterations */
	table.inflection .translit {
		color: #888;
	}

	/* header links aren’t coloured until hover/active */
	table.inflection th a:link,
	table.inflection th a:visited {
		color: inherit;
		text-decoration: inherit;
	}

		table.inflection th a:hover {
			color: #0645ad;
			text-decoration: underline;
		}

		table.inflection th a:active {
			color: #faa700;
			text-decoration: underline;
		}

/* Russian verb tables */

table.inflection-ru.inflection-verb {
	background: #ffffff;
}

	/* and for row headers */
	table.inflection-ru.inflection-verb tr:nth-child(odd):not(.rowgroup) th {
		background: #fcfcda;
	}

		table.inflection-ru.inflection-verb th {
			background: #ffffe0;
		}

		table.inflection-ru.inflection-verb tr.rowgroup th {
			background: #e0e0ff;
		}

		table.inflection-ru.inflection-verb tr.divider th {
			border-top-color: #9090d0;
		}

/* ----
end of Inflection tables */


/* InterProject */

.interProject {
	display: none;
	clear: both;
	border-top: 2px dotted #AAAAAA;
	margin-top: 2em;
}

/* CSS moved from various templates */

.checktrans { background-color: #f0fff0; }
.rfc-trans  { background-color: #f0fff0; }
.trreq      { background-color: #f0fff0; }
.ttbc       { background-color: #f0fff0; }

/* t+ t t- templates: */

.tneg           { vertical-align: 20%; font-size: 80%; }
.tneg a         { color: #cc2200 !important; } /* monobook redlink colour, standard #ba0000 */
.tneg a:visited { color: #a55858 !important; } /* standard visited redlink colour */

.tpos           { vertical-align: 20%; font-size: 80%; }
.tpos a         { color: #002bb8 !important; } /* standard bluelink colour */
.tpos a:visited { color: #5a3696 !important; } /* standard visited bluelink colour */
.tpos a:active  { color: #faa700 !important; } /* standard bluelink colour */

.tunk           { vertical-align: 20%; font-size: 80%; }
.tunk a         { color: #3366BB !important; } /* standard external interwiki colour */
.tunk a:active  { color: #3366BB !important; } /* redundant */

/* for parentheses, we use .tlc and .tlcp, the latter has no definition here
	(display:inline) */
.tlc { display: none; }

/* Main Page heading removal */
.page-প্রধান_পাতা #lastmod,
.page-প্রধান_পাতা #siteSub,
.page-প্রধান_পাতা #contentSub,
/* .page-প্রধান_পাতা #siteNotice, */
.page-প্রধান_পাতা h1.firstHeading,
.page-প্রধান_পাতা #lastmod,
.page-প্রধান_পাতা #siteSub,
.page-প্রধান_পাতা #contentSub,
.page-প্রধান_পাতা #firstHeading {
	display: none; /* NOT important */
}

/* live ajax link checking support */

/* #002bb8 for (unvisited) blue, #ba0000 for red; so #5d155c for unknown */
a.dunno,
#p-personal a.dunno {
	color: #5d155c;
}

/* #5a3696 for (visited) blue, #a55858 for red; so #744777 for unknown */
a.dunno:visited,
#p-personal a.dunno:visited {
	color: #744777;
}

/* for pages which exist but lack the section we're looking for */
.partlynew:link,
#p-personal :link.partlynew,
.partlynew :link {
	color: #B88D00;
}

.partlynew:visited,
#p-personal .partlynew:visited,
.partlynew :visited {
	color: #826F34;
}

/* partlynew should have lower precedence than red-links... */
.partlynew .new:link {
	color: #BA0000;
}

.partlynew .new:visited {
	color: #a55858;
}

.accelerated:link {
	color: #1fba00;
}

.accelerated:visited {
	color: #66a759;
}

/* Try to make search results more obviously links */
.mw-special-Search #bodyContent li a {
	font-weight: bold;
}
.mw-special-Search .searchmatch {
	font-weight: normal;
	color: #000000;
	background-color: #FFEE77;
}

/* To give a flexible column like structure to manual indices
	[[User:Conrad.Irwin]] */

ol.index,
div.index ol {
	margin: 0.2em;
}

ol.index li,
div.index ol li,
div.index h3 {
	float: left;
	width: 20em;
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}

div.index h3 {
	font-size: 160%;
	width: 12.5em;
	margin-right: 0.2em;
}

/* Old version */
#mw-revision-info {
	border: 2px solid #8888FF;
	border-left: 0px;
	border-right: 0px;
	font-size: 110%;
	margin: 5px;
	margin-left: 0px;
}

#mw-editingold {
	margin-left: 15px;
	margin: 5px;
	padding: 5px;
	border: 2px solid #CC0000;
	border-width: 2px 0px;
}

/* Make Recent changes look nice again */
span.newpage,
span.minor,
span.searchmatch,
span.bot,
span.unpatrolled {
	font-family: sans-serif !important;
}

/* NavFrames */
div.Boxmerge,
div.NavFrame,
details.NavFrame {
	margin: 0px 0px -1px 0px;
	padding: 2px;
	border: 1px solid #aaaaaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
	overflow: auto;
	width: auto;
}

div.Boxmerge div.NavFrame {
	border-style: none;
	border-style: hidden;
}

div.NavPic {
	background-color: #ffffff;
	margin: 0px;
	padding: 2px;
	float: left;
}

div.NavFrame div.NavHead,
details.NavFrame summary.NavHead {
	min-height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	background-color: #efefef;
	padding-left: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
	background-image: -moz-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
	background-image: -o-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
}

div.NavFrame div.NavHead:hover,
details.NavFrame summary.NavHead:hover {
	background-color: #F6F6F6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F3F3F3), color-stop(0.6, #EAEAEA));
	background-image: -moz-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
	background-image: -o-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
}

div.NavFrame div.NavHead:active,
details.NavFrame summary.NavHead:active {
	background-color: #E3E3E3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#DFDFDF), color-stop(0.6, #D3D3D3));
	background-image: -moz-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
	background-image: -o-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
}

div.pseudo div.NavHead:hover { background-color: #EFEFEF; }

div.pseudo div.NavHeadpseudo:active { background-color: #EFEFEF; }

div.NavFrame p {
	font-size: 100%;
}

div.NavFrame div.NavContent,
details.NavFrame div.NavContent {
	font-size: 100%;
}

div.NavFrame div.NavContent p,
details.NavFrame div.NavContent p {
	font-size: 100%;
}

div.NavEnd {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	clear: both;
}

span.NavToggle {
	cursor: pointer;
	float: right;
	font-weight: normal;
	font-size: smaller;
}

.list-switcher-element {
	text-align: center;
}

.list-switcher-element .NavToggle {
	float: none;
}

.term-list-header {
	font-style: italic;
	font-weight: inherit;
}

.term-list-header:before {
	content: "(";
}

.term-list-header:after {
	content: "):";
}

/* Main page fixes */
#interwiki-completelist {
	font-weight: bold;
}

/* Style for horizontal UL lists */
.horizontal p,
.horizontal ul,
.horizontal li { display: inline; }

.horizontal ul { padding: 0 0 0 .2em; margin: 0; }

.horizontal li { padding: 0 0.1em 0 0.1em; }

/* Syle for generic inline lists */
.inline p,
.inline dd,
.inline dt,
.inline ul,
.inline li {
    margin: 0;
    display: inline;
}

/* stuff visible when previewing an edit only */

.previewonly { display: none; }

#wikiPreview .previewonly { display: inline !important; }

/* senseids */
.senseid:target { background-color: #DEF; }

/* show the "serial and" in the disambiguation see also */
.serial-and { display: inline; }

/* hide the serial commas */
.serial-comma { display: none; }

/* Gender and number templates */
.gender,
.number,
.noun-class { font-style: italic; }

abbr { border-bottom-width: 0; }

/* hide "did you mean" on Noarticletext self-links */
.did-you-mean strong {
	display: none;
}

/* make script/module errors smaller */
.scribunto-error {
	font-size: 75%;
}

/* allow inline hieroglyphs */
.mw-hiero-outer {
	display: inline-table;
	vertical-align: middle;
	font-size: 11px;
}

/* formats derived terms */
.derivedterms { background: #F8F8FF; }

.derivedterms .CategoryTreeChildren { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }

/* softer highlighting of 'updated since last visit' */
span.updatedmarker { background-color:#D0F0C0; }

/* {{side box}} */
table.mbox-small {   /* For the "small=yes" option. */
	clear: right;
	float: right;
	margin: 4px 0 4px 1em;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}

table.mbox-small-left {     /* For the "small=left" option. */
	margin: 4px 1em 4px 0;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

.HQToggle, .nyms-toggle {
    font-size: smaller;
    position: relative;
    bottom: 1px;
    left: 5px;
}

/* {{TOC limit}} */
/* 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;
}



/* A kludge that lets the members of [[:Category:Redirected combining characters]] be displayed. */
body.page-Category_Combining_characters div#mw-pages li,
body.page-Category_Redirected_combining_characters div#mw-pages li,
body.page-Category_IPA_combining_characters div#mw-pages li {
	letter-spacing: 0.3em;
}


/* Tabbed Languages support */

#languageLinks .selectedTab a {
	font-size: 19px;
	color: #000;
	padding: 6px;
	display: block;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: -3px;
	background-color: #fff;
	margin-right: -6px;
	position: relative;
	border-top: 1px solid #CCC;
	white-space: nowrap;
}

#languageLinks .unselectedTab a {
	font-size: 16px;
	color: #929292;
	padding: 6px;
	display: block;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: -3px;
	margin-left: 15px;
	margin-right: -5px;
	white-space: nowrap;
	background-color: #F6F6F6;
}

#languageLinks tr td {
	padding: 0px;
}

tr td.languageContainer {
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 8px;
	border: 1px solid #CCC;
	vertical-align: top;
	width: 100%;
}

.unselectedtab {
	margin-left: 5px;
}

.editlangsection {
	margin-top: -13px;
	margin-right: 5px;
	border: 1px solid #CCC;
	margin-bottom: -2px;
	border-bottom-width: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: white;
	line-height: 14px;
	font-size: 12px;
	padding: 0px 7px;
	text-align: center;
	clear: both;
	background-color: white;
	float: right;
}

#languageLinks a.addLanguageButton {
	font-size: 12px;
	padding: 3px 6px;
}

@media screen and (max-width:36em) {

	#tabstable>tbody>tr>td {
		display: block;
		float: left;
		width: 100%;
	}

	#languageLinks tr {
		display: block;
		float: left;
		margin-bottom: -3px;
		margin-left: -5px;
		margin-top: 5px;
	}

	#languageLinks .unselectedTab a {
		margin-left: 0;
		margin-right: 5px;
		border-right: 1px solid #CCC;
	}

	#languageLinks .selectedTab a {
		margin-left: 0;
		margin-right: 5px;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #FFF;
	}

	#tabstable {
		width: 100%;
	}

	#languageLinks a.addLanguageButton {
		margin-top: 2px;
		margin-bottom: 1px;
	}

	.editlangsection {
		border-bottom-width: 1px;
	}

}

/* Romanization tables
---------- */
table.romanization {
	clear: both;
	background: white;
	white-space: nowrap;
	border-collapse: collapse;
	border: 1px solid white;
	vertical-align: baseline;
	text-align: center;
}

table.romanization th,
table.romanization td {
	padding: 0.25em;
	border: 1px solid white;
}

table.romanization th {
	background: rgb(87%, 91%, 96%);
}

table.romanization tr.romanization-source td {
	background: rgba(87%, 91%, 96%, 0.5);
}

table.romanization td,
table.romanization tr.romanization-target td {
	background: rgb(90%, 90%, 90%);
}

/* -----
end Romanization tables */

/* Definition dates, in {{defdate}} */
.defdate { font-size: smaller; }

/* unit tests filter */
table.unit-tests.unit-tests-hide-passing tr.unit-test-pass {
	display: none;
}

table.unit-tests th.unit-tests-img-corner {
	background: #def;
	min-width: 1em;
}

table.unit-tests.unit-tests-hide-passing th.unit-tests-img-corner {
	background: red;
}

/* multi-column lists */
li, .group-in-column {
	column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-webkit-page-break-inside: avoid;
	-webkit-break-inside: avoid;
	-o-column-break-inside: avoid;
	-o-page-break-inside: avoid;
	-o-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-moz-page-break-inside: avoid;
	-moz-break-inside: avoid;
}

/* {{shortcut}} */
.shortcut-box,
.category-edit-box {
	border: 1px solid #aaa;
	color: black;
	background: #f9f9f9;
	margin: 0 0 .5em 1em;
	text-align: center;
	padding: 5px;
	float: right;
	clear: both;
	font-weight: bold;
	font-size: smaller;
}

/* Display tabs with 4 spaces, see [[phab:T59824]] and [[phab:T59825]] */
textarea#wpTextbox1 + div:last-child, /* workaround for [[mw:User:Remember the dot/Syntax highlighter]] */
textarea, pre, code, .mw-highlight {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}

/* stop double-bolding of self-links like in [[acquit]], [[fishbone]] */
/* old code: b .selflink, strong .selflink { font-weight: inherit; } */
b, strong { 
	font-weight: bold;
}

/* archive templates */
.archive-box {
	border: 1px #AAAAAA solid;
	padding: 3px 10px;
	margin-bottom: 1em;
	color: black;
	background: #F9F9F9;
}

.archive-box.archive-passed {
	color: black;
	background: #F3F9FF;
}

.archive-box.archive-failed {
	color: black;
	background: #F9F3FF;
}

tr:target {
	background: #def;
}

.character-sample {
	display: inline-block;
	min-width: 1em;
	font-size: 300%;
	text-align: center;
	background: rgba(0, 0, 0, 0.1);
}

.character-sample > :only-child {
	display: block;	
}

.character-sample-primary{
	display: inline-table;
	min-width: 1.1em;
	font-size: 300%;
	line-height: 110%;
	text-align: center;
	background: rgba(0, 0, 0, 0.1);
	height: 1.1em;
}

.character-sample-secondary {
	display: inline-block;
	min-width: 1em;
	text-align: center;
}

table.symboltable td {
	font-family: 'DejaVu Sans', Symbola, Quivira, sans-serif;
    text-align: center;
}

#firstHeading var, .headword var {
	color: #888;
}

body[class*="page-Template_table"] .CategoryTreeLabel {
	font-style: inherit;
}

body[class*="page-Template_table"] .CategoryTreeLabel:before {
	content: "•";
	padding-right: 0.75em;
}

/* Temporary kludge to be used because categoryTree is generating a newline. This CSS line should be removed after the developers fix it. */
.CategoryTreeTag + p br:first-child{display:none;}

.vsShow {
	display: none;
}

/* Used by column templates (see [[Module:columns]]). */
.ul-column-count[data-column-count="2"] ul {
	-moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2;
}

.ul-column-count[data-column-count="3"] ul {
	-moz-column-count: 3; -webkit-column-count: 3; -ms-column-count: 3; column-count: 3;
}

.ul-column-count[data-column-count="4"] ul {
	-moz-column-count: 4; -webkit-column-count: 4; -ms-column-count: 4; column-count: 4;
}

.ul-column-count[data-column-count="5"] ul {
	-moz-column-count: 5; -webkit-column-count: 5; -ms-column-count: 5; column-count: 5;
}

/* Default style for hypothetical inflections -- currently italic. */
.hypothetical {
	font-style: italic;
}

/* Style for entries using deprecated templates */
.deprecated {
	color: olivedrab;
}

.deprecated a {
	color: darkgreen;
}

/* == wrap toggle links with [ and ] == */
.HQToggle:before, .NavToggle:before, .nyms-toggle:before {
	content:'[';
}
.HQToggle:after, .NavToggle:after, .nyms-toggle:after {
	content:']';
}

.HQToggle a, .NavToggle a, .nyms-toggle a {
	user-select: none;
}

.client-js .NavFrame .NavContent {
	display: none;
}

.client-js .not .NavContent { /* ??? */
	display: block;
}

/* Hidden quotes */
.client-js .ns-0 ol>li>ul {
	display: none;
}