MediaWiki:Common.css

/* Közös CSS az összes skinnek */

#interwiki-completelist {
	font-weight: bold;
}

/* Style for horizontal lists (separator following item) */
/* Forrás: en:MediaWiki:Common.css */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
	line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
	display: inline;
	margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
	display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ":";
}
.hlist dd:after,
.hlist li:after {
	content: " ·";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
	content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
	counter-increment: level1;
}
.hlist.hnum ol li:before {
	content: counter(level1) " ";
}
.hlist.hnum ol ol li {
	counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
	content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
	content: counter(level2) " ";
}

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
	font-weight: normal;
	/* @noflip */
	text-align: left;
}

/* Lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
	/* @noflip */
	text-align: left;
}
/* ...unless they also use the hlist class */
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
	text-align: inherit;
}

table.collapsible {
	overflow: hidden;
}

/* Sablonstílusok */

/* Merge template style */

.messagebox {
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	width: 85%;
	margin: 0 auto 1em auto;
	padding: .2em;
	text-align: justify;
}
.messagebox.merge {
	border: 1px solid #cf9fff;
	background-color: #f5edf5;
	text-align: center;
}
.messagebox.cleanup {
	border: 1px solid #9f9fff;
	background-color: #efefff;
	text-align: center;
}
.messagebox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}


/* Style for "notices" */
.notice {
	text-align: justify;
	margin: 1em;
	padding: 0.2em;
}

#disambig {
	border-top: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
}

.spoiler {
	border-top: 2px solid #ddd;
	border-bottom:2px solid #ddd;
}

/* Standard talk template style */

.Talk-Notice  {
	border: 1px solid #C0C090;
	background-color: #F8EABA;
	margin-bottom: 3px;
	width: 85%;
	border-spacing: 3px;
	margin-left: auto;
	margin-right: auto;
}

/* Make template background appear correctly on all browsers */
.Talk-Notice td {
	background: inherit;
}

/* [[Wikipédia:Sablonegységesítés]] */

