mediawiki-skins-Citizen/skinStyles/extensions/Wikibase/wikibase.common.less
alistair3149 0fdc7c4ad7
feat(core): convert some CSS variables into Codex equivalent part 2
Also fix various inconsistencies with quiet buttons
2024-06-30 20:41:31 -04:00

282 lines
9.5 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Wikibase
* Module: wikibase.common
* Version: REL1_35 7bb503b
*
* Date: 2022-05-11
*/
/* wikibase.less */
h1 .wikibase-title-id {
color: var( --color-subtle );
}
.wb-entitypage .ui-state-disabled input,
.wb-entitypage input.ui-state-disabled,
.wb-entitypage .ui-state-disabled textarea {
color: var( --color-subtle );
background-color: var( --color-surface-4 );
}
.wb-entitypage .ui-state-disabled .wb-edit input:not( .ui-state-disabled ),
.wb-entitypage .ui-state-disabled .wb-edit textarea {
background-color: var( --color-surface-1 );
}
.ui-closeable {
background-color: var( --color-surface-1 );
border-top-color: var( --border-color-base );
border-bottom-color: var( --border-color-base );
}
.ui-closeable.wb-edit {
background-color: var( --background-color-progressive-subtle );
}
.ui-closeable.wb-error {
background-color: var( --background-color-destructive );
}
.wikibase-entityview input {
border-color: var( --border-color-base );
}
.wb-empty {
color: var( --color-subtle );
}
.wb-entity-undefinedinfo {
color: var( --color-subtle );
}
.wikibase-statementgrouplistview .wikibase-statementlistview {
background-color: var( --color-surface-1 );
border-color: var( --border-color-base );
}
.wikibase-statementgrouplistview :target .wikibase-statementlistview {
outline: 2px solid var( --color-progressive );
}
.wikibase-statementgrouplistview .wikibase-statementlistview .wikibase-statementview:target {
outline: 2px solid var( --color-progressive );
}
.wikibase-statementgrouplistview .wikibase-statementgroupview-property {
background: var( --color-surface-3 );
}
div .wikibase-snakview-value span.error.wb-format-error {
color: var( --color-destructive );
}
.wikibase-statementlistview > .wikibase-toolbar-wrapper {
background-color: var( --color-surface-3 );
}
.wikibase-statementgrouplistview .wikibase-statementgroupview-property.wb-edit,
.wikibase-statementgroupview-property.wb-edit + .wikibase-statementlistview > .wikibase-toolbar-wrapper {
background-color: var( --background-color-progressive-subtle );
}
.wikibase-statementgrouplistview .wikibase-statementgroupview-property.wb-error {
background-color: var( --background-color-destructive );
}
.wikibase-statementgrouplistview .wikibase-statementview.wb-error,
.wikibase-statementgrouplistview .wikibase-statementview.wb-error .wb-claim {
background-color: var( --background-color-destructive );
}
.wikibase-statementgrouplistview .wikibase-statementlistview.wb-new .wikibase-statementview {
border-color: var( --border-color-base );
}
.wikibase-snakview-unsupportedsnaktype,
.wikibase-snakview-variation-valuesnak-unsupporteddatavalue,
.wikibase-snakview-variation-valuesnak-datavaluetypemismatch,
.wikibase-snakview-variation-valuesnak-nonewvaluefordeletedproperty,
span.wikibase-snakview-variation-somevaluesnak,
span.wikibase-snakview-variation-novaluesnak {
color: var( --color-subtle );
}
.wikibase-snakview-variation-valuesnak-datavaluetypemismatch,
.wikibase-snakview-variation-valuesnak-nonewvaluefordeletedproperty {
color: var( --color-destructive );
}
.wikibase-statementview {
border-bottom-color: var( --border-color-base );
}
.wikibase-statementview div.thumb img,
.wikibase-statementview div.thumb audio,
.wikibase-statementview div.thumb video,
.wikibase-statementview div a.mw-kartographer-map {
border-color: var( --border-color-base );
}
.wikibase-statementview-references-heading {
color: var( --color-subtle );
}
.wikibase-referenceview {
background: var( --color-surface-2 );
}
.wikibase-referenceview .wikibase-referenceview-heading {
background-color: var( --color-surface-3 );
}
.wikibase-referenceview.wb-edit {
background-color: var( --background-color-progressive-subtle );
}
.wikibase-referenceview.wb-edit > .wikibase-referenceview-heading {
background-color: var( --background-color-progressive-subtle );
}
.wikibase-referenceview.wb-error {
background-color: var( --background-color-destructive );
}
.wikibase-referenceview.wb-error > .wikibase-referenceview-heading {
background-color: var( --background-color-destructive );
}
.wikibase-referenceview-tabs {
/* Tab link style */
.ui-state-default > .ui-tabs-anchor {
color: var( --color-base );
}
/* Style for tabs */
li.ui-state-default {
background-color: var( --color-surface-3 );
/* Style for active tab */
&.ui-tabs-active.ui-state-active {
background-color: var( --background-color-progressive-subtle );
}
}
}
.wb-propertypage .wikibase-propertyview-datatype {
background-color: var( --color-surface-2 );
border-color: var( --border-color-base );
}
.wikibase-pageImage {
border-color: var( --border-color-base );
}
/* jquery.wikibase.aliasesview.css */
.wikibase-aliasesview li {
background-color: var( --color-surface-2 );
border-color: var( --border-color-base );
}
/* jquery.wikibase.descriptionview.css */
.wikibase-descriptionview .wikibase-descriptionview-input:focus {
background-color: var( --background-color-progressive-subtle );
}
/* jquery.wikibase.entitytermsview.css */
.wikibase-entitytermsview .wikibase-entitytermsview-heading .wikibase-entitytermsview-heading-aliases ul {
color: var( --color-subtle );
}
.wikibase-entitytermsview .wikibase-toolbar-container {
background-color: var( --color-surface-1 );
}
/* jquery.wikibase.entitytermsforlanguagelistview.css */
.wikibase-entitytermsforlanguagelistview {
background: var( --color-surface-1 );
border-color: var( --border-color-base );
}
.wikibase-entitytermsforlanguagelistview.wb-edit {
border-color: var( --color-progressive );
}
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-header .wikibase-entitytermsforlanguagelistview-header-row .wikibase-entitytermsforlanguagelistview-cell {
background-color: var( --color-surface-3 );
border-right-color: var( --color-surface-1 );
}
.wikibase-entitytermsforlanguagelistview.wb-edit .wikibase-entitytermsforlanguagelistview-header .wikibase-entitytermsforlanguagelistview-header-row .wikibase-entitytermsforlanguagelistview-cell {
background: var( --background-color-progressive-subtle );
}
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-label input,
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-description input,
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-label textarea,
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-description textarea {
border-bottom-color: var( --border-color-base );
}
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-label input:focus,
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-description input:focus,
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-label textarea:focus,
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-description textarea:focus {
border-color: var( --color-progressive );
}
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-aliases .ui-state-default {
color: var( --color-base );
}
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-aliases input {
border-bottom-color: var( --border-color-base );
}
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-listview .wikibase-entitytermsforlanguageview .wikibase-entitytermsforlanguageview-aliases input:focus {
border-color: var( --color-progressive );
}
/* jquery.wikibase.entitytermsforlanguageview.css */
.wikibase-entitytermsforlanguageview .wb-error {
background-color: var( --background-color-destructive );
}
/* jquery.wikibase.labelview.css */
.wikibase-labelview .wikibase-labelview-input:focus {
background-color: var( --background-color-progressive-subtle );
}
/* jquery.wikibase.sitelinkgroupview.css */
.wikibase-sitelinkgroupview {
border-color: var( --border-color-base );
}
.wikibase-sitelinkgroupview.wb-edit {
border-color: var( --color-progressive );
}
.wikibase-sitelinkgroupview .wikibase-sitelinkgroupview-heading-container {
background-color: var( --color-surface-1 );
}
.wikibase-sitelinkgroupview.wb-edit .wikibase-sitelinkgroupview-heading-container {
background-color: var( --background-color-progressive-subtle );
}
/* jquery.wikibase.sitelinklistview.css */
.wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container {
background: var( --color-surface-3 );
border-color: var( --border-color-base );
}
.wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-removetoolbar-container {
background: var( --color-surface-1 );
}
/* jquery.wikibase.statementgroupview.css */
.wikibase-statementgroupview .wikibase-statementgroupview-property {
border-color: var( --border-color-base );
}