mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 22:35:45 +00:00
00b2495c1a
- Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
170 lines
4.8 KiB
Plaintext
170 lines
4.8 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for Extension:SemanticMediaWiki
|
|
* Module: ext.smw.page.styles
|
|
* Version: 4.0.2 (0fcdfce)
|
|
*
|
|
* Date: 2022-10-20
|
|
*/
|
|
|
|
@import '../../../resources/mixins.less';
|
|
|
|
// Disable sticky header since it collides with anchor and adds no value
|
|
#citizen-page-header-sticky-sentinel {
|
|
display: none;
|
|
}
|
|
|
|
/* smw/ext.smw.page.css */
|
|
/* Property page */
|
|
.smw-property-page-content-line {
|
|
border-bottom-color: var( --border-color-base );
|
|
}
|
|
|
|
.smw-property-page-results .header-row {
|
|
background-color: transparent;
|
|
.citizen-sticky-header( 0, false );
|
|
}
|
|
|
|
.smw-property-page-results .value-row:hover {
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
}
|
|
|
|
.smw-property-page-results .header-row > .header-title {
|
|
border-bottom-color: var( --border-color-base );
|
|
}
|
|
|
|
.smw-ui-pagination .page-link {
|
|
color: var( --color-progressive );
|
|
background-color: transparent;
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
.smw-ui-pagination .page-link:first-child {
|
|
border-top-left-radius: var( --border-radius-base );
|
|
border-bottom-left-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.smw-ui-pagination .page-link:last-child {
|
|
border-top-right-radius: var( --border-radius-base );
|
|
border-bottom-right-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.smw-ui-pagination .page-link:hover {
|
|
color: var( --color-progressive );
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
// Added active state
|
|
.smw-ui-pagination .page-link:active {
|
|
background-color: var( --background-color-button-quiet--active );
|
|
}
|
|
|
|
.smw-ui-pagination .page-link.link-disabled {
|
|
color: var( --color-subtle );
|
|
background-color: transparent;
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
.smw-ui-pagination .page-link.link-active {
|
|
color: var( --color-inverted-primary );
|
|
background-color: var( --color-progressive );
|
|
border-color: var( --color-progressive );
|
|
}
|
|
|
|
.smw-property-page-results .header-title {
|
|
padding: var( --space-xs ) 0;
|
|
font-size: 1.25rem;
|
|
color: var( --color-emphasized );
|
|
background-color: transparent;
|
|
border-bottom-color: var( --border-color-base );
|
|
}
|
|
|
|
.list-pager-value-filter input {
|
|
color: var( --color-base );
|
|
background-color: var( --color-surface-1 );
|
|
border-color: var( --border-color-base );
|
|
border-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.smw-ui-input-filter {
|
|
color: var( --color-progressive );
|
|
background-color: var( --color-surface-1 );
|
|
border-color: var( --border-color-base );
|
|
border-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.smw-ui-input-filter input {
|
|
color: var( --color-base ) !important;
|
|
border-left-color: var( --border-color-base ) !important;
|
|
}
|
|
|
|
.smw-ui-input-filter-tooltip {
|
|
border-left-color: var( --border-color-base );
|
|
}
|
|
|
|
.smw-property-page-results.legacy .header-title {
|
|
border-bottom-color: var( --border-color-base );
|
|
}
|
|
|
|
.usage-count,
|
|
.item-count {
|
|
color: var( --color-base );
|
|
background-color: var( --color-surface-3 );
|
|
border-radius: var( --border-radius-base );
|
|
}
|
|
|
|
#tab-smw-property-value:checked + label.nav-label .usage-count,
|
|
#tab-smw-concept-list:checked + label.nav-label .usage-count,
|
|
#tab-smw-property-subp:checked + label.nav-label .item-count,
|
|
#tab-smw-property-errp:checked + label.nav-label .item-count,
|
|
#tab-smw-property-redi:checked + label.nav-label .item-count,
|
|
#tab-smw-type-list:checked + label.nav-label .item-count,
|
|
#tab-smw-property-spec:checked + label.nav-label .item-count {
|
|
color: var( --color-base );
|
|
background-color: var( --color-surface-3 );
|
|
}
|
|
|
|
#tab-smw-property-value:checked + label.nav-label .usage-count.moderate,
|
|
#tab-smw-concept-list:checked + label.nav-label .usage-count.moderate {
|
|
color: var( --color-progressive );
|
|
background-color: var( --background-color-progressive-subtle );
|
|
}
|
|
|
|
#tab-smw-property-value:checked + label.nav-label .usage-count.high,
|
|
#tab-smw-concept-list:checked + label.nav-label .usage-count.high {
|
|
color: var( --color-destructive );
|
|
background-color: var( --background-color-destructive-subtle );
|
|
}
|
|
|
|
/**
|
|
* Tabs
|
|
*/
|
|
.smw-property input.nav-tab:checked + label.nav-label.smw-tab-warning,
|
|
.smw-concept input.nav-tab:checked + label.nav-label.smw-tab-warning,
|
|
.smw-types input.nav-tab:checked + label.nav-label.smw-tab-warning {
|
|
border-top: 0;
|
|
border-bottom: 2px solid var( --color-destructive );
|
|
}
|
|
|
|
.smw-property input.nav-tab:checked + label.nav-label.smw-tab-spec,
|
|
.smw-concept input.nav-tab:checked + label.nav-label.smw-tab-spec {
|
|
border-top: 0;
|
|
border-bottom: 2px solid var( --color-warning );
|
|
}
|
|
|
|
.smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label {
|
|
border-bottom: 2px solid var( --color-progressive );
|
|
}
|
|
|
|
/**
|
|
* Responsive settings (@see ext.smw.table)
|
|
*/
|
|
@media screen and ( max-width: 800px ) {
|
|
.smw-property-page-results .header-title:first-child,
|
|
.smw-property-page-results .header-row > .header-title:first-child {
|
|
border-bottom-color: var( --border-color-base );
|
|
}
|
|
}
|