/* Article message box template styles */
table.ambox {
	margin: 0 10%;                         /* Will not overlap with other elements */
	border-collapse: collapse;
	border: 1px solid #a2a9b1;
	border-left: 10px solid #1e90ff;       /* Default "notice" blue */
}
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
	padding: 0.25em 0.5em;              /* 0.5em left/right */
	width: 100%;                        /* Make all templates the same width regardless of text size */
}
table.ambox td.ambox-image {            /* The left image cell */
	padding: 2px 0px 2px 0.5em;         /* 0.5em left, 0px right */
	text-align: center;
}
table.ambox td.ambox-imageright {       /* The right image cell */
	padding: 2px 4px 2px 0px;           /* 0px left, 4px right */
	text-align: center;
}
* html table.ambox td.ambox-image {
	height: 1%;
}
*:first-child+html table.ambox td.ambox-image {
	height: 1%;
}
div.ambox-image-inner {
	width: 52px;
}
table.ambox-notice {
	border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-delete,
table.ambox-serious {
	border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
	border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
	border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-merge {
	border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-growth {
	border-left: 10px solid #228b22;    /* Forest green */
}
table.ambox-protection {
	border-left: 10px solid #bba;       /* Gray */
}
/* Wikimenu styles */
table.ambox-kozosseg {
	border-left: 10px solid #476a4d;
}
table.ambox-megbeszelesek {
	border-left: 10px solid #4b5c6e;
}
table.ambox-szabalyok {
	border-left: 10px solid #64683c;
}
table.ambox-tennivalok {
	border-left: 10px solid #744203;
}
table.ambox-segitseg {
	border-left: 10px solid #6a0304;
}
table.ambox-mini {                      /* small floating box variant */
	float: right;
	clear: right;
	margin: 0 0 0 1em;
	width: 25%;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
	border: none;
	padding: 0.25em 0.9em;       /* 0.9em left/right */
	width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
	border: none;
	padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
	text-align: center;
}
td.mbox-imageright {             /* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
	text-align: center;
}

/* Pink fmbox warning style for div based warning notices. */
div.mw-warning-with-logexcerpt,
div.figyelmeztetes {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid var(--border-color-error, #9f3526);
	background-color: var(--background-color-error-subtle, #ffe9e5);
	color: var(--color-notice, #202122);
	padding: 0.25em 0.9em;
}

/* Multimédiasablon-stílusok */

/* Class for links with loudspeaker icon next to them */
.audiolink a {
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png) center left no-repeat !important;
	padding-left: 16px !important;
	padding-right: 0 !important;
}

/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */
div.listenlist {
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png);
	padding-left: 40px;
}

div.videolist, div.multivideolist {
	background: url(//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png);
	padding-left: 50px;
}

/* Style rules for media list templates */
div.medialist {
	min-height: 50px;
	margin: 1em;
	background-position: top left;
	background-repeat: no-repeat;
}

div.medialist ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

div.medialist ul li {
	padding-bottom: 0.5em;
}

div.medialist ul li li {
	font-size: 91%;
	padding-bottom: 0;
}

table.floatleft, table.floatright {
	margin: .5em .75em;
}

table.floatcenter {
	margin: .5em auto;
}

/* remove list bullets */
.tickerList ul,
.tickerList ul li {
	list-style: none;
	text-indent: -2em;
	margin-left: 2em;
	text-align: left;
}
.tickerList ul ul,
.tickerList ul ul li {
	list-style: none;
	text-indent: 0;
	margin-left: 1.5em;
	text-align: left;
}

/* per-status styles */
.tickerStatus_done,
.tickerStatus_megoldva {
	text-decoration: line-through;  /* strike through when entry has been handeled */
}

/* per-action styles */
.tickerAction_deleted:before {
	content: " TÖRL ";
	color: #f00;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_restored:before {
	content: " VISSZA ";
	color: #0b0;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_deletedRev:before {
	content: " -RÉGI ";
	color: #daa;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_replaced:before {
	content: " CSERE ";
	color: #c8f;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_replacedOwn:before {
	content: " FRISS ";
	color: #eaf;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_addedBad:before {
	content: " +SzT ";
	color: #f80;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_removedBad:before {
	content: " -SzT ";
	color: #0b0;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_addedGood:before {
	content: " +OK  ";
	color: #0b0;
	font-family: monospace;
	font-weight: bold;
	font-size: 100%;
}
.tickerAction_removedGood:before {
	content: " -OK  ";
	color: #f80;
	font-family: monospace;
	font-weight: bold;
	font-size:100%;
}

/* ticker usage list */
.tickerUsage {
	font-size: 80%;
}

/* entry applies to a template used by multiple images */
.tickerTemplateEntry {
	font-weight: bold;
}

/* minor entry styles */
.tickerMinorEntry {
	color: #666;
}
.tickerMinorEntry a,
.tickerMinorEntry a:link,
.tickerMinorEntry a:visited {
	color:#669;
}
#bodyContent .tickerMinorEntry a.extiw,
#bodyContent .tickerMinorEntry a.extiw:link,
#bodyContent .tickerMinorEntry a.extiw:visited {
	color:#669;
}

/* Friss változtatásoknál a betűszámláló betűi */
/*****
** Bytecounter colours
*****/
span.mw-plusminus-neg {
	color: #900;
}
strong.mw-plusminus-neg {
	color: #c00;
}
span.mw-plusminus-pos {
	color: #060;
}
strong.mw-plusminus-pos {
	color: #080;
}

/* [[Speciális:Címkék|Címkék]] */
span.updatedmarker {
	color: #006400;
}

.mw-tag-marker {
	margin: 0 2px;
	border: 1px solid var(--border-color-base, #a2a9b1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 3px;
	background-color: var(--background-color-notice-subtle, #eaecf0);
	color: var(--color-notice, #202122);
}

/* Lábjegyzetek */
ol.references {
	font-size: 85%;
	-moz-column-gap: 3em;
	-webkit-column-gap: 3em;
	-ms-column-gap: 3em;
	column-gap: 3em;
}
ol.references > li {
	-webkit-column-break-inside: avoid;
}

/* Kijelölt hivatkozásnak háttérszinezés */
ol.references li:target,
.citation:target,
sup.reference:target {
	background-color: gold;
}

/* Felső indexek relatív pozicionálása, hogy ne növeljék meg a sorközt */
sup.reference  {
	vertical-align: baseline;
	position: relative;
	bottom: 1ex;
}

/* Kijelölt dokulinknek háttérszinezés */
ol.references li:target,
.dokulink:target,
sup.reference:target {
	background-color: gold;
}

/* T156351: Support for Parsoid's Cite implementation */
span[rel="mw:referencedBy"] {
    counter-reset: mw-ref-linkback 0;
}
span[rel="mw:referencedBy"] > a::before {
    font-weight: bold;
    font-style: italic;
    content: counter( mw-ref-linkback, lower-alpha );
}   
.mw-ref > a[data-mw-group=upper-alpha]::after {
    content: '[' counter( mw-Ref, upper-alpha ) ']';
}
.mw-ref > a[data-mw-group=upper-roman]::after {
    content: '[' counter( mw-Ref, upper-roman ) ']';
}
.mw-ref > a[data-mw-group=lower-alpha]::after {
    content: '[' counter( mw-Ref, lower-alpha ) ']';
}
.mw-ref > a[data-mw-group=decimal]::after {
    content: '[' counter( mw-Ref, decimal ) ']';
}
.mw-ref > a[data-mw-group=lower-roman]::after {
    content: '[' counter( mw-Ref, lower-roman ) ']';
}

/* [[Sablon:Edittools|Edittools]] gombok */
#specialchars a {
	color: black;
	background-color: #cde !important;
	text-decoration: none;
	border: thin #069 outset;
	padding: 0.1em;
	display: inline-block;
	text-align: center;
	min-width: 1em;
}
#specialchars a:hover, .my-buttons a:active {
	background-color: #bbccdd;
	border-style: inset;
}

/* Special characters list below edit window works better without underlining */
#specialchars a,
#editpage-specialchars a {
	text-decoration: none;
}
#specialchars a:hover,
#editpage-specialchars a:hover {
	text-decoration: underline;
}

/* Külső linkek ikonjai */
#bodyContent a.external[href$=".pdf"],
#bodyContent a.external[href*=".pdf?"],
#bodyContent a.external[href*=".pdf#"],
#bodyContent a.external[href$=".PDF"],
#bodyContent a.external[href*=".PDF?"],
#bodyContent a.external[href*=".PDF#"] {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif);
	padding-right: 17px;
	background-position: right;
	background-repeat: no-repeat;
}

/* Patrolling */

li.not-patrolled {
	background: none;
	border-left: 2px solid red;
	padding-left: 5px;
	/* list-style-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/84/Important-3.svg/5px-Important-3.svg.png); */
}

/* Navigáció */
/* A kinyit-becsuk mechanizmus része, a többi a monobook.js-ben található */
div.Boxmerge,
div.NavFrame {
	margin: 0;
	padding: 2px;
	border: 1px solid #a2a9b1;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
div.Boxmerge div.NavFrame {
	border-style: none;
	border-style: hidden;
}
div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}
div.NavPic {
	background-color: white;
	margin: 0;
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	background-color: #efefef;
	position:relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
	font-size: 100%;
}
div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both;
}
a.NavToggle {
	position: absolute;
	top: 0;
	right: 3px;
	font-weight: normal;
	font-size: smaller;
}
.NavLeft div.NavFrame div.NavHead {
	padding-left: 4em;
}
.NavLeft a.NavToggle {
	right: auto;
	left: 3px;
}

/* Keretes szövegek – <div class="keretjobb"> */
div.keretjobb,
div.keretbal {
	background-color: #ddd;
	width: 33%;
	border: 5px groove gray;
	padding: 1em;
	margin: 1em;
	font-size: smaller;
}
div.keretjobb {
	float: right;
}
div.keretbal {
	float: left;
}

/* Tartalomjegyzék */

/* 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-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
	display:none;
}

/* Bugfixek */

/* RTL usernevek ne zavarják össze az RC és egyéb listákat */
span.changedby, span.comment {
	unicode-bidi: embed;
}

/*Egysoros laptörténetekben adminoknak a "Kiválasztott változatok láthatóságának összehasonlítása" gomb a laptörténet fölé lóg*/
#pagehistory {
	clear: right;
}

/*Laptörténetben nem kell sorkizárás */
#pagehistory {
	text-align: left;
}

