Difference between revisions of "MediaWiki:Liberty.css"

Revision as of 12:42, 2 May 2020

/* CSS placed here will affect users of the Liberty skin */
.fixed-toc-button {
 display:none;
}

.liberty-expand {
	width: 75px!important;
}

.liberty-expand-2 {
	width: 90px!important;
}

.dropdown-item-unit {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
}

div.title > h1 {
	font-size: 30px;
}

.card-body {
	padding: 12px;
    padding-top: 1px;
    padding-bottom: 15px;
}

.unit-set {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #2b333b;
	color: white;
	border-radius: 20px;
}

table.unit-set > tbody > tr > td {
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

.unit-mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.thumb {
	page-break-inside: avoid
}

div.thumb {
	background-color: transparent;
	width: auto
}
div.thumb a {
	border-bottom: 0
}
div.thumbinner {
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	padding: 5px;
	font-size: 10pt;
	color: #666;
	text-align: center;
	overflow: hidden;
	min-width: 100px
}
html .thumbcaption {
	text-align: left;
	line-height: 1.4;
	padding: 3px
}
img.thumbborder {
	border: 1pt solid #ddd
}

.mw-content-ltr .thumbcaption {
	text-align: left
}
.mw-content-ltr .magnify {
	float: right
}
.mw-content-rtl .thumbcaption {
	text-align: right
}
.mw-content-rtl .magnify {
	float: left
}

div.thumb {
	margin-bottom: 0.5em;
	width: auto;
	background-color: transparent
}
div.thumbinner {
	border: 1px solid #c8ccd1;
	padding: 3px;
	background-color: #f8f9fa;
	font-size: 94%;
	text-align: center;
	overflow: hidden
}
html .thumbimage {
	background-color: #fff;
	border: 1px solid #c8ccd1
}
html .thumbcaption {
	border: 0;
	line-height: 1.4em;
	padding: 3px;
	font-size: 94%;
	text-align: left
}
div.magnify {
	display: none;
}
img.thumbborder {
	border: 1px solid #eaecf0
}
.mw-content-ltr .thumbcaption {
	text-align: left
}
.mw-content-ltr .magnify {
	float: right;
	margin-left: 3px;
	margin-right: 0
}
.mw-content-ltr div.magnify a {
	background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.png?4f704);
	background-image: linear-gradient( transparent, transparent), url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22 standalone=%22no%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 11 15%22 width=%2215%22 height=%2211%22%3E%0A %3Cg id=%22magnify-clip%22 fill=%22%23fff%22 stroke=%22%23000%22%3E%0A %3Cpath id=%22bigbox%22 d=%22M1.509 1.865h10.99v7.919h-10.99z%22/%3E%0A %3Cpath id=%22smallbox%22 d=%22M-1.499 6.868h5.943v4.904h-5.943z%22/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")
}
.mw-content-rtl .thumbcaption {
	text-align: right
}
.mw-content-rtl .magnify {
	float: left;
	margin-left: 0;
	margin-right: 3px
}
.mw-content-rtl div.magnify a {
	background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-rtl.png?a9fb3);
	background-image: linear-gradient( transparent, transparent), url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22 standalone=%22no%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 11 15%22 width=%2215%22 height=%2211%22%3E%0A %3Cg id=%22magnify-clip%22 fill=%22%23fff%22 stroke=%22%23000%22%3E%0A %3Cpath id=%22bigbox%22 d=%22M9.491 1.865h-10.99v7.919h10.99z%22/%3E%0A %3Cpath id=%22smallbox%22 d=%22M12.499 6.868h-5.943v4.904h5.943z%22/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")
}
div.tright {
	margin: 0.5em 0 1.3em 1.4em
}
div.tleft {
	margin: 0.5em 1.4em 1.3em 0
}

[data-theme="dark"] .mw-datatable td {
	background-color: transparent!important;
}

