mediawiki-skins-Citizen/skinStyles/extensions/Wikibase/wikibase.view.ControllerViewFactory.less
alistair3149 3867f1588a
feat(skinStyles): add grade B support Wikibase (#439)
Add grade B support for Wikibase.

Wikibase is a massive extension with a lot of legacy styles and jquery dependencies.
There might be missing styles here and there for the initial implementation,
but it should work for now.
2022-05-11 18:01:43 -04:00

163 lines
6.1 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Wikibase
* Module: wikibase.view.ControllerViewFactory
* Version: REL1_35 7bb503b
*
* Date: 2022-05-11
*/
/* jquery.wikibase.sitelinkview.css */
.wikibase-sitelinkview input:focus {
border-color: var( --color-primary );
background-color: var( --background-color-primary--hover );
}
/* jquery.wikibase.sitelinklistview.css */
.wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container {
border-color: var( --border-color-base );
background: var( --color-surface-3 );
}
.wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-removetoolbar-container {
background: var( --color-surface-1 );
}
.skin-citizen-dark {
.wb-badge,
.wb-badge-empty {
filter: invert( 1 ) hue-rotate( 180deg );
}
/* jquery.wikibase.sitelinkgroupview.mw-collapsible.css */
// Collapsible toggle
.wikibase-sitelinkgroupview {
> .mw-collapsible {
&-toggle,
&-toggle-expanded,
&-toggle-collapsed {
filter: invert( 1 ) hue-rotate( 180deg );
}
}
}
}
/* jquery.wikibase.sitelinkgroupview.css */
.wikibase-sitelinkgroupview {
border-color: var( --border-color-base );
}
.wikibase-sitelinkgroupview.wb-edit {
border-color: var( --color-primary );
}
.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-primary--hover );
}
/* jquery.wikibase.labelview.css */
.wikibase-labelview .wikibase-labelview-input:focus {
background-color: var( --background-color-primary--hover );
}
/* jquery.wikibase.descriptionview.css */
.wikibase-descriptionview .wikibase-descriptionview-input:focus {
background-color: var( --background-color-primary--hover );
}
/* jquery.ui.tagadata.css */
ul.tagadata li.tagadata-choice-equal {
border-color: var( --color-destructive );
color: var( --color-destructive );
}
ul.tagadata {
background-color: var( --color-surface-2 );
}
ul.tagadata li.tagadata-choice .tagadata-label input:focus {
background-color: var( --background-color-primary--hover );
}
/* jquery.wikibase.aliasesview.css */
.wikibase-aliasesview li {
border-color: var( --border-color-base );
background-color: var( --color-surface-2 );
}
/* jquery.wikibase.entitytermsforlanguageview.css */
.wikibase-entitytermsforlanguageview .wb-error {
background-color: var( --background-color-destructive );
}
/* jquery.wikibase.entitytermsforlanguagelistview.css */
.wikibase-entitytermsforlanguagelistview {
border-color: var( --border-color-base );
background: var( --color-surface-1 );
}
.wikibase-entitytermsforlanguagelistview.wb-edit {
border-color: var( --color-primary );
}
.wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-header .wikibase-entitytermsforlanguagelistview-header-row .wikibase-entitytermsforlanguagelistview-cell {
border-right-color: var( --color-surface-1 );
background-color: var( --color-surface-3 );
}
.wikibase-entitytermsforlanguagelistview.wb-edit .wikibase-entitytermsforlanguagelistview-header .wikibase-entitytermsforlanguagelistview-header-row .wikibase-entitytermsforlanguagelistview-cell {
background: var( --background-color-primary--hover );
}
.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-primary );
}
.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-primary );
}
/* jquery.wikibase.entitytermsview.css */
.wikibase-entitytermsview .wikibase-entitytermsview-heading .wikibase-entitytermsview-heading-aliases ul {
color: var( --color-base--subtle );
}
.wikibase-entitytermsview .wikibase-toolbar-container {
background-color: var( --color-surface-1 );
}
/* snakview.SnakTypeSelector.css */
// snaktypeselector icon
.skin-citizen-dark .ui-state-default .ui-icon-snaktypeselector {
filter: invert( 1 ) hue-rotate( 180deg );
}
/* jquery.wikibase.statementview.RankSelector.css */
.skin-citizen-dark .wikibase-rankselector .ui-icon.ui-icon-rankselector {
// Rank selector icon
filter: invert( 1 ) hue-rotate( 180deg );
}