#mw-dismissable-notice {
	background-color: transparent;
}

/*  IE Unicode bugfixek  */

.IPA { /* IE only ( http://www.ibloomstudios.com/articles/the_ie7_css_hack/ ) */
	font-family: "Chrysanthi Unicode", "Doulos SIL", Gentium, GentiumAlt, Code2000, "TITUS Cyberbit Basic", "DejaVu Sans",
		"Bitstream Cyberbit", "Arial Unicode MS", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "Matrix Unicode";
}
.IPA:lang(en) {
	font-family: inherit;
}
.IPA:empty { /* Safari */
	font-family: inherit;
}

/* Prevent line breaks in silly places where desired (nowrap)
   and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

.polytonic {
	font-family: Athena, Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;
	font-family /**/:inherit;
}

@media screen {
	/* Put a chequered background behind images, only visible if they have transparency,
	 * except on main, user, and portal namespaces
	 */
	body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
	}

	/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
	   do not apply to print mode */
	#siteSub {
		display: none;
	}
}

/*  Sitenotice fix */
#mw-dismissable-notice td:first-child {
	width: 95%;
}
#mw-dismissable-notice td:last-child {
	width: 5%;
}
* html #mw-dismissable-notice td {
	width:95%;
}

/*
=== Chrome/Safari lábjegyzet fix ===
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.references {
		list-style-position: inside;
	}
}

/*
== Az új navboxok stílusa ==
 */