[data-theme="dark"] .oo-ui-buttonElement-button,
[data-theme="dark"] .oo-ui-buttonElement-button:hover {
	background-color: transparent!important;
}

[data-theme="dark"] #preftoc li {
	border: 1px solid #464646!important;
}

[data-theme="dark"] #preftoc li:first-child {
	border-left: 1px solid #464646!important;
}

[data-theme="dark"] div#preferences > fieldset#mw-prefsection-personal > fieldset {
	border: 1px solid #464646!important;
}

[data-theme="dark"] .mw-datatable td {
	background-color: transparent!important;
}

[data-theme="dark"]  #msupload-list .green {
    background: #66a566!important;
}

[data-theme="dark"]  .smw-tab-warning,nav-label {
    color: #b9b9b9!important;
}

[data-theme="dark"] .item-count {
	background-color: #253946!important;
	color: #272b30!important;
}

[data-theme="dark"] .unit-mx-auto {
	background-color: transparent!important;
	background: transparent!important;
	border: 0px!important;
}

.catlinks {
       margin-top: 20px;
}

[data-theme="dark"] .smw-property-page-results .value-row:hover {
	background-color: #484848!important;
}

[data-theme="dark"] .smwpropname sm > a:hover {
	background-color: transparent!important;
	background: none!important;
}

[data-theme="dark"] .smw-tabs input.nav-tab:checked + label.nav-label {
	color: #b6beca!important;
}

[data-theme="dark"] .smw-tabs input.nav-tab:checked + label.nav-label > span {
	color: #b6beca!important;
}

[data-theme="dark"] .smw-property-page-results .header-title {
    color: #959595!important;
    background-color: #272b30!important;
}

[data-theme="dark"] .smw-ui-pagination .page-link {
    color: #959595;
    background-color: #2b2b2b!important;
    border-color: transparent;
	border: 0px!important;
}

[data-theme="dark"] .smw-ui-pagination .page-link:hover {
    color: #d9d9d9!important;
    background-color: #2b2b2b!important;
    border-color: transparent;
	border: 0px!important;
}

[data-theme="dark"] .smw-callout-error {
	color: black!important;
	background-color: #ad8080!important;
}

[data-theme="dark"] .diff-addedline .diffchange {
	background: #2d74b7!important;
}

[data-theme="dark"] .modal-content {
	background-color: #272b30!important;
}

[data-theme="dark"] .thumb img {
	box-shadow: none!important;
}
	
[data-theme="dark"] div.thumbinner {
        border: 1px solid #464646!important;
        background-color: #1c1e22!important;
	color: #e0e0e0!important;
}

[data-theme="dark"] .fire-techs {
        background-color: #d87867!important;
}

[data-theme="dark"] .ice-techs {
        background-color: #336082!important;
}

[data-theme="dark"] .lightning-techs {
        background-color: #a09a00!important;
}

[data-theme="dark"] .wind-techs {
        background-color: #4fad28!important;
}

[data-theme="dark"] .light-techs {
        background-color: #8c8869!important;
}

[data-theme="dark"] .dark-techs {
        background-color: #7c2cef!important;
}

[data-theme="dark"] .technicolor {
        background-color: #6d026d!important;
}

[data-theme="dark"] #mw-searchoptions {
        background-color: unset!important;
}

[data-theme="dark"] .template-documentation {
       background-color: unset!important;
       border: 0px!important;
}

.shrink-card {
     width: 800px;
}

/* Table of Contents */
.toc {
	border: 1px solid #e7e7e7;
	margin: 15px 20px;
	border-radius: 4px;
	border-width: 0 1px 4px 1px;
	padding: 0 !important;
}

.toc ul {
	padding-left: 1.3em !important;
    padding-right: 0.3em !important;
}

#toctitle {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
#toctitle h2 {
	display: inline;
	font-size: 14px !important;
	font-weight: normal;
	margin-bottom: 0;
}
.toctoggle {
	float: right;
}
.toc ul { list-style-type: none; }