mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 06:24:22 +00:00
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.
This commit is contained in:
parent
d39deb157c
commit
3867f1588a
|
@ -63,6 +63,7 @@ Name | Grade | Version | Last updated
|
|||
[UniversalLanguageSelector](https://www.mediawiki.org/wiki/Extension:UniversalLanguageSelector) | B | MLEB 2021.07 | 2021-07-29
|
||||
[UploadWizard](https://www.mediawiki.org/wiki/Extension:UploadWizard) | A | N/A | N/A
|
||||
[VisualEditor](https://www.mediawiki.org/wiki/Extension:VisualEditor) | A | REL1_35 `cc3466a` | 2021-08-04
|
||||
[Wikibase](https://www.mediawiki.org/wiki/Extension:Wikibase) | B | REL1_35 `7bb503b` | 2022-05-11
|
||||
[WikiEditor](https://www.mediawiki.org/wiki/Extension:WikiEditor) | B | REL1_35 `e18315e` | 2021-08-11
|
||||
[WSSearchFront](https://www.mediawiki.org/wiki/Extension:WSSearchFront) | B | 3.5.4 `c27ebcb5` | 2021-11-23
|
||||
|
||||
|
|
|
@ -620,6 +620,14 @@
|
|||
"+ext.uploadWizard": "skinStyles/extensions/UploadWizard/ext.uploadWizard.less",
|
||||
"+ext.uploadWizard.page.styles": "skinStyles/extensions/UploadWizard/uploadWizard.noWizard.less",
|
||||
"+ext.visualEditor.desktopArticleTarget.init": "skinStyles/extensions/VisualEditor/ext.visualEditor.less",
|
||||
"+wikibase.client.init": "skinStyles/extensions/Wikibase/wikibase.client.init.less",
|
||||
"+jquery.wikibase.linkitem": "skinStyles/extensions/Wikibase/jquery.wikibase.linkitem.less",
|
||||
"+jquery.wikibase.entityselector": "skinStyles/extensions/Wikibase/jquery.wikibase.entityselector.less",
|
||||
"+jquery.wikibase.toolbar.styles": "skinStyles/extensions/Wikibase/jquery.wikibase.toolbar.styles.less",
|
||||
"+jquery.wikibase.linkitem": "skinStyles/extensions/Wikibase/jquery.wikibase.linkitem.less",
|
||||
"+wikibase.common": "skinStyles/extensions/Wikibase/wikibase.common.less",
|
||||
"+wikibase.mobile": "skinStyles/extensions/Wikibase/wikibase.mobile.less",
|
||||
"+wikibase.view.ControllerViewFactory": "skinStyles/extensions/Wikibase/wikibase.view.ControllerViewFactory.less",
|
||||
"+ext.wikiEditor": "skinStyles/extensions/WikiEditor/ext.wikiEditor.less",
|
||||
"+capiunto.infobox.main": "skinStyles/extensions/Capiunto/capiunto.infobox.main.less",
|
||||
"mobile.init.styles": "skinStyles/extensions/MobileFrontend/mobile.init.styles.less",
|
||||
|
|
|
@ -0,0 +1,43 @@
|
|||
/*
|
||||
* Citizen
|
||||
*
|
||||
* SkinStyles for Extension:Wikibase
|
||||
* Module: jquery.wikibase.entityselector
|
||||
* Version: REL1_35 7bb503b
|
||||
*
|
||||
* Date: 2022-05-11
|
||||
*/
|
||||
|
||||
.ui-entityselector-list li,
|
||||
.ui-entityselector-list li.ui-state-hover {
|
||||
border-top-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
.ui-entityselector-list .ui-entityselector-notfound,
|
||||
.ui-entityselector-list .ui-entityselector-error {
|
||||
/* Common bright red .wb-error color */
|
||||
background-color: var( --background-color-destructive );
|
||||
}
|
||||
|
||||
.ui-entityselector-list .ui-entityselector-notfound.ui-state-hover a,
|
||||
.ui-entityselector-list .ui-entityselector-error.ui-state-hover a {
|
||||
color: var( --color-base );
|
||||
}
|
||||
|
||||
.ui-entityselector-list .ui-entityselector-more {
|
||||
background-color: var( --color-surface-2 );
|
||||
}
|
||||
|
||||
.ui-entityselector-list .ui-entityselector-more.ui-state-hover {
|
||||
background-color: var( --color-surface-2--hover );
|
||||
}
|
||||
|
||||
.ui-suggester-input.ui-entityselector-input.ui-entityselector-input-recognized {
|
||||
border-color: var( --border-color-base );
|
||||
background-color: var( --background-color-success );
|
||||
}
|
||||
|
||||
.ui-suggester-input.ui-entityselector-input.ui-entityselector-input-unrecognized {
|
||||
border-color: var( --border-color-base );
|
||||
background-color: var( --background-color-destructive );
|
||||
}
|
64
skinStyles/extensions/Wikibase/jquery.wikibase.linkitem.less
Normal file
64
skinStyles/extensions/Wikibase/jquery.wikibase.linkitem.less
Normal file
|
@ -0,0 +1,64 @@
|
|||
/*
|
||||
* Citizen
|
||||
*
|
||||
* SkinStyles for Extension:Wikibase
|
||||
* Module: jquery.wikibase.linkitem
|
||||
* Version: REL1_35 7bb503b
|
||||
*
|
||||
* Date: 2022-05-11
|
||||
*/
|
||||
|
||||
/* jquery.wikibase.linkitem.css */
|
||||
.wbclient-linkItem-column-site,
|
||||
.wbclient-linkItem-column-page {
|
||||
border-bottom-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
.wbclient-linkItem-column-site {
|
||||
border-right-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
#wbclient-linkItem-dialog a,
|
||||
.wbclient-linkItem-not-loggedin-message a {
|
||||
color: var( --color-link );
|
||||
}
|
||||
|
||||
/* jquery.wikibase.wbtooltip.css */
|
||||
// Error icon
|
||||
.skin-citizen-dark .wikibase-wbtooltip-tip.wb-error .tipsy-arrow {
|
||||
filter: invert( 1 ) hue-rotate( 180deg );
|
||||
}
|
||||
|
||||
.wikibase-wbtooltip-tip.wb-error .tipsy-inner {
|
||||
border-color: var( --border-color-base );
|
||||
background: var( --background-color-destructive );
|
||||
}
|
||||
|
||||
/* jquery.ui.suggester.css */
|
||||
.ui-widget.ui-suggester-list {
|
||||
font-family: var( --font-family-base );
|
||||
}
|
||||
|
||||
.ui-suggester-list {
|
||||
border-color: var( --border-color-base );
|
||||
background: var( --color-surface-2 );
|
||||
}
|
||||
|
||||
.ui-suggester-list .ui-state-hover {
|
||||
background: var( --color-surface-2--hover );
|
||||
color: var( --color-base );
|
||||
}
|
||||
|
||||
.ui-suggester-list .ui-state-hover a,
|
||||
.ui-suggester-list .ui-state-hover a:hover {
|
||||
color: var( --color-base );
|
||||
}
|
||||
|
||||
.ui-suggester-list a {
|
||||
color: var( --color-base );
|
||||
}
|
||||
|
||||
/* jquery.ui.ooMenu.css */
|
||||
.ui-ooMenu {
|
||||
border-color: var( --border-color-base );
|
||||
}
|
|
@ -0,0 +1,48 @@
|
|||
/*
|
||||
* Citizen
|
||||
*
|
||||
* SkinStyles for Extension:Wikibase
|
||||
* Module: jquery.wikibase.toolbar.styles
|
||||
* Version: REL1_35 7bb503b
|
||||
*
|
||||
* Date: 2022-05-11
|
||||
*/
|
||||
|
||||
/* jquery.wikibase.toolbarbutton.css */
|
||||
.wikibase-toolbarbutton-disabled a:link,
|
||||
.wikibase-toolbarbutton-disabled a:hover,
|
||||
.wikibase-toolbarbutton-disabled a:active,
|
||||
.wikibase-toolbarbutton-disabled a:visited {
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
.wikibase-toolbarbutton.ui-state-disabled.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
|
||||
opacity: var( --opacity-icon-base );
|
||||
}
|
||||
|
||||
.wikibase-toolbar-button .wb-icon {
|
||||
opacity: var( --opacity-icon-base );
|
||||
}
|
||||
|
||||
.wikibase-toolbar-button a:hover .wb-icon {
|
||||
opacity: var( --opacity-icon-base--hover );
|
||||
}
|
||||
|
||||
.wikibase-toolbar-button.ui-state-disabled a:hover .wb-icon {
|
||||
opacity: var( --opacity-base--disabled );
|
||||
}
|
||||
|
||||
.skin-citizen-dark {
|
||||
// Toolbar icons
|
||||
.wikibase-toolbar-button {
|
||||
&-edit,
|
||||
&-save,
|
||||
&-remove,
|
||||
&-cancel,
|
||||
&-add {
|
||||
.wb-icon {
|
||||
filter: invert( 1 ), hue-rotate( 180deg );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
42
skinStyles/extensions/Wikibase/wikibase.client.init.less
Normal file
42
skinStyles/extensions/Wikibase/wikibase.client.init.less
Normal file
|
@ -0,0 +1,42 @@
|
|||
/*
|
||||
* Citizen
|
||||
*
|
||||
* SkinStyles for Extension:Wikibase
|
||||
* Module: wikibase.client.init
|
||||
* Version: REL1_35 7bb503b
|
||||
*
|
||||
* Date: 2022-05-11
|
||||
*/
|
||||
|
||||
// Needed for more specificity
|
||||
// The original styles have a lot of important overrides in it
|
||||
// Better safe than sorry
|
||||
.skin-citizen {
|
||||
.wb-langlinks-link > a {
|
||||
&:link,
|
||||
&:visited {
|
||||
color: var( --color-base--subtle ) !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var( --color-primary ) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.skin-citizen-dark {
|
||||
// Edit button
|
||||
.wb-langlinks-link > a {
|
||||
&:before {
|
||||
filter: invert( 1 ) hue-rotate( 180deg );
|
||||
}
|
||||
|
||||
&:link,
|
||||
&:visited {
|
||||
// Re-apply greyscale value since we use filter to override the color
|
||||
&:before {
|
||||
filter: invert( 1 ) hue-rotate( 180deg ) grayscale( 1 );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
281
skinStyles/extensions/Wikibase/wikibase.common.less
Normal file
281
skinStyles/extensions/Wikibase/wikibase.common.less
Normal file
|
@ -0,0 +1,281 @@
|
|||
/*
|
||||
* 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-base--subtle );
|
||||
}
|
||||
|
||||
.wb-entitypage .ui-state-disabled input,
|
||||
.wb-entitypage input.ui-state-disabled,
|
||||
.wb-entitypage .ui-state-disabled textarea {
|
||||
background-color: var( --color-surface-4 );
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
.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 {
|
||||
border-top-color: var( --border-color-base );
|
||||
border-bottom-color: var( --border-color-base );
|
||||
background-color: var( --color-surface-1 );
|
||||
}
|
||||
|
||||
.ui-closeable.wb-edit {
|
||||
background-color: var( --background-color-primary--hover );
|
||||
}
|
||||
|
||||
.ui-closeable.wb-error {
|
||||
background-color: var( --background-color-destructive );
|
||||
}
|
||||
|
||||
.wikibase-entityview input {
|
||||
border-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
.wb-empty {
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
.wb-entity-undefinedinfo {
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
.wikibase-statementgrouplistview .wikibase-statementlistview {
|
||||
border-color: var( --border-color-base );
|
||||
background-color: var( --color-surface-1 );
|
||||
}
|
||||
|
||||
.wikibase-statementgrouplistview :target .wikibase-statementlistview {
|
||||
outline: 2px solid var( --color-primary );
|
||||
}
|
||||
|
||||
.wikibase-statementgrouplistview .wikibase-statementlistview .wikibase-statementview:target {
|
||||
outline: 2px solid var( --color-primary );
|
||||
}
|
||||
|
||||
.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-primary--hover );
|
||||
}
|
||||
|
||||
.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-base--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-base--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-primary--hover );
|
||||
}
|
||||
|
||||
.wikibase-referenceview.wb-edit > .wikibase-referenceview-heading {
|
||||
background-color: var( --background-color-primary--hover );
|
||||
}
|
||||
|
||||
.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-primary--hover );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wb-propertypage .wikibase-propertyview-datatype {
|
||||
border-color: var( --border-color-base );
|
||||
background-color: var( --color-surface-2 );
|
||||
}
|
||||
|
||||
.wikibase-pageImage {
|
||||
border-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
/* jquery.wikibase.aliasesview.css */
|
||||
.wikibase-aliasesview li {
|
||||
border-color: var( --border-color-base );
|
||||
background-color: var( --color-surface-2 );
|
||||
}
|
||||
|
||||
/* jquery.wikibase.descriptionview.css */
|
||||
.wikibase-descriptionview .wikibase-descriptionview-input:focus {
|
||||
background-color: var( --background-color-primary--hover );
|
||||
}
|
||||
|
||||
/* 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 );
|
||||
}
|
||||
|
||||
/* 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.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-primary--hover );
|
||||
}
|
||||
|
||||
/* 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.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 );
|
||||
}
|
||||
|
||||
/* jquery.wikibase.statementgroupview.css */
|
||||
.wikibase-statementgroupview .wikibase-statementgroupview-property {
|
||||
border-color: var( --border-color-base );
|
||||
}
|
45
skinStyles/extensions/Wikibase/wikibase.mobile.less
Normal file
45
skinStyles/extensions/Wikibase/wikibase.mobile.less
Normal file
|
@ -0,0 +1,45 @@
|
|||
/*
|
||||
* Citizen
|
||||
*
|
||||
* SkinStyles for Extension:Wikibase
|
||||
* Module: wikibase.mobile
|
||||
* Version: REL1_35 7bb503b
|
||||
*
|
||||
* Date: 2022-05-11
|
||||
*/
|
||||
|
||||
/* wikibase.mobile.css */
|
||||
.wikibase-title-id {
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
.skin-citizen-dark .wikibase-toolbar-button-edit a {
|
||||
// Pencil icon
|
||||
filter: invert( 1 ) hue-rotate( 180deg );
|
||||
}
|
||||
|
||||
.wikibase-entitytermsview-heading-aliases ul {
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
.wikibase-statementgroupview {
|
||||
border-color: var( --border-color-base );
|
||||
background-color: var( --color-surface-2 );
|
||||
}
|
||||
|
||||
.wikibase-statementgroupview-property-label a,
|
||||
.wikibase-snakview-property a {
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
.wikibase-statementview div.thumb img,
|
||||
.wikibase-statementview div.thumb audio,
|
||||
.wikibase-statementview div.thumb video {
|
||||
border-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
/* jquery.wikibase.statementview.RankSelector.css */
|
||||
.skin-citizen-dark .wikibase-rankselector .ui-icon.ui-icon-rankselector {
|
||||
// Rank selector icon
|
||||
filter: invert( 1 ) hue-rotate( 180deg );
|
||||
}
|
|
@ -0,0 +1,162 @@
|
|||
/*
|
||||
* 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 );
|
||||
}
|
Loading…
Reference in a new issue