/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
	border:1px solid #a2a9b1;
	width:100%;
	margin:auto;
	clear:both;
	font-size:90%;
	text-align:center;
	padding:1px;
}

.navbox-inner,
.navbox-subgroup {
	width: 100%;
}


@media screen {
	.navbox {
		-webkit-box-shadow: 3px 3px 6px #a2a9b1;
		-moz-box-shadow: 3px 3px 6px #a2a9b1;
		box-shadow: 3px 3px 6px #a2a9b1;
	}
}

/* Törzsben elhelyezett "első" vízszintes navbox távolsága a szövegtől (lásd a következőt is) */
.mw-content-ltr > table.navbox {
	margin-top:2em;
}
.mw-content-ltr > table.navbox + table.navbox {
	margin-top:-1px;
}
table.navbox + table.navbox {
	margin-top:-1px;        /* single pixel border between adjacent navboxes */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
	text-align:center;      /* title and above/below styles */
	padding-left:1em;
	padding-right:1em;
}
.navbox-group {           /* group style */
	white-space:nowrap;
	text-align:right;
	font-weight:bold;
	padding-left:1em;
	padding-right:1em;
}
.navbox, .navbox-subgroup {
	background:#fdfdfd;     /* Background color */
}
.navbox-list {
	border-color:#fdfdfd;   /* Must match background color */
}
.navbox-title, table.navbox th {
	background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
	background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
	background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
	background:transparent; /* Odd row striping */
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
	white-space: nowrap;      /* Nowrap list items in navboxes */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
	white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
	margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
/* Új navboxok stílusának vége */

/*
== Jelölt változatok ==
*/
/* laptörténet flagrev háttérszín láthatóbbra */
.flaggedrevs-color-1 {
	background-color:#E6F4F0;
}

/*
== Egyéb ==
*/

/*
 * Knávom, azaz a kínai nevek átírását váltogató mechanika.
 */
.kinai-szoveg .hidden {
	display: none;
}

/* Sarokikon trükkhöz szükséges stílus */
.sarokikon {
	display: inline;
}
/* Szerkesztői lapok testreszabásához használt sablonok ne jelenjenek meg */
.kategoria,
.betutipus,
#betutipus,
#sajatcim,
#sajatalcim,
#hatterszin {
	display: none;
}

/* TranslateWikis üzenet */
.translateWikiMessage {
	background: #ddddff;
	border: 1px solid #b3b7ff;
	color: #000000;
	margin: .2em 0 .5em;
	padding: .5em 1em;
	text-align: center;
}

/* A thumboknak ne legyen borderjük */
div.thumb {
	border-style: none;
}

/*
== Ideiglenes javítások ==
*/

/* "Új üzenetek" elrejtése a felső sorból (LiquidThreads) */
#pt-newmessages, #pt-newmessages-sticky-header {
	display: none;
}

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]]. */
.geo-default, .geo-dms, .geo-dec {
	display: inline;
}
.geo-nondefault, .geo-multi-punct {
	display: none;
}
.longitude, .latitude {
	white-space: nowrap;
}

/* Figyelőlista fejlécének formázása */
#watchlist-ads {
	float: right;
	width: 70%;
}
/* Az új figyelőlistán nincs semmi mellette */
body.mw-rcfilters-enabled #watchlist-ads {
	float: none;
	width: auto;
}

#mw-watchlist-form {
	clear: right;
}

/* jó cikk wikidata badge ikon */
.badge-goodarticle {
	list-style-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/9/94/Symbol_support_vote.svg/9px-Symbol_support_vote.svg.png) !important;
}

sup.reference {
	font-weight: normal;
	font-style: normal;
}


/* Navbox styling for dark mode */
body.skin-dark .navbox {
    background-color: #1c1c1c; /* Dark background */
    color: #ffffff;           /* Light text */
    border-color: #444;       /* Border color */
}

body.skin-dark .navbox .navbox-title {
    background-color: #2c2c2c; /* Slightly lighter for the title */
    color: #ffffff;
}

body.skin-dark .navbox .navbox-list {
    background-color: #2c2c2c;
    color: #e0e0e0;
}

body.skin-dark .navbox .navbox-group {
    background-color: #333333; /* Darker for group headings */
    color: #bbbbbb;
}