Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
m (Table appearance tweaks)
m (Table appearance tweaks)
Line 23: Line 23:
table {
table {
display: table;
display: table;
}
table.wikitable {
background: #23272f;
border: 1px solid var(--border-color-base);
}
}
table.wikitable tr th {
table.wikitable tr th {
text-align: center;
text-align: center;
}
table.wikitable tr td {
padding: 10px 10px 10px 10px;
}
}
/* Infobox Tabs */
/* Infobox Tabs */

Revision as of 18:56, 17 February 2021

/* All CSS here will be loaded for users of the Citizen skin */
.center {
	width: 100%;
	text-align: center;
}
.news-box {
	border-color: #2b2f36;
	background-color: #24262f;
}
.extiw {
	padding-right: 13px;
	background-image: url(/skins/Citizen/resources/skins.citizen.styles/images/external-link-ltr-icon.svg);
	background-position: center right;
	background-repeat: no-repeat;
}
.outcell {
	border: 1px solid #23272f;
}
.infobox {
	background: #23272f;
}
/* Tables */
table {
	display: table;
}
table.wikitable {
	background: #23272f;
	border: 1px solid var(--border-color-base);
}
table.wikitable tr th {
	text-align: center;
}
table.wikitable tr td {
	padding: 10px 10px 10px 10px;
}
/* Infobox Tabs */
.tabs-label {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.tabs-label:active, .tabs-label:focus {
    background-color: var(--color-primary--active);
    border-color: var(--color-primary--active);
}
.tabs-label:hover {
    background-color: var(--color-primary--hover);
    border-color: var(--color-primary--hover);
}
.tabs-plain > .tabs-label {
	border-color: var(--color-primary);
}
.tabs-tabbox > .tabs-input:checked + .tabs-label {
    background-color: var(--color-primary--active);
    border-color: var(--color-primary--active);
}
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    background-color: var(--color-primary--active);
    border-color: var(--color-primary--active);
}
div.tabdiv > ul > li {
	background-color: var(--color-primary);
    border-color: var(--color-primary);
}
div.tabdiv > ul > li:hover {
	background-color: var(--color-primary--hover);
    border-color: var(--color-primary--hover);
}
div.tabdiv > ul > li.active {
	background-color: var(--color-primary--active);
	border-color: var(--color-primary--active);
}
div.tabdiv > ul > li a {
  color: #FFF;
}
li.gallerybox div.thumb {
	border-color: var(--background-color-dp-24);
	background-color: var(--background-color-framed);
}
#content .gallerybox div.thumb {
	border-color: var(--background-color-dp-24);
	background-color: var(--background-color-framed);
}