mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-28 16:21:11 +00:00
5d3ecd9edd
This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info.
174 lines
3 KiB
Plaintext
174 lines
3 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for Extension:SemanticMediaWiki
|
|
* Module: ext.smw.browse.styles
|
|
* Version: 4.0.2 (0fcdfce)
|
|
*
|
|
* Date: 2024-04-19
|
|
*/
|
|
|
|
//@import '../../../resources/mixins.less';
|
|
//@import '../../../resources/variables.less';
|
|
|
|
// Disable sticky header since it collides with anchor and adds no value
|
|
#citizen-page-header-sticky-sentinel {
|
|
display: none;
|
|
}
|
|
|
|
/* smw/special/ext.smw.special.browse.css */
|
|
.smwb-datasheet,
|
|
.smwb-content {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.smwb-factbox {
|
|
border-left: 0;
|
|
}
|
|
|
|
.smwb-factbox .smwb-cell {
|
|
border: 0;
|
|
border-top: 1px solid var( --border-color-base );
|
|
}
|
|
|
|
.smwb-cell-empty {
|
|
border-left: 0;
|
|
}
|
|
|
|
.smwb-prophead {
|
|
background-color: var( --color-surface-2 );
|
|
}
|
|
|
|
.smwb-title {
|
|
font-size: var( --font-size-x-large );
|
|
font-weight: var( --font-weight-semibold );
|
|
line-height: var( --line-height-xs );
|
|
background-color: transparent;
|
|
}
|
|
|
|
.smwb-title td {
|
|
padding-left: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.smwb-propvalue,
|
|
.smwb-ipropvalue {
|
|
background-color: transparent;
|
|
|
|
.smwb-prophead {
|
|
padding: var( --space-xs ) var( --space-md );
|
|
font-size: var( --font-size-small );
|
|
font-weight: var( --font-weight-medium );
|
|
}
|
|
|
|
.smwb-propval {
|
|
padding: var( --space-xs ) var( --space-md );
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.smwb-center,
|
|
.smwb-actions {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.smwb-actions {
|
|
line-height: 3rem;
|
|
}
|
|
|
|
.smwb-action-separator {
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
.smwb-title a,
|
|
.smwb-center a:first-child,
|
|
.smwb-actions a:first-child {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.smwb-bottom {
|
|
border-bottom: 1px solid var( --border-color-base );
|
|
}
|
|
|
|
/**
|
|
* Inverse factbox
|
|
* @ignore
|
|
*/
|
|
.smwb-ifactbox {
|
|
border-right: 0;
|
|
}
|
|
|
|
.smwb-ifactbox .smwb-cell {
|
|
border: 0;
|
|
border-top: 1px solid var( --border-color-base );
|
|
}
|
|
|
|
.smwb-ititle {
|
|
font-size: 1.5rem;
|
|
font-weight: var( --font-weight-semibold );
|
|
line-height: var( --line-height-xs );
|
|
background-color: transparent;
|
|
}
|
|
|
|
.smwb-ititle td {
|
|
padding-left: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.smwb-input .button-field input {
|
|
padding: 6px;
|
|
}
|
|
|
|
.smwb-input .mw-ui-input:focus {
|
|
border-color: var( --color-progressive );
|
|
box-shadow: inset 0 0 0 1px var( --color-progressive );
|
|
}
|
|
|
|
/**
|
|
* Light theme
|
|
*/
|
|
.smwb-theme-light .smwb-factbox {
|
|
border-left: 0;
|
|
}
|
|
|
|
.smwb-theme-light .smwb-ifactbox {
|
|
border-right: 0;
|
|
}
|
|
|
|
.smwb-theme-light .smwb-title,
|
|
.smwb-theme-light .smwb-actions {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.smwb-theme-light .smwb-prophead {
|
|
background-color: var( --color-surface-3 );
|
|
}
|
|
|
|
.smwb-theme-light .smwb-center,
|
|
.smwb-theme-light .smwb-propval {
|
|
background-color: var( --color-surface-2 );
|
|
}
|
|
|
|
/**
|
|
* Responsive settings (#see smw.table.css)
|
|
*/
|
|
@media screen and ( max-width: 800px ) {
|
|
.smwb-group .smwb-propval,
|
|
.smwb-group .smwb-theme-light .smwb-propval {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
// Sticky header
|
|
.smwb-datasheet > .smwb-factbox:first-child {
|
|
padding: var( --space-md ) 0;
|
|
background: transparent;
|
|
border-bottom: 1px solid var( --border-color-base );
|
|
//.citizen-sticky-header;
|
|
}
|
|
|
|
.smwb-factbox,
|
|
.smwb-ifactbox {
|
|
font-size: var( --font-size-small );
|
|
}
|