From 825d9834412e9123598cbe47fb4f8f0a18790953 Mon Sep 17 00:00:00 2001 From: Hannes Date: Sun, 29 Dec 2019 19:14:57 +0100 Subject: [PATCH 1/4] Fix broadtable not using full width --- .../extensions/SemanticMediaWiki/ext.smw.table.styles.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less index 861a9132..695fd62b 100644 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less @@ -5,6 +5,11 @@ @import '../../../resources/variables.less'; +.content table.broadtable, +.smw-ask-result table.broadtable { + display: table; +} + @media ( prefers-color-scheme: dark ) { .smw-table-header { background-color: @dark-bg-20; From 838cdfc1bb71f6d80350ab2d66ccaacd39cbb993 Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Sun, 29 Dec 2019 13:44:03 -0500 Subject: [PATCH 2/4] Attempt to clean file tree --- .../ext.CookieWarning.styles.less | 84 ---- .../Echo/ext.echo.styles.badge.less | 57 --- skinStyles/extensions/Echo/ext.echo.ui.less | 327 ------------ skinStyles/extensions/Flow/ext.flow.less | 260 ---------- .../extensions/Flow/ext.flow.styles.base.less | 58 --- skinStyles/extensions/Flow/ext.flow.ui.less | 55 -- .../extensions/MultimediaViewer/mmv.less | 55 -- .../extensions/Popups/ext.popups.main.less | 32 -- .../ext.relatedArticles.cards.less | 66 --- .../ext.relatedArticles.readMore.less | 21 - .../SemanticMediaWiki/ext.jquery.atwho.less | 49 -- .../SemanticMediaWiki/ext.libs.tippy.less | 119 ----- .../SemanticMediaWiki/ext.smw.ask.styles.less | 150 ------ .../ext.smw.browse.styles.less | 114 ----- .../ext.smw.modal.styles.less | 42 -- .../ext.smw.page.styles.less | 127 ----- .../ext.smw.special.style.less | 66 --- .../ext.smw.special.styles.less | 19 - .../SemanticMediaWiki/ext.smw.style.less | 472 ------------------ .../ext.smw.table.styles.less | 36 -- .../ext.smw.tooltip.styles.less | 24 - .../ext.smw.vtabs.styles.less | 70 --- .../SemanticMediaWiki/jquery.jsonview.less | 32 -- .../jquery.selectmenu.styles.less | 284 ----------- .../SemanticMediaWiki/smw.content.schema.less | 84 ---- .../SemanticMediaWiki/smw.jsonview.less | 22 - .../smw.special.search.styles.less | 52 -- .../SemanticMediaWiki/smw.summarytable.less | 28 -- .../smw.tableprinter.datatable.styles.less | 97 ---- .../SemanticMediaWiki/smw.tippy.less | 42 -- skinStyles/extensions/Tabber/ext.Tabber.less | 55 -- .../Translate/ext.translate.editor.less | 17 - .../extensions/Translate/ext.translate.less | 35 -- .../Translate/ext.translate.loader.less | 12 - .../Translate/ext.translate.messagetable.less | 160 ------ .../ext.translate.special.translate.less | 19 - .../ext.translate.tag.languages.less | 96 ---- .../ext.uls.common.less | 36 -- .../UniversalLanguageSelector/ext.uls.pt.less | 31 -- .../VisualEditor/ext.visualEditor.core.less | 79 --- .../echo/ext.echo.styles.badge.less | 57 --- skinStyles/extensions/echo/ext.echo.ui.less | 327 ------------ skinStyles/extensions/flow/ext.flow.less | 260 ---------- .../extensions/flow/ext.flow.styles.base.less | 58 --- skinStyles/extensions/flow/ext.flow.ui.less | 55 -- .../extensions/popups/ext.popups.main.less | 32 -- skinStyles/extensions/tabber/ext.Tabber.less | 55 -- .../translate/ext.translate.editor.less | 17 - .../extensions/translate/ext.translate.less | 35 -- .../translate/ext.translate.loader.less | 12 - .../translate/ext.translate.messagetable.less | 160 ------ .../ext.translate.special.translate.less | 19 - .../ext.translate.tag.languages.less | 96 ---- 53 files changed, 4667 deletions(-) delete mode 100644 skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less delete mode 100644 skinStyles/extensions/Echo/ext.echo.styles.badge.less delete mode 100644 skinStyles/extensions/Echo/ext.echo.ui.less delete mode 100644 skinStyles/extensions/Flow/ext.flow.less delete mode 100644 skinStyles/extensions/Flow/ext.flow.styles.base.less delete mode 100644 skinStyles/extensions/Flow/ext.flow.ui.less delete mode 100644 skinStyles/extensions/MultimediaViewer/mmv.less delete mode 100644 skinStyles/extensions/Popups/ext.popups.main.less delete mode 100644 skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less delete mode 100644 skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less delete mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.tippy.less delete mode 100644 skinStyles/extensions/Tabber/ext.Tabber.less delete mode 100644 skinStyles/extensions/Translate/ext.translate.editor.less delete mode 100644 skinStyles/extensions/Translate/ext.translate.less delete mode 100644 skinStyles/extensions/Translate/ext.translate.loader.less delete mode 100644 skinStyles/extensions/Translate/ext.translate.messagetable.less delete mode 100644 skinStyles/extensions/Translate/ext.translate.special.translate.less delete mode 100644 skinStyles/extensions/Translate/ext.translate.tag.languages.less delete mode 100644 skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less delete mode 100644 skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less delete mode 100644 skinStyles/extensions/VisualEditor/ext.visualEditor.core.less delete mode 100644 skinStyles/extensions/echo/ext.echo.styles.badge.less delete mode 100644 skinStyles/extensions/echo/ext.echo.ui.less delete mode 100644 skinStyles/extensions/flow/ext.flow.less delete mode 100644 skinStyles/extensions/flow/ext.flow.styles.base.less delete mode 100644 skinStyles/extensions/flow/ext.flow.ui.less delete mode 100644 skinStyles/extensions/popups/ext.popups.main.less delete mode 100644 skinStyles/extensions/tabber/ext.Tabber.less delete mode 100644 skinStyles/extensions/translate/ext.translate.editor.less delete mode 100644 skinStyles/extensions/translate/ext.translate.less delete mode 100644 skinStyles/extensions/translate/ext.translate.loader.less delete mode 100644 skinStyles/extensions/translate/ext.translate.messagetable.less delete mode 100644 skinStyles/extensions/translate/ext.translate.special.translate.less delete mode 100644 skinStyles/extensions/translate/ext.translate.tag.languages.less diff --git a/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less b/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less deleted file mode 100644 index be1ba87c..00000000 --- a/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less +++ /dev/null @@ -1,84 +0,0 @@ -/* - * Citizen - Cookie Warning Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mw-cookiewarning-container { - top: unset; - right: 0; - bottom: @margin-side; - margin: 0 auto; - padding: 0; - max-width: @page-width; - opacity: 1; - background: @base-20; - font-size: @content-small-text-size; - font-weight: normal; - .boxshadow(5); - - .mw-cookiewarning-text { - display: flex; - line-height: 1.4; - - > * { - display: flex; - align-items: center; - } - - span { - margin: 0; - padding: @margin-side * 0.75 @margin-side; - display: block; - flex-grow: 1; - } - - .mw-cookiewarning-dismiss { - background: @accent-50; - - &:hover { - background: @accent-10; - } - } - - > a { - background: @base-10; - - &:hover { - background: @base-0; - } - } - - a, - .mw-cookiewarning-dismiss { - margin: 0; - padding: @margin-side * 0.75 @margin-side; - height: auto; - border-radius: 0; - font-weight: normal; - line-height: 1.4; - transition: @transition-background-quick; - } - } -} - -@media only screen and ( max-width: @screen1 ) { - .mw-cookiewarning-container { - max-width: none; - bottom: 0; - } -} - -@media only screen and ( max-width: 480px ) { - .mw-cookiewarning-container .mw-cookiewarning-text { - flex-wrap: wrap; - - span, - a, - .mw-cookiewarning-dismiss { - padding: @margin-side / 2 @margin-side; - } - } -} diff --git a/skinStyles/extensions/Echo/ext.echo.styles.badge.less b/skinStyles/extensions/Echo/ext.echo.styles.badge.less deleted file mode 100644 index 3c9b3bcf..00000000 --- a/skinStyles/extensions/Echo/ext.echo.styles.badge.less +++ /dev/null @@ -1,57 +0,0 @@ -/* - * Citizen - Echo Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -// Styles for echo badges -#pt-notifications { - &-alert, - &-notice { - .mw-echo-notifications-badge { - top: -1000px; // Default was -1005px for some reason - margin: 0; - width: @icon-box-size + @icon-padding; - height: @header-height; - - &:hover, - &:focus, - &:active { - &:before { - opacity: 0.6 !important; // override all styles - } - } - - // Icon tweaks - &:before { - opacity: 0.4; - background-position: center; - transition: @transition-opacity, @transition-transform; - } - - // Badge tweaks - &:after { - background-color: @red-50; - font-size: 11px; - } - - &.mw-echo-notifications-badge-all-read { - opacity: 0.75; // 0.75 * 0.4 = 0.3 - } - } - } - - // Rotate bell - &-alert { - .mw-echo-notifications-badge { - &:hover, - &:focus, - &:active { - &:before { - transform: rotateZ( 20deg ); - } - } - } - } -} diff --git a/skinStyles/extensions/Echo/ext.echo.ui.less b/skinStyles/extensions/Echo/ext.echo.ui.less deleted file mode 100644 index 59a5e056..00000000 --- a/skinStyles/extensions/Echo/ext.echo.ui.less +++ /dev/null @@ -1,327 +0,0 @@ -/* - * Citizen - Echo Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mw-echo-ui-overlay { - z-index: 6; -} - -.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { - position: relative; - z-index: 2; - border: 0 !important; - .boxshadow(2); -} - -.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer { - border-color: @base-80 !important; -} - -.mw-echo-ui-notificationItemWidget { - max-width: 100vw; -} - -// 500px or below will break the message box, +40px margin -@media only screen and ( max-width: 540px ) { - .mw-echo-ui-notificationBadgeButtonPopupWidget-popup { - left: 0 !important; - - > .oo-ui-popupWidget-popup { - width: auto !important; - - > .oo-ui-popupWidget-body { - width: auto !important; - } - } - - > .oo-ui-popupWidget-anchor { - display: none; - } - } -} - -@media ( prefers-color-scheme: dark ) { - /** - mw.echo.ui.CrossWikiUnreadFilterWidget.less - */ - .mw-echo-ui-crossWikiNotificationItemWidget, - .mw-echo-ui-bundleNotificationItemWidget { - &-separator { - border-bottom: 1px solid @dark-bg-20; - } - - &-group { - background-color: @dark-bg-10; - } - - .mw-echo-ui-subGroupListWidget-header { - &-row-title { - color: @dark-text-80; - } - } - } - - /** - mw.echo.ui.CrossWikiNotificationItemWidget.less - */ - .mw-echo-ui-crossWikiUnreadFilterWidget { - border: 1px solid @dark-bg-30 !important; - - &-subtitle { - color: @dark-text-70; - } - } - - /** - mw.echo.ui.CrossWikiNotificationItemWidget.less - */ - .mw-echo-ui-datedSubGroupListWidget { - .mw-body-content &-title { - &-secondary { - color: @dark-text-70; - } - } - - /** - mw.echo.ui.FooterNoticeWidget.less - */ - .mw-echo-ui-footerNoticeWidget { - border-bottom: 1px solid @dark-bg-30; - } - } - - /** - mw.echo.ui.MenuItemWidget.less - */ - .mw-echo-ui-menuItemWidget { - > .oo-ui-labelElement-label { - color: @dark-text-90; - } - - &-dynamic-action { - &:hover { - background-color: @dark-bg-0; - } - - .mw-echo-ui-menuItemWidget-description { - color: @dark-text-80; - } - } - - .mw-echo-ui-actionMenuPopupWidget-menu:hover { - background-color: @dark-bg-20; - } - } - - /** - mw.echo.ui.NotificationBadgeWidget.less - */ - .mw-echo-ui-notificationBadgeButtonPopupWidget { - &-popup { - > .oo-ui-popupWidget-popup { - > .oo-ui-popupWidget-head { - border-color: @dark-bg-30; - } - - > .oo-ui-popupWidget-footer { - border-color: @dark-bg-30 !important; - - .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons { - .oo-ui-buttonElement { - &:last-child { - border-color: @dark-bg-30 !important; - } - } - } - } - } - } - } - - /** - mw.echo.ui.NotificationItemWidget.less - */ - .mw-echo-ui-notificationItemWidget { - background-color: @dark-bg-20; - border-color: @dark-bg-30; - - &:hover { - background-color: @dark-bg-30; - } - - &:last-child { - border-color: @dark-bg-30; - } - - &-unread { - background-color: @dark-bg-0; - - &:hover { - background-color: @dark-bg-10; - } - } - - &-notify { - &-description { - color: @dark-text-80; - } - } - - &-content { - &-message { - &-header { - color: @dark-text-100; - } - - &-body { - color: @dark-text-70; - } - } - - &-actions { - &-timestamp { - color: @dark-text-100; - } - } - } - - &-bundled { - .mw-echo-ui-notificationItemWidget-content { - .mw-echo-ui-notificationItemWidget { - &-content-message { - &-header { - em { - color: @dark-text-70; - } - } - } - } - } - } - } - - @-webkit-keyframes unseen-fadeout-to-unread { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-0; - } - } - - @keyframes unseen-fadeout-to-unread { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-0; - } - } - - @-webkit-keyframes unseen-fadeout-to-read { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-20; - } - } - - @keyframes unseen-fadeout-to-read { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-20; - } - } - - /** - mw.echo.ui.NotificationsInboxWidget.less - */ - .mw-echo-ui-notificationsInboxWidget { - &-toolbarWrapper { - background: @dark-bg-0 !important; - } - } - - /** - mw.echo.ui.NotificationsListWidget.less - */ - .mw-echo-ui-notificationsListWidget { - > a, - &:hover > a { - color: @dark-text-80; - } - - &:not( :hover ) a, - #p-personal &:not( :hover ) a.new { - color: @dark-text-80; - } - } - - /** - mw.echo.ui.PageNotificationsOptionWidget.less - */ - .mw-echo-ui-pageNotificationsOptionWidget { - &.oo-ui-optionWidget { - &-selected { - background-color: @dark-bg-30 !important; - } - - &-highlighted { - background-color: @dark-bg-10 !important; - color: @dark-text-100 !important; - } - } - - &-label-count { - background-color: @dark-bg-20; - color: @dark-text-80; - } - } - - /** - mw.echo.ui.PlaceholderItemWidget.less - */ - .mw-echo-ui-placeholderItemWidget { - background-color: @dark-bg-20; - } - - /** - mw.echo.ui.ToggleReadCircleButtonWidget.less - */ - .mw-echo-ui-toggleReadCircleButtonWidget { - &-circle { - &-unread { - background-color: @dark-bg-20; - border-color: @dark-bg-60; - } - } - - &:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { - &-unread { - background-color: @dark-bg-30; - } - } - } - - /** - Icons - */ - .mw-echo-ui-notificationsInboxWidget, - .mw-echo-ui-overlay { - .oo-ui-indicatorElement-indicator, - .oo-ui-iconElement-icon { - filter: invert( 1 ) hue-rotate( 180deg ); - } - } -} diff --git a/skinStyles/extensions/Flow/ext.flow.less b/skinStyles/extensions/Flow/ext.flow.less deleted file mode 100644 index 2f5768eb..00000000 --- a/skinStyles/extensions/Flow/ext.flow.less +++ /dev/null @@ -1,260 +0,0 @@ -/* - * Citizen - Flow extension - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - /** - board/topic/meta.less - */ - .flow-topic-meta { - color: @dark-text-80; - - a.expand-collapse-posts-link:not( :hover ) { - color: @dark-text-80; - } - } - - /** - board/topic/post.less - */ - .flow-post { - color: @dark-text-90; - - .flow-author { - color: @dark-text-90; - } - - .mw-content-ltr & { - .flow-replies { - border-left: 1px solid @dark-bg-30; - } - } - - .mw-content-rtl & { - .flow-replies { - border-right: 1px solid @dark-bg-30; - } - } - } - - .flow-post-meta { - color: @dark-text-70; - } - - .flow-post-meta-actions { - a { - &:after { - color: @dark-text-70; - } - } - } - - /** - board/topic/summary.less - */ - .flow-topic-summary-container { - .flow-topic-summary, - .flow-ui-editTopicSummaryWidget { - border-top: 1px solid @dark-bg-30; - - .flow-topic-summary-author { - color: @dark-text-80; - } - } - } - - /** - board/topic/titlebar.less - */ - .flow-topic-titlebar { - background-color: @dark-bg-20; - } - - .flow-moderated-topic-title { - color: @dark-text-80; - } - - /** - board/menu.less - */ - div > .flow-menu { - &.flow-menu-hoverable:hover, - &.focus { - .flow-menu-js-drop a { - border-color: transparent; - background: transparent; - background: rgba( 0, 0, 0, 0.05 ); - - .caret { - border-top-color: @dark-bg-0; - } - } - } - - ul { - background: @dark-bg-0; - border: 1px solid @dark-bg-50; - box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); - - > section:not( :first-of-type ) > li:first-of-type, - li.flow-menu-section:not( :first-of-type ) { - border-top: 1px solid @dark-bg-30; - } - } - - .flow-menu-js-drop { - a { - color: @dark-text-80; - } - } - } - - /** - board/moderated.less - */ - .flow-topic-moderatestate-lock { - .flow-topic-titlebar { - background-color: @dark-bg-10; - } - } - - .flow-post-moderated .flow-author a, - .flow-moderated-post-content { - color: @dark-text-80; - } - - /** - board/navigation.less - */ - .flow-board-navigation { - .flow-board-navigation-inner { - border-bottom: 1px solid @dark-bg-30; - } - - a { - &:link, - &:visited { - color: @dark-text-80; - } - - &:hover, - &:focus, - &.flow-board-navigator-link-highlight { - color: @dark-text-100; - } - } - - &.flow-board-navigation-affixed { - background: @dark-bg-0; - } - } - - /** - board/replycount.less - */ - .flow-reply-count { - /* color: @dark-bg-30; */ - - .flow-reply-count-number { - color: @dark-text-80; - } - } - - /** - board/terms-of-use.less - */ - .flow-terms-of-use { - color: @dark-text-80; - } - - /** - mediawiki.ui/forms.less - */ - .flow-ui-input-replacement-anchor.mw-ui-input { - color: @dark-text-70; - } - - /** - mediawiki.ui/modal.less - */ - .flow-ui-modal { - background: fade( @dark-bg-0, 75% ); - } - - .flow-ui-modal-layout { - background: @dark-bg-0; - box-shadow: 0 4px 0 0 @dark-bg-30, 0 0 0 1px @dark-bg-30; - color: @dark-text-90; - } - - .flow-ui-modal-heading { - color: @dark-text-90; - border-bottom: 1px solid @dark-bg-30; - } - - .flow-ui-modal-heading-prev { - border-right: 1px solid @dark-bg-30; - color: @dark-text-80; - } - - .flow-ui-modal-heading-next { - border-left: 1px solid @dark-bg-30; - color: @dark-text-80; - } - - /** - mediawiki.ui/tooltips.less - */ - .flow-ui-tooltip { - background-color: @dark-bg-0; - color: @dark-text-90; - - .flow-ui-tooltip-triangle { - &:after { - background: @dark-bg-0; - } - } - - &.flow-ui-tooltip-up { - .flow-ui-tooltip-triangle { - &:after { - - /* @noflip */ - .box-shadow( ~'0 0 1px 0 @{dark-bg-30}' ); - } - } - } - - &.flow-ui-tooltip-down { - .flow-ui-tooltip-triangle { - &:after { - /* @noflip */ - .box-shadow( ~'0 -1.5px 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); - } - } - } - - // triangle at left - &.flow-ui-tooltip-left { - .flow-ui-tooltip-triangle { - &:after { - /* @noflip */ - .box-shadow( ~'1.5px 0 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); - } - } - } - - // triangle at right - &.flow-ui-tooltip-right { - .flow-ui-tooltip-triangle { - &:after { - /* @noflip */ - .box-shadow( ~'0 1.5px 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); - } - } - } - } -} diff --git a/skinStyles/extensions/Flow/ext.flow.styles.base.less b/skinStyles/extensions/Flow/ext.flow.styles.base.less deleted file mode 100644 index 6de8f42f..00000000 --- a/skinStyles/extensions/Flow/ext.flow.styles.base.less +++ /dev/null @@ -1,58 +0,0 @@ -/* - * Citizen - Flow Styles Base - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .flow-component { - .flow-list { - li:hover { - background: @dark-bg-20; - } - } - } - - .flow-revision-content { - background-color: @dark-bg-20; - color: @dark-text-70; - } - - .flow-no-more, - .flow-undo { - color: @dark-text-70; - } - - .flow-ui-boardDescriptionWidget-editButton.oo-ui-widget.oo-ui-buttonElement .oo-ui-buttonElement-button { - border-color: transparent; - } - - .flow-component.flow-board-page { - .flow-board-header { - background-color: @dark-bg-10; - box-shadow: -2px 0 0 0 rgba( 0, 0, 0, 0.1 ); - } - } - - .flow-component.flow-board-page.flow-full-height-side-rail { - .flow-board-header:before { - background-color: @dark-bg-10; - box-shadow: -2px 0 0 0 rgba( 0, 0, 0, 0.1 ); - } - } - - .flow-component { - .mw-ui-icon-before:before, - .oo-ui-indicatorElement-indicator, - .oo-ui-iconElement-icon { - filter: invert( 1 ) hue-rotate( 180deg ); - } - - .flow-menu { - .mw-ui-button.mw-ui-quiet { - color: @dark-text-90; - } - } - } -} diff --git a/skinStyles/extensions/Flow/ext.flow.ui.less b/skinStyles/extensions/Flow/ext.flow.ui.less deleted file mode 100644 index 9a0fc192..00000000 --- a/skinStyles/extensions/Flow/ext.flow.ui.less +++ /dev/null @@ -1,55 +0,0 @@ -/* - * Citizen - Flow UI - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - /** - mw.flow.ui.NavigationWidget.less - */ - .flow-ui-navigationWidget { - border-bottom: 1px solid @dark-bg-30; - - &-affixed { - background: @dark-bg-0; - } - } - - /** - mw.flow.ui.EditorWidget.less - */ - .flow-ui-editorWidget > .flow-ui-editorWidget-editor { - background-color: @dark-bg-10; - border-color: @dark-bg-30; - } - - /** - mw.flow.ui.TopicMenuSelectWidget.less - */ - .flow-ui-topicMenuSelectWidget { - &-locked, - &-locked:hover { - color: @dark-text-70; - } - border-color: @dark-bg-30; - - &::-webkit-scrollbar-thumb { - border: 2px solid @dark-bg-0; - } - - &::-webkit-scrollbar-track { - background-color: @dark-bg-0; - } - } - - /** - mw.flow.ui.TopicTitleWidget.less - */ - .flow-ui-topicTitleWidget { - &-termsLabel { - color: @dark-text-80; - } - } -} diff --git a/skinStyles/extensions/MultimediaViewer/mmv.less b/skinStyles/extensions/MultimediaViewer/mmv.less deleted file mode 100644 index aafddd05..00000000 --- a/skinStyles/extensions/MultimediaViewer/mmv.less +++ /dev/null @@ -1,55 +0,0 @@ -/* - * Citizen - MultimediaViewer Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mw-mmv-image-metadata { - border-color: @base-80; -} - -.mw-mmv-stripe-button.mw-mmv-description-page-button, -.mw-mmv-stripe-button.mw-mmv-description-page-button:active, -.mw-mmv-stripe-button.mw-mmv-description-page-button:visited { - margin: 0; - padding: 18px 16px; - border-radius: 0; - font-size: @ui-menu-text; -} - -@media only screen and ( max-width: 560px ) { - .mw-mmv-image-metadata-links-column { - width: auto; // Fix mobile bouncing - float: none; - } - - .mw-mmv-untruncated { - .mw-mmv-image-metadata-desc-column, - .mw-mmv-image-metadata-links-column { - width: auto; - max-width: none; - } - } -} - -@media ( prefers-color-scheme: dark ) { - .mw-mmv-post-image { - background-color: @dark-bg-0; - color: @dark-text-100; - } - - .mw-mmv-image-metadata { - background-color: @dark-bg-10; - border-color: @dark-bg-20; - } - - .mw-mmv-credit { - color: @dark-text-90; - } - - .mw-mmv-image-links li { - color: @dark-text-80; - } -} diff --git a/skinStyles/extensions/Popups/ext.popups.main.less b/skinStyles/extensions/Popups/ext.popups.main.less deleted file mode 100644 index e7009214..00000000 --- a/skinStyles/extensions/Popups/ext.popups.main.less +++ /dev/null @@ -1,32 +0,0 @@ -/* - * Citizen - Popups Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mwe-popups { - border: 0; - border-radius: 0; - .boxshadow(4); -} - -@media ( prefers-color-scheme: dark ) { - .mwe-popups { - background: @dark-bg-50; - - &.mwe-popups-image-tri:after { - border-color: @dark-bg-50; - } - - .mwe-popups-container, - .mwe-popups-extract { - color: @dark-text-90; - } - - .mwe-popups-extract[ dir='ltr' ]:after { - background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-50 50% ); - } - } -} diff --git a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less deleted file mode 100644 index 697f55f9..00000000 --- a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less +++ /dev/null @@ -1,66 +0,0 @@ -/* - * Citizen - Related Articles Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.ext-related-articles-card-list { - margin-top: 0; - padding-top: @content-margin-top; // Give room for shadows and translate - overflow: visible; // Show shadow - - .ext-related-articles-card { - border: 1px solid @base-80 !important; - border-radius: 0 !important; - .boxshadow(1); - transition: @transition-transform-quick; - - &:hover { - .boxshadow(3); - transform: translateY( -2px ); - } - - > a:hover { - box-shadow: none; - } - } -} - -.ext-related-articles-card-extract:after { - content: ''; - position: absolute; - right: 0; - bottom: 0; - width: 10%; - height: 1em; - background: linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); -} - -@media ( prefers-color-scheme: dark ) { - .ext-related-articles-card-list { - .ext-related-articles-card { - border-color: @dark-bg-40 !important; - background-color: @dark-bg-30; - } - - .ext-related-articles-card-thumb { - background-color: @dark-bg-10; - } - - h3 { - &:after { - background: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-30 50% ); - } - - a { - color: @dark-text-100; - } - } - } - - .ext-related-articles-card-extract:after { - background: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-30 50% ); - } -} diff --git a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less deleted file mode 100644 index 0b93261f..00000000 --- a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less +++ /dev/null @@ -1,21 +0,0 @@ -/* - * Citizen - Related Articles Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -.read-more-container { - margin: 0 auto; - max-width: @footer-width; -} - -.ra-read-more { - padding: @margin-side; - - h2 { - margin: 0; - padding: 0; - font-size: @content-caption-size; // In line with other styles - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less b/skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less deleted file mode 100644 index 5fd5c15d..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less +++ /dev/null @@ -1,49 +0,0 @@ -/* - * Citizen - SMW jQuery AtWho - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .atwho-view { - background: @dark-bg-0; - color: #6f8092; - border: 1px solid @dark-bg-20; - box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 ); - } - - .atwho-view .atwho-header { - border-bottom: solid 1px @dark-bg-20; - color: #6f8092; - } - - .atwho-view .atwho-header .small { - color: #6f8092; - } - - .atwho-view .cur { - background: @dark-bg-20; - color: #6f8092; - } - - .atwho-view .cur small { - color: @dark-text-100; - } - - .atwho-view strong { - color: #39f; - } - - .atwho-view .cur strong { - color: #39f; - } - - .atwho-view ul li { - border-bottom: 1px solid @dark-bg-20; - } - - .atwho-view small { - color: @dark-text-70; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less b/skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less deleted file mode 100644 index 28818a2c..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less +++ /dev/null @@ -1,119 +0,0 @@ -/* - * Citizen - SMW Lib Tippy - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - /** - tippy.css - */ - .tippy-tooltip { - color: @dark-text-100; - background-color: #333; - } - - /** - light-border.css - */ - .tippy-tooltip.light-border-theme { - background-color: @dark-bg-0; - border: 1px solid rgba( 0, 8, 16, 0.15 ); - color: @dark-text-90; - box-shadow: 0 3px 14px -0.5px rgba( 0, 8, 16, 0.08 ); - } - - .tippy-tooltip.light-border-theme .tippy-backdrop { - background-color: @dark-bg-0; - } - - .tippy-tooltip.light-border-theme .tippy-roundarrow { - fill: @dark-bg-0; - } - - .tippy-tooltip.light-border-theme .tippy-roundarrow:after { - fill: rgba( 0, 8, 16, 0.15 ); - } - - .tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow { - border-top-color: @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow:after { - border-top: 7px solid @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow:before { - border-top: 7px solid rgba( 0, 8, 16, 0.2 ); - } - - .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow { - border-bottom-color: @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow:after { - border-bottom: 7px solid @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow:before { - border-bottom: 7px solid rgba( 0, 8, 16, 0.2 ); - } - - .tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow { - border-left-color: @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow:after { - border-left: 7px solid @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow:before { - border-left: 7px solid rgba( 0, 8, 16, 0.2 ); - } - - .tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow { - border-right-color: @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow:after { - border-right: 7px solid @dark-bg-0; - } - - .tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow:before { - border-right: 7px solid rgba( 0, 8, 16, 0.2 ); - } - - /** - light.css - */ - .tippy-tooltip.light-theme { - color: @dark-text-90; - box-shadow: 0 0 20px 4px rgba( 154, 161, 177, 0.15 ), 0 4px 80px -8px rgba( 36, 40, 47, 0.25 ), 0 4px 4px -2px rgba( 91, 94, 105, 0.15 ); - background-color: @dark-bg-0; - } - - .tippy-tooltip.light-theme[ x-placement^='top' ] .tippy-arrow { - border-top: 8px solid @dark-bg-0; - } - - .tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow { - border-bottom: 8px solid @dark-bg-0; - } - - .tippy-tooltip.light-theme[ x-placement^='left' ] .tippy-arrow { - border-left: 8px solid @dark-bg-0; - } - - .tippy-tooltip.light-theme[ x-placement^='right' ] .tippy-arrow { - border-right: 8px solid @dark-bg-0; - } - - .tippy-tooltip.light-theme .tippy-backdrop { - background-color: @dark-bg-0; - } - - .tippy-tooltip.light-theme .tippy-roundarrow { - fill: @dark-bg-0; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less deleted file mode 100644 index 913b1113..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less +++ /dev/null @@ -1,150 +0,0 @@ -/* - * Citizen - SMW Special Ask - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-ask-toplinks { - background-color: @dark-bg-10; - } - - .smw-ask-toplinks-edit { - border-right: 3px solid @dark-bg-0; - } - - .smw-ask-condition fieldset, - .smw-ask-printhead fieldset { - border: 1px solid @dark-bg-50; - } - - .smw-ask-query .smw-table-row .smw-table-cell { - border: 1px solid @dark-bg-50; - } - - .smw-ask-options-row-odd { - background: @dark-bg-20; - } - - .smw-ask-options-row-even { - background: @dark-bg-0; - } - - .smw-ask-button { - color: @dark-text-80; - border: 1px solid @dark-bg-20; - } - - .smw-ask-button-submit input { - border: 1px solid @dark-bg-10; - background-color: @dark-bg-20; - color: @dark-text-70; - } - - .smw-ask-button-submit input:hover { - background-color: @dark-bg-30; - border-color: @dark-bg-20; - } - - .smw-ask-button-right { - color: @dark-text-80; - border: 1px solid @dark-bg-20; - } - - .smw-ask-button:hover { - background-color: @dark-bg-10; - } - - .smw-ask-button input { - color: @dark-text-100 !important; - } - - .smw-ask-button-lblue { - color: @dark-text-100; - background-color: #5bc0de; - border-color: #46b8da; - } - - .smw-ask-button-lblue:hover { - background-color: #31b0d5; - border-color: #269abc; - } - - .smw-ask-button-dblue { - color: @dark-text-100; - background-color: #337ab7; - border-color: #2e6da4; - } - - .smw-ask-button-dblue:hover { - background-color: #286090; - border-color: #204d74; - } - - .smw-ask-button-lgrey { - background-color: @dark-bg-20; - border-color: @dark-bg-30; - } - - .smw-ask-button-lgrey:hover { - background-color: @dark-bg-30; - border-color: @dark-bg-30; - } - - .smw-ask-button a, - .smw-ask-button a:hover, - .smw-ask-button a:focus, - .smw-ask-button a:active, - .smw-ask-button a:visited { - color: @dark-text-80; - } - - .smw-ask-button-lblue a, - .smw-ask-button-lblue a:hover, - .smw-ask-button-lblue a:focus, - .smw-ask-button-lblue a:active, - .smw-ask-button-lblue a:visited { - color: @dark-text-100; - } - - .smw-ask-button-dblue a, - .smw-ask-button-dblue a:hover, - .smw-ask-button-dblue a:focus, - .smw-ask-button-dblue a:active, - .smw-ask-button-dblue a:visited { - color: @dark-text-100; - } - - .smw-ask-search fieldset, - .smw-ask-format fieldset, - .smw-ask-options fieldset { - border: 1px solid @dark-bg-50; - } - - .strike > span:before, - .strike > span:after { - background: @dark-bg-50; - } - - .smw-ask-sort-input input, - .smw-propertysubject-input { - border: 1px solid @dark-bg-50; - } - - #options-toggle:not( :checked ) + #options-list .options-parameter-list:after { - background-image: linear-gradient( to bottom, rgba( 0, 0, 0, 0 ), @dark-bg-0 90% ); - } - - .slowfade textarea::placeholder { - color: @dark-text-60; - } - - .export-links li { - border-left: 1px solid @dark-bg-50; - } - - .smw-tabs input.nav-tab:checked + label.nav-label.result-cache { - border-top: 2px solid @yellow-50; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less deleted file mode 100644 index ce9540f7..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less +++ /dev/null @@ -1,114 +0,0 @@ -/* - * Citizen - SMW Browse - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smwb-factbox { - border-left: 0.5em solid @dark-bg-20; - } - - .smwb-factbox .smwb-cell { - border: 0 solid @dark-bg-50; - border-top: 2px solid @dark-bg-0; - } - - .smwb-cell-empty { - border-left: 0.5em solid @dark-bg-20; - } - - .smwb-prophead { - background-color: @dark-bg-20; - } - - .smwb-title { - background-color: @dark-bg-20; - } - - .smwb-propvalue { - background-color: @dark-bg-10; - } - - .smwb-propvalue .smwb-prophead { - background-color: @dark-bg-20; - } - - .smwb-propvalue .smwb-propval { - background-color: @dark-bg-10; - } - - .smwb-center, - .smwb-actions { - background-color: @dark-bg-20; - } - - .smwb-bottom { - border-bottom: 2px solid @dark-bg-0; - } - - .smwb-ifactbox { - border-right: 0.5em solid @dark-bg-20; - } - - .smwb-ifactbox .smwb-cell { - border: 0 solid @dark-bg-50; - border-top: 2px solid @dark-bg-0; - } - - .smwb-ititle { - background-color: @dark-bg-20; - } - - .smwb-ititle td { - border-bottom: 2px solid @dark-bg-0; - } - - .smwb-ipropvalue { - background-color: @dark-bg-10; - } - - .smwb-ipropvalue .smwb-prophead { - background-color: @dark-bg-20; - } - - .smwb-ipropvalue .smwb-propval { - background-color: @dark-bg-10; - } - - .smwb-input .mw-ui-input:focus { - box-shadow: inset 0 0 0 1px @dark-bg-20; - border-color: @dark-bg-20; - } - - .smwb-action-separator { - border-left: 1px solid @dark-bg-60; - } - - .smwb-theme-light .smwb-factbox { - border-left: 0.5em solid @dark-bg-30; - } - - .smwb-theme-light .smwb-ifactbox { - border-right: 0.5em solid @dark-bg-30; - } - - .smwb-theme-light .smwb-title, - .smwb-theme-light .smwb-center, - .smwb-theme-light .smwb-actions, - .smwb-theme-light .smwb-prophead { - background-color: @dark-bg-20; - } - - .smwb-theme-light .smwb-propval { - background-color: @dark-bg-10; - } - - @media screen and ( max-width: 800px ) { - .smwb-group .smwb-propval, - .smwb-group .smwb-theme-light .smwb-propval { - background-color: @dark-bg-20; - } - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less deleted file mode 100644 index 6f631e36..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less +++ /dev/null @@ -1,42 +0,0 @@ -/* - * Citizen - SMW Modal - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-modal { - background-color: rgba( 0, 0, 0, 0.23 ); /* Black w */ - } - - .smw-modal-title { - color: @dark-text-90 !important; - } - - .smw-modal-content { - background-color: @dark-bg-0 !important; - border: 1px solid @dark-bg-20 !important; - box-shadow: 0 0 18px rgba( 27, 31, 35, 0.4 ) !important; - } - - .smw-modal-close:hover, - .smw-modal-close:focus { - color: @dark-text-100 !important; - } - - .smw-modal-header { - border-bottom: 1px solid @dark-bg-20 !important; - background-color: @dark-bg-10 !important; - } - - .smw-modal-header h2 { - border-bottom: 0 solid @dark-bg-50 !important; - color: @dark-text-100 !important; - } - - .smw-modal-footer { - background-color: @green-50; - color: @dark-text-100; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less deleted file mode 100644 index 3a572af8..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less +++ /dev/null @@ -1,127 +0,0 @@ -/* - * Citizen - SMW Special Ask - * https://starcitizen.tools - * TODO CHECK 'smw/ext.smw.table.css' -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-property-page-content-line { - border-bottom: 1px solid @dark-bg-20; - } - - .smw-property-page-results .value-row:hover { - background-color: @dark-bg-10; - } - - .smw-property-page-results .header-row > .header-title { - border-bottom: 1px solid @dark-bg-20; - } - - .smw-ui-pagination .page-link { - color: #007bff; - background-color: @dark-bg-0; - border: 1px solid @dark-bg-20; - } - - .smw-ui-pagination .page-link:hover { - color: #0056b3; - background-color: @dark-bg-20; - border-color: @dark-bg-30; - } - - .smw-ui-pagination .page-link.link-disabled { - color: @dark-text-70; - background-color: @dark-bg-0; - border-color: @dark-bg-20; - } - - .smw-ui-pagination .page-link.link-active { - color: @dark-text-100; - background-color: #007bff; - border-color: #007bff; - } - - .smw-property-page-results .header-title { - color: @dark-text-80; - background-color: @dark-bg-0; - } - - .list-pager-value-filter input { - color: @dark-text-90; - background-color: @dark-bg-0; - border: 1px solid @dark-bg-20; - } - - .smw-ui-input-filter { - color: #007bff; - background-color: @dark-bg-0; - border: 1px solid @dark-bg-20; - } - - .smw-ui-input-filter input { - border: 0 solid @dark-bg-20 !important; - border-left: 1px solid @dark-bg-20 !important; - color: @dark-text-80 !important; - } - - .smw-property-page-results .header-title { - border-bottom: 1px solid @dark-bg-20; - } - - .smw-property-page-results.legacy .header-title { - border-bottom: 0 solid @dark-bg-20; - } - - .usage-count, - .item-count { - background-color: rgba( 27, 31, 35, 0.04 ); - color: @dark-text-70; - } - - #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 { - background-color: rgba( 27, 31, 35, 0.08 ); - color: #444d56; - } - - #tab-smw-property-value:checked + label.nav-label .usage-count.moderate, - #tab-smw-concept-list:checked + label.nav-label .usage-count.moderate { - background-color: rgba( 43, 157, 239, 0.18 ); - color: #444d56; - } - - #tab-smw-property-value:checked + label.nav-label .usage-count.high, - #tab-smw-concept-list:checked + label.nav-label .usage-count.high { - background-color: rgba( 186, 0, 0, 0.16 ); - color: #444d56; - } - - .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: 2px solid @red-50; - } - - .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: 2px solid @yellow-50; - } - - .smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label { - border-top: 2px solid @accent-50; - } - - @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: 1px solid @dark-bg-20; - } - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less deleted file mode 100644 index 36690c4a..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less +++ /dev/null @@ -1,66 +0,0 @@ -/* - * Citizen - SMW Special Admin - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-admin-deprecation-notice-docu-section { - background-color: #fcf8e3; - border-color: #faf2cc; - color: #8a6d3b; - } - - .smw-admin-deprecation fieldset { - border-top: 1px solid @dark-bg-50; - } - - .smw-admin-hr { - background-color: @dark-bg-20; - } - - .smw-special-filter-button { - color: @dark-text-80; - border: 1px solid @dark-bg-20; - } - - .smw-special-filter-button:hover { - background-color: @dark-bg-10; - } - - .smw-special-filter-button a, - .smw-special-filter-button a:hover, - .smw-special-filter-button a:focus, - .smw-special-filter-button a:active, - .smw-special-filter-button a:visited { - color: @dark-text-80; - } - - .smw-admin section { - border: 0 solid @dark-bg-50; - } - - .smw-admin input.nav-tab:checked + label.nav-label { - border: 1px solid @dark-bg-50; - border-top: 2px solid @yellow-50; - border-bottom: 1px solid @dark-bg-0; - } - - .smw-admin input.nav-tab:checked + label.nav-label.smw-tab-warning { - border-top: 2px solid @red-50; - } - - .client-nojs .smw-admin-supplementary-duplookup-content:after { - color: @red-50; - background-color: @dark-bg-20; - } - - .smw-admin h3, - .smw-admin h4, - h3.smw-title, - h4.smw-title, - h3 .smw-title { - background: @dark-bg-10; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less deleted file mode 100644 index 39ab0329..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less +++ /dev/null @@ -1,19 +0,0 @@ -/* - * Citizen - SMW Special Preferences - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - fieldset#mw-prefsection-smw-general-options, - fieldset#mw-prefsection-smw-ask-options, - fieldset#mw-prefsection-smw-srf { - border: 0 solid @accent-10; - border-top: 1px solid @dark-bg-20; - } - - #mw-prefsection-smw .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label { - color: @dark-text-70; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less deleted file mode 100644 index 5377f41d..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less +++ /dev/null @@ -1,472 +0,0 @@ -/* - * Citizen - SMW - * https://starcitizen.tools - * - * 'smw/ext.smw.css' - * 'smw/ext.smw.dropdown.css' - * 'smw/ext.smw.table.css' - * 'smw/ext.smw.tabs.css' - * 'smw/factbox/smw.factbox.css' - * 'smw/smw.indicators.css' -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - /** - smw/ext.smw.css - */ - .smw-placeholder { - background-color: @dark-bg-10; - } - - .client-nojs .smw-placeholder:after { - color: @red-50; - } - - .smw-personal-jobqueue-watchlist:hover, - .smw-personal-jobqueue-watchlist:focus, - .smw-personal-jobqueue-watchlist:active { - color: @accent-50; - } - - .item-count { - color: @dark-text-60; - } - - .item-count.active { - background-color: rgba( 27, 31, 35, 0.08 ); - color: @dark-text-80; - } - - .smwpre { - border: 1px dashed @accent-50; - color: @dark-text-100; - background-color: @dark-bg-10; - } - - .smw-debug-box { - border: 5px dotted @yellow-50; - background: @yellow-90; - } - - .smw-debug-box-header { - border-bottom: 1px dotted @yellow-50; - } - - div.smwtimeline { - border: 1px solid @dark-bg-50; - background-color: @dark-bg-10; - } - - .smwtable-striped tbody > tr:nth-child( even ) { - background-color: @dark-bg-10; - } - - .smwtable-striped tbody > tr:nth-child( odd ) { - background-color: @dark-bg-0; - } - - .smwtable-striped tbody > tr:hover { - background-color: @dark-bg-20; - } - - .smwtable-clean tr { - border-top: 1px solid @dark-bg-20; - } - - .smwtable-clean tr > th { - border-top: 1px solid @dark-bg-20; - } - - .smwtable-clean tr > td { - border-top: 1px solid @dark-bg-20; - } - - .smwtable-clean tbody > tr:nth-child( even ) { - background-color: @dark-bg-10; - } - - div.smwhr hr { - background-color: @dark-bg-20; - color: @dark-text-80; - } - - span.smwwarning { - color: @dark-text-60; - } - - span.smwsearchicon { - color: @dark-text-60; - } - - #bodyContent span.smwsearch a { - color: @dark-text-70; - } - - #bodyContent span.smwsearch a:hover { - color: @dark-text-60; - } - - #bodyContent span.smwbrowse a { - color: @dark-text-70; - } - - #bodyContent span.smwbrowse a:hover { - color: @dark-text-60; - } - - .concept-documenation { - border-top: 1px dotted @dark-bg-50; - } - - hr.smw-form-horizontalrule { - background-color: @dark-bg-20; - } - - .smw-horizontalrule { - border-bottom: 1px solid @dark-bg-20; - } - - .smw-editpage-help { - background-color: @dark-bg-20; - border: 1px solid @dark-bg-30; - } - - .smw-column-header { - color: @dark-text-100; - } - - .smw-note { - background-color: @dark-bg-10; - } - - .smw-callout-info { - background: #d9edf7; - border-left: 5px solid #1b809e; - } - - .smw-callout-info .title { - color: #1b809e; - } - - .smw-callout-info-light { - background: @dark-bg-10; - border-left: 5px solid @dark-bg-20; - } - - .smw-callout-info-light .title { - color: #1b809e; - } - - .smw-callout-warning { - background: @yellow-90; - border-left: 5px solid #aa6708; - color: @dark-text-60; - } - - .smw-callout-warning .title { - color: #aa6708; - } - - .smw-callout-success { - background: #dff0d8; - border-left: 5px solid #3c763d; - } - - .smw-callout-success .title { - color: #3c763d; - } - - .smw-callout-error { - background: #f2dede; - border-left: 5px solid #ce4844; - } - - .autocomplete-suggestions { - background: @dark-bg-0; - border: 1px solid @dark-bg-20; - box-shadow: rgba( 0, 0, 0, 0.1 ) 0 0 5px; - color: #6f8092; - } - - .autocomplete-suggestion { - border-bottom: 1px solid @dark-bg-20; - } - - .autocomplete-selected { - background: @dark-bg-20; - } - - .autocomplete-suggestions strong { - color: @accent-50; - } - - .autocomplete-group strong { - border-bottom: 1px solid @dark-bg-0; - } - - .autocomplete-arrow-light { - background-image: linear-gradient( 45deg, transparent 50%, @dark-bg-30 50% ), linear-gradient( 135deg, @dark-bg-30 50%, transparent 50% ), linear-gradient( to right, @dark-bg-0, @dark-bg-0 ); - } - - .smw-breadcrumb-link { - color: @dark-text-70; - } - - .smw-breadcrumb-arrow-right { - border-left: 5px solid @dark-bg-50; - } - - .smw-ask-action-btn-lgrey, - a.smw-ask-action-btn-lgrey:visited, - .smw-action-btn-lgrey, - .smw-action-btn-lgrey:visited { - color: @dark-text-90; - background-color: @dark-bg-20; - border-color: @dark-bg-20; - text-decoration: none; - } - - a.smw-ask-action-btn-lgrey:hover, - .smw-action-btn-lgrey:hover { - color: @dark-text-90; - background-color: @dark-bg-20; - border-color: @dark-bg-20; - } - - .smw-ask-action-btn-lblue, - a.smw-ask-action-btn-lblue:visited { - color: @dark-text-100; - background-color: #5bc0de; - border-color: #46b8da; - } - - a.smw-ask-action-btn-lblue:hover { - color: @dark-text-100; - background-color: #31b0d5; - border-color: #269abc; - } - - .smw-ask-action-btn-dblue, - a.smw-ask-action-btn-dblue:visited { - color: @dark-text-100; - background-color: #337ab7; - border-color: #2e6da4; - } - - .smw-ask-action-btn-dblue:hover, - .smw-ask-action-btn-dblue:focus, - a.smw-ask-action-btn-dblue:hover, - a.smw-ask-action-btn-dblue:focus { - color: @dark-text-100; - background-color: #286090; - border-color: #204d74; - } - - .smw-page-indicator { - color: @dark-text-90; - border-color: @dark-bg-20; - } - - .smw-protection-indicator { - color: @dark-text-90; - } - - .smw-protection-indicator.with-border { - border-color: @dark-bg-20; - } - - .smw-page-indicator.usage-count.moderate { - background-color: #f2d29b; - border: 1px solid #f2d29b; - color: #aa4c2c; - } - - .smw-page-indicator.usage-count.high { - background-color: #ff887f; - border: 1px solid #ffb79e; - color: #800000; - } - - .smw-admin-circle-orange { - background: #ffa500; - } - - .smw-overlay-spinner.mini { - border-left: 3px solid rgba( 0, 174, 239, 0.15 ); - border-right: 3px solid rgba( 0, 174, 239, 0.15 ); - border-bottom: 3px solid rgba( 0, 174, 239, 0.15 ); - border-top: 3px solid rgba( 0, 174, 239, 0.8 ); - } - - .smw-overlay-spinner { - border-left: 6px solid rgba( 0, 174, 239, 0.15 ); - border-right: 6px solid rgba( 0, 174, 239, 0.15 ); - border-bottom: 6px solid rgba( 0, 174, 239, 0.15 ); - border-top: 6px solid rgba( 0, 174, 239, 0.8 ); - } - - .ns-112.action-submit .error { - color: #721c24; - background: #f2dede; - border-left: 5px solid #ce4844; - } - - .ns-112.action-submit .error:before { - color: #721c24; - } - - /** - smw/ext.smw.dropdown.css - */ - .smw-dropdown > a, - .smw-dropdown > button { - background-color: @dark-bg-0; - border: 1px solid @dark-bg-30; - color: @dark-text-100; - } - - .smw-dropdown > a:before, - .smw-dropdown > button:before { - border-top: 5px solid @dark-bg-0; - } - - .smw-dropdown .smw-dropdown-menu { - border: 1px solid @dark-bg-30; - background-color: @dark-bg-0; - box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.175 ); - } - - .smw-dropdown .smw-dropdown-menu li:hover { - background-color: @dark-bg-10; - } - - .smw-dropdown .smw-dropdown-menu li a { - color: @dark-text-100; - } - - .smw-dropdown .smw-dropdown-menu .divider { - background-color: @dark-bg-20; - } - - .smw-dropdown-menu:before { - border-bottom-color: rgba( 27, 31, 35, 0.15 ); - } - - .smw-dropdown-menu:before { - border-bottom-color: rgba( 27, 31, 35, 0.15 ); - } - - .smw-dropdown-menu:after { - border-bottom-color: @dark-bg-0; - } - - /** - smw/ext.smw.tabs.css - */ - .smw-tabs section, - .smw-tabs .subtab-content { - border-top: 1px solid @dark-bg-20; - } - - .smw-tabs label.nav-label { - color: @dark-text-60; - } - - .smw-tabs label.nav-label:hover { - color: @dark-text-60; - } - - .smw-tabs input.nav-tab:checked + label.nav-label { - color: @dark-text-90; - border: 1px solid @dark-bg-20; - border-top: 2px solid #337ab7; - border-bottom: 1px solid @dark-bg-0; - } - - .smw-tabs input.nav-tab:checked + label.nav-label.cached { - border-top: 2px solid @yellow-30; - } - - @media screen and ( max-width: 800px ) { - .smw-tabs input.nav-tab:checked + label.nav-label { - background-color: @dark-bg-10; - } - } - - /** - smw/factbox/smw.factbox.css - */ - .smwfact { - background-color: @dark-bg-10; - border: 1px solid @dark-bg-50; - } - - .smwfact td, - .smwfact tr, - .smwfact table { - background-color: @dark-bg-10; - } - - .smwfact .smwfacttable { - border-top: 1px dotted @dark-bg-50; - } - - .smwfact .smw-table-row:nth-child( odd ) { - background-color: @dark-bg-10; - } - - .smwfact .smw-table-row:nth-child( even ) { - background-color: @dark-bg-0; - } - - .rdflink a { - color: @dark-text-60; - } - - .rdflink a:hover { - color: @accent-50; - } - - .smw-factbox section { - border: 1px solid @dark-bg-50; - } - - .smw-factbox input.nav-tab:checked + label.nav-label { - border: 1px solid @dark-bg-50; - border-top: 2px solid @yellow-30; - border-bottom: 1px solid @dark-bg-0; - background: @dark-bg-0; - } - - .smw-factbox input.nav-tab:checked + label#tab-label-facts-attachment.nav-label { - border: 1px solid @dark-bg-50; - border-top: 2px solid #42c0fb; - border-bottom: 1px solid @dark-bg-0; - } - - .smw-factbox .smwfact { - background-color: @dark-bg-0; - } - - /** - smw/smw.indicators.css - */ - .smw-icon-indicator-placeholder { - background-color: @dark-bg-20; - } - - .smw-list-rule-title { - border-bottom: 0 solid @dark-bg-20; - color: @dark-text-100; - } - - /** - Icons - */ - .smw-icon-info, - .smw-icon-compact { - filter: invert( 1 ) hue-rotate( 180deg ); - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less deleted file mode 100644 index 861a9132..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less +++ /dev/null @@ -1,36 +0,0 @@ -/* - * Citizen - SMW Table Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-table-header { - background-color: @dark-bg-20; - } - - .smw-table-cell, - .smw-table-head { - border: 1px solid @dark-bg-50; - } - - .smw-table-header { - background-color: @dark-bg-20; - } - - .smw-table-footer { - background-color: @dark-bg-20; - } - - /** - Should probably be -50 - */ - .smw-table-sort-asc:after { - color: @dark-text-60; - } - - .smw-table-sort-desc:after { - color: @dark-text-60; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less deleted file mode 100644 index f67b02ab..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less +++ /dev/null @@ -1,24 +0,0 @@ -/* - * Citizen - SMW Util Tooltip - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - div.smwtt { - color: @dark-text-100; - } - - span.smwttpersist span.smwttcontent { - color: @dark-text-70; - } - - span.smwttactivepersist { - color: @accent-50; - } - - span.smwttactiveinline { - color: @yellow-30; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less deleted file mode 100644 index ba232670..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less +++ /dev/null @@ -1,70 +0,0 @@ -/* - * Citizen - SMW Vertical Tabs - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - div.smw-vtab-nav button { - background-color: @dark-bg-0; - color: #428bca; - } - - div.smw-vtab-nav button a { - color: #428bca; - } - - div.smw-vtab-nav.nav-right button { - border-left: 1px solid @dark-bg-20; - } - - div.smw-vtab-nav.nav-left button { - border-right: 1px solid @dark-bg-20; - } - - div.smw-vtab-nav button:hover { - background-color: @dark-bg-20; - border-color: @dark-bg-30; - } - - div.smw-vtab-nav.nav-right button:hover { - border-left: 1px solid @dark-bg-20; - } - - div.smw-vtab-nav.nav-left button:hover { - border-right: 1px solid @dark-bg-20; - } - - div.smw-vtab-nav button.active { - background-color: @dark-bg-0; - border: 1px solid @dark-bg-20; - color: @dark-text-100; - } - - div.smw-vtab-nav button.active a { - color: @dark-text-100; - } - - div.smw-vtab-nav.nav-right button.active, - div.smw-vtab-nav.nav-right button.active a { - border-color: @dark-bg-20; - } - - div.smw-vtab-nav.nav-left button.active, - div.smw-vtab-nav.nav-left button.active a { - border-color: @dark-bg-20; - } - - .smw-vtab-content { - border: 1px solid @dark-bg-30; - } - - div.smw-vtab-nav .smw-vtab-warning a { - color: @yellow-50; - } - - div.smw-vtab-nav .smw-vtab-warning.active a { - color: @yellow-30; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less b/skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less deleted file mode 100644 index 53159ec1..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less +++ /dev/null @@ -1,32 +0,0 @@ -/* - * Citizen - SMW jQuery Json View - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .jsonview .prop { - color: @dark-text-100; - } - - .jsonview .null { - color: @red-50; - } - - .jsonview .undefined { - color: @red-50; - } - - .jsonview .bool { - color: @accent-50; - } - - .jsonview .num { - color: @accent-50; - } - - .jsonview .string { - color: @green-50; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less b/skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less deleted file mode 100644 index 63621698..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less +++ /dev/null @@ -1,284 +0,0 @@ -/* - * Citizen - SMW Special Ask - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - /** - jquery/jquery.selectmenu.css - */ - .sm_target_clicked { - background-color: @dark-bg-20; - border-color: rgba( 27, 31, 35, 0.35 ); - box-shadow: inset 0 0.15em 0.3em rgba( 27, 31, 35, 0.15 ); - } - - .sm_sub_header:hover { - color: @dark-text-100 !important; - } - - .sm_sub_header button { - color: @dark-text-100; - } - - .sm_container { - border: 1px solid @dark-bg-30; - background-color: @dark-bg-10; - box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); - -moz-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); - -webkit-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); - } - - .sm_header > h3 { - color: @dark-text-90; - } - - .sm_header button { - color: @dark-text-60; - } - - .sm_header button:hover { - color: @dark-text-100; - } - - .sm_input { - background-color: @dark-bg-0; - border: 1px solid @dark-bg-20; - -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); - -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); - box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); - } - - .sm_input:focus { - border: 1px solid @dark-bg-50; - box-shadow: 0 0 0 3px rgba( 150, 150, 150, 0.2 ); - } - - div.sm_clear_btn { - color: @dark-text-70; - } - - div.sm_clear_btn:hover { - color: @dark-text-100; - } - - .sm_result_area { - background-color: @dark-bg-0; - } - - .sm_result_area.sm_list_mode { - border-top: 1px solid @dark-bg-20; - } - - div.sm_result_area.shadowDown { - box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); - -moz-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); - -webkit-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); - } - - div.sm_result_area.shadowUp { - box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); - -moz-box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); - -webkit-box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); - } - - .sm_result_tabs { - border-bottom: 1px solid @dark-bg-20; - } - - .sm_result_tabs ul li a { - color: @dark-text-70; - } - - .sm_result_tabs ul li a.active { - color: @dark-text-90; - background-color: @dark-bg-0; - border-color: @dark-bg-20; - border-bottom-color: @dark-bg-0; - } - - .sm_arrow_bottom > .sm_arrow { - border-bottom-color: @dark-bg-50; - border-bottom-color: rgba( 0, 0, 0, 0.25 ); - } - - .sm_arrow_bottom > .sm_arrow:after { - border-bottom-color: @dark-bg-0; - } - - .sm_arrow_bottom > .sm_arrow.sm_have_title:after { - border-bottom-color: @dark-bg-10; - } - - .sm_arrow_top > .sm_arrow { - border-top-color: @dark-bg-50; - border-top-color: rgba( 0, 0, 0, 0.25 ); - } - - .sm_arrow_top > .sm_arrow:after { - border-top-color: @dark-bg-0; - } - - .sm_results { - background-color: @dark-bg-0; - } - - .sm_regular .sm_results > li:hover { - background-color: #53a4ea; - color: @dark-text-100; - } - - .sm_regular .sm_results > li:hover a { - color: @dark-text-100; - } - - .sm_regular .sm_results > li.sm_disabled, - .sm_regular .sm_results > li.sm_disabled:hover, - .sm_regular .sm_results > li.sm_disabled a { - background-color: @dark-bg-0; - color: @dark-text-70; - } - - .sm_regular .sm_results > li.sm_header, - .sm_regular .sm_results > li.sm_header:hover, - .sm_regular .sm_results > li.sm_header a { - background-color: @dark-bg-0; - color: @dark-text-100; - } - - .sm_results > li { - color: @dark-text-100; - } - - .sm_results > li > a { - color: @dark-text-100; - } - - .sm_results > li.sm_divider { - border-bottom: 1px solid @dark-bg-20; - } - - ul.sm_results > li.sm_over { - background-color: #53a4ea !important; - color: @dark-text-100 !important; - } - - .sm_control_box { - background-color: @dark-bg-0; - border-top: 1px solid @dark-bg-20; - } - - .sm_control_box button { - background-color: @dark-bg-10; - color: @dark-text-80; - } - - .sm_control_box button:hover { - background-color: @dark-bg-20; - color: @dark-text-100; - } - - div.sm_container_combo { - border: 1px solid @dark-bg-30; - -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); - -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); - box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); - } - - div.sm_container_combo.sm_disabled, - div.sm_container_combo.sm_disabled ul.sm_element_box, - div.sm_container_combo.sm_disabled .sm_input { - background-color: @dark-bg-20; - } - - div.sm_container_combo.sm_container_open { - -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); - -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); - box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); - border: 1px solid #75b9f0; - } - - input.sm_combo_input[ readonly ], - input.sm_combo_input[ disabled ] { - background-color: @dark-bg-0; - } - - ul.sm_element_box li.selected_tag { - border: 1px solid @dark-bg-50; - background-color: @dark-bg-20; - box-shadow: 0 0 2px @dark-bg-0 inset, 0 1px 0 rgba( 0, 0, 0, 0.05 ); - } - - .sm_input_off { - background: @dark-bg-20; - color: @dark-text-90; - } - - .sm_navi { - background: @dark-bg-20; - border-bottom: 1px solid @accent-90; - } - - .sm_navi > p > a:link, - .sm_navi > p > a:visited, - .sm_navi > p > a:hover, - .sm_navi > p > a:active { - color: @accent-50; - } - - .sm_navi > p { - color: @dark-text-100; - } - - .sm_navi > p > a > .current { - color: @accent-10; - } - - .sm_navi > p > .page_end { - color: @dark-text-70; - } - - .sm_container > .sm_select_ng { - background: @red-90; - } - - div.sm_result_area div.pagination > ul > li > a { - background-color: @dark-bg-0; - color: @dark-text-70; - } - - div.sm_result_area div.pagination > ul > li > a:hover { - color: @dark-text-100; - background-color: @dark-bg-20; - } - - div.sm_result_area div.pagination > ul > li.disabled > a { - color: @dark-text-80; - } - - div.sm_result_area div.pagination > ul > li.disabled > a:hover { - color: @dark-text-80; - background-color: @dark-bg-0; - } - - div.sm_result_area div.pagination > ul > li.pageInfoBox > a { - color: @dark-text-70; - } - - div.sm_result_area div.pagination > ul > li.pageInfoBox > a:hover { - color: @dark-text-70; - } - - /** - smw/smw.selectmenu.css - */ - .smw-selectmenu-button { - color: @dark-text-80; - } - - .smw-selectmenu-label { - color: @dark-text-80; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less b/skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less deleted file mode 100644 index c24018e8..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less +++ /dev/null @@ -1,84 +0,0 @@ -/* - * Citizen - SMW Special Ask - * https://starcitizen.tools - * TODO CHECK 'smw/ext.smw.table.css' -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .content-highlight { - border-top: 1px solid @dark-bg-20; - border-left: 1px solid @dark-bg-20; - border-right: 1px solid @dark-bg-20; - border-bottom: 1px solid @dark-bg-20; - } - - .content-no-highlight-o { - background-color: @dark-bg-10; - border-top: 1px solid @dark-bg-20; - border-left: 1px solid @dark-bg-20; - border-right: 1px solid @dark-bg-20; - border-bottom: 1px solid @dark-bg-20; - } - - .unknown-type .content-highlight { - border-top: 1px solid @dark-bg-20; - } - - .schema-tags { - border-bottom: 1px solid @dark-bg-20; - border-left: 1px solid @dark-bg-20; - border-right: 1px solid @dark-bg-20; - background-color: @dark-bg-10; - } - - .schema-tags:first-child { - border: 1px solid @dark-bg-20; - background-color: @dark-bg-10; - } - - .schema-tags li { - border-left: 1px solid @dark-bg-50; - } - - .smw-schema-description { - color: @dark-text-70; - } - - .schema-error { - color: @red-50; - } - - h3.smw-title { - background: @dark-bg-10; - color: @dark-text-100; - } - - .smw-schema #tab-schema-usage:checked + label.nav-label .item-count { - background-color: rgba( 27, 31, 35, 0.08 ); - color: @dark-text-80; - } - - .smw-schema section { - border-top: 1px solid @dark-bg-20; - border-left: 0 solid @dark-bg-20; - border-right: 0 solid @dark-bg-20; - } - - .smw-schema input.nav-tab:checked + label.nav-label { - border: 1px solid @dark-bg-20; - border-top: 2px solid #337ab7; - border-bottom: 1px solid @dark-bg-0; - } - - .smw-schema input.nav-tab:checked + label.nav-label.error-label { - border-top: 2px solid @red-50; - } - - .schema-summary .smw-table-cell, - .smw-table-head { - border: 1px solid @dark-bg-50; - border-bottom: 1px solid @dark-bg-20; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less b/skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less deleted file mode 100644 index 7be47c97..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less +++ /dev/null @@ -1,22 +0,0 @@ -/* - * Citizen - SMW Json View - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-jsonview-button { - background-color: #337ab7; - color: @dark-text-100; - } - - .smw-jsonview-button:first-child { - border-right: 1px solid @dark-bg-0; - } - - .smw-jsonview-button:hover { - background-color: #008cba; - color: @dark-text-100; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less b/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less deleted file mode 100644 index 2291970c..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less +++ /dev/null @@ -1,52 +0,0 @@ -/* - * Citizen - SMW Special Search - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-search-results-prepend { - background-color: @dark-bg-20; - border: 1px solid rgba( 94, 157, 200, 0.25 ); - } - - .smw-text-strike > span:before, - .smw-text-strike > span:after { - background: @dark-bg-50; - } - - .smw-input { - border-bottom: 1px solid @dark-bg-20; - } - - .smw-select-field { - border-bottom: 1px solid @dark-bg-20; - } - - .smw-button-field { - color: @dark-text-70; - } - - .smw-form-link-query { - border-right: 1px solid @dark-bg-50; - } - - #smw-searchoptions { - background-color: @dark-bg-10; - border: 1px solid @dark-bg-30; - } - - #smw-searchoptions .divider { - border-bottom: 1px solid @dark-bg-20; - } - - #smw-search-synatx-list code { - background-color: #5e9dc82e; - border: 1px solid #5e9dc84a; - } - - .search-types .current a:after { - color: @dark-text-80; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less b/skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less deleted file mode 100644 index 01ac4f9d..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less +++ /dev/null @@ -1,28 +0,0 @@ -/* - * Citizen - SMW Special Ask - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-summarytable .smw-table-cell, - .smw-table-head { - border: 1px solid @dark-bg-50; - border-bottom: 1px solid @dark-bg-20; - } - - @media screen and ( max-width: 800px ) { - .smw-summarytable .smw-table-row .smwpropname { - border-bottom: 0 solid @dark-bg-20; - } - - .smw-summarytable-imagecolumn .smw-summarytable-image { - border-top: 1px solid @dark-bg-20; - } - - .smw-summarytable-columns .smw-summarytable-columns-2:first-child { - border-bottom: 1px solid @dark-bg-20; - } - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less b/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less deleted file mode 100644 index 3166fb80..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less +++ /dev/null @@ -1,97 +0,0 @@ -/* - * Citizen - SMW Tableprinter - * 'smw/printer/ext.smw.tableprinter.css' - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .smw-datatable table.dataTable.no-footer { - border-bottom: 1px solid @dark-bg-50; - } - - .smw-datatable table.dataTable tfoot td { - border-bottom: 1px solid @dark-bg-50; - border-top: 1px solid @dark-bg-50; - } - - .smw-datatable table.dataTable.compact tfoot th, - .smw-datatable table.dataTable.compact tfoot td { - border-bottom: 1px solid @dark-bg-50; - border-top: 1px solid @dark-bg-50; - } - - .smw-datatable table.dataTable thead th, - .smw-datatable table.dataTable thead td, - .smw-datatable table.data.smw-datatable table.compact thead th, - .smw-datatable table.data.smw-datatable table.compact thead td, - .smw-datatable table.data.smw-datatable table.no-footer { - border-bottom: 1px solid @dark-bg-50; - } - - .smw-datatable table.dataTable thead th, - .smw-datatable table.dataTable thead td, - .smw-datatable table.data.smw-datatable table.compact thead th, - .smw-datatable table.data.smw-datatable table.compact thead td { - border-top: 1px solid @dark-bg-50; - } - - .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current, - .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - background: @dark-bg-30; - color: @dark-text-90; - border-color: @dark-bg-30; - } - - .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button { - color: @dark-text-90; - border-color: @dark-bg-20; - } - - .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover { - background: @accent-50; - color: @dark-text-100; - border-color: @accent-50; - } - - .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, - .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, - .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { - color: @dark-text-70; - } - - .smw-datatable .dataTables_wrapper .dataTables_filter input { - color: @dark-text-90; - border-color: @dark-bg-20; - } - - .smw-datatable .dataTables_wrapper select { - color: @dark-text-90; - border-color: @dark-bg-20; - } - - .smw-datatable .dataTables_wrapper select:focus, - .smw-datatable .dataTables_wrapper select:active, - .smw-datatable .dataTables_wrapper .dataTables_filter input:focus, - .smw-datatable .dataTables_wrapper .dataTables_filter input:active { - border: 1px solid @accent-50; - } - - .smw-datatable-toolbar .smw-dropdown button { - border: 1px solid @dark-bg-20; - } - - .smw-datatable-sep { - border-left: 1px solid @dark-bg-20; - } - - .smw-datatable-button { - color: #586069; - border: 1px solid @dark-bg-20; - } - - .smw-datatable-button:hover { - background-color: @dark-bg-10; - } -} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.tippy.less b/skinStyles/extensions/SemanticMediaWiki/smw.tippy.less deleted file mode 100644 index 898d2544..00000000 --- a/skinStyles/extensions/SemanticMediaWiki/smw.tippy.less +++ /dev/null @@ -1,42 +0,0 @@ -/* - * Citizen - SMW Tippy Tooltips - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .tippy-header { - background-color: @dark-bg-10; - border-bottom: 1px solid @dark-bg-20; - } - - .tippy-bottom { - background-color: @dark-bg-0; - border-top: 1px solid @dark-bg-20; - } - - .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow, - .tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow, - .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow:after, - .tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow:after { - border-bottom-color: @dark-bg-10; - } - - .tippy-cancel { - color: @dark-text-100; - text-shadow: 0 1px 0 @dark-bg-0; - } - - .tippy-cancel:hover { - color: @dark-text-100; - } - - .tippy-warning-circle { - background-color: @yellow-50; - } - - .tippy-error-circle { - background-color: @red-50; - } -} diff --git a/skinStyles/extensions/Tabber/ext.Tabber.less b/skinStyles/extensions/Tabber/ext.Tabber.less deleted file mode 100644 index 596740dc..00000000 --- a/skinStyles/extensions/Tabber/ext.Tabber.less +++ /dev/null @@ -1,55 +0,0 @@ -/* - * Citizen - Tabber Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -.tabber { - ul.tabbernav { - padding: 0; - border: 0; - display: flex; - overflow: auto; - font-size: inherit; - font-weight: normal; - font-family: inherit; - letter-spacing: -0.25px; - - li { - padding: 0; - display: block; - - &:first-child a { - padding-left: 0; - } - - &.tabberactive a { - color: @accent-50; - pointer-events: none; - } - - a { - margin: 0; - padding: @margin-side / 2; - display: block; - border: 0; - background: 0 !important; // To override hover styles - color: @base-50; - - &:hover { - border: 0; - } - } - } - } - - .tabbertab { - padding: 0; - border: 0; - } -} - -.mw-body-content #mw-content-text .mw-parser-output .tabber .tabbernav a:hover { - color: @base-30 !important; // Override sigh -} diff --git a/skinStyles/extensions/Translate/ext.translate.editor.less b/skinStyles/extensions/Translate/ext.translate.editor.less deleted file mode 100644 index b7d38b34..00000000 --- a/skinStyles/extensions/Translate/ext.translate.editor.less +++ /dev/null @@ -1,17 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.tux-message-editor { - border: 0; - .boxshadow(2); - - .editcolumn { - padding: @margin-side 40px @margin-side @margin-side; - overflow: auto; - } -} diff --git a/skinStyles/extensions/Translate/ext.translate.less b/skinStyles/extensions/Translate/ext.translate.less deleted file mode 100644 index 0123f735..00000000 --- a/skinStyles/extensions/Translate/ext.translate.less +++ /dev/null @@ -1,35 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -.mw-pt-translate-header { - margin: 8px 0 0 ~'calc(-@{page-width} / 2 + 310px)'; - width: 90px; - position: absolute; - border-top: 1px solid currentColor; - padding-top: @margin-side / 2; - margin-top: 8px; - color: #a2a9b1; - text-align: left; - opacity: 1; - transition: @transition-opacity; - - .mw-translate-fuzzy { - display: none; - } -} - -.mw-translate-fuzzy { - display: inline-block; -} - -@media only screen and ( max-width: @screen2 ) { - .mw-pt-translate-header { - z-index: -1; // Not interactable - pointer-events: none; // Not interactable - opacity: 0; - } -} diff --git a/skinStyles/extensions/Translate/ext.translate.loader.less b/skinStyles/extensions/Translate/ext.translate.loader.less deleted file mode 100644 index 295d29b2..00000000 --- a/skinStyles/extensions/Translate/ext.translate.loader.less +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.tux-messagetable-loader { - background: transparent !important; - box-shadow: none !important; -} diff --git a/skinStyles/extensions/Translate/ext.translate.messagetable.less b/skinStyles/extensions/Translate/ext.translate.messagetable.less deleted file mode 100644 index 69c1ccf8..00000000 --- a/skinStyles/extensions/Translate/ext.translate.messagetable.less +++ /dev/null @@ -1,160 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -#page-tools { - z-index: 0; - margin-top: 0; - - #p-views { - ul { - flex-direction: column; - - li > a { - width: auto; - height: auto; - padding: @margin-side / 4 @margin-side / 2 @margin-side / 4 0; - opacity: 1; - - &:hover { - opacity: 1; - color: @color-link-active; - } - - &:after { - content: none; - } - - > span { - position: relative !important; - clip: unset; - width: auto; - height: auto; - margin: 0; - } - } - } - } -} - -.tux-messagelist, -.tux-action-bar, -.tux-messagetable-header.floating { - margin: 0 @negative-margin !important; -} - -.tux-action-bar.floating, -.tux-messagetable-header.floating { - .boxshadow(3); -} - -.tux-messagelist, -.tux-action-bar, -.tux-messagetable-header { - transition: @transition-margin, @transition-width; -} - -.tux-messagelist, -.tux-action-bar:not( .floating ) { - width: auto !important; -} - -.tux-messagetable-header { - padding: 0; // Reserve spaces for tabs - display: flex; - align-items: center; - - &.floating { - > div:first-of-type { - padding: 0 20px 10px; - } - } -} - -.tux-message-selector { - li { - &.selected { - border: 0; - } - - a { - color: @base-50; - padding: @margin-side / 2 @margin-side; - display: block; - transition: @transition-color-quick; - - &:hover { - color: @accent-50; - } - - &:first-of-type { - padding-left: 0; - } - } - } - - .more { - padding: @margin-side / 2 @margin-side !important; - - > ul { - margin: 0; - padding: 8px 0; - width: auto; - top: 0; - left: 0; - border: 0; - .boxshadow(5); - - li { - padding: 0; - white-space: nowrap; - font-size: @ui-menu-text-big; - - a { - margin: 0; - padding: 10px 15px !important; - } - - input { - margin: @margin-side / 2 @margin-side / 4 @margin-side @margin-side; - } - - label { - padding-right: @margin-side; - } - } - } - } -} - -@media only screen and ( max-width: @screen2 ) { - #page-tools { - margin: 0 auto @margin-side * 2; - float: none; - max-width: @page-width; - - #p-views { - ul { - flex-direction: row; - } - } - } - - .tux-messagelist, - .tux-action-bar, - .tux-messagetable-header.floating { - margin: 0 ~'calc((100vw - @{page-width}) / -2)' !important; - } -} - -@media only screen and ( max-width: @screen1 ) { - .tux-messagelist, - .tux-action-bar, - .tux-messagetable-header.floating { - margin: 0 -@margin-side !important; // fill margin - } -} diff --git a/skinStyles/extensions/Translate/ext.translate.special.translate.less b/skinStyles/extensions/Translate/ext.translate.special.translate.less deleted file mode 100644 index b0b99b5b..00000000 --- a/skinStyles/extensions/Translate/ext.translate.special.translate.less +++ /dev/null @@ -1,19 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.firstHeading, -#siteSub, -#p-actions, -#mw-bottombar { - display: none !important; -} - -.tux-messagetable-header { - border: 0; - box-shadow: none; -} diff --git a/skinStyles/extensions/Translate/ext.translate.tag.languages.less b/skinStyles/extensions/Translate/ext.translate.tag.languages.less deleted file mode 100644 index 2d10b7b9..00000000 --- a/skinStyles/extensions/Translate/ext.translate.tag.languages.less +++ /dev/null @@ -1,96 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mw-pt-languages { - display: block; - border: 0; - width: auto; - background: 0; - margin: 0; - padding: @margin-side 0; -} - -.mw-pt-languages-label { - display: block; - border: 0; - padding: 0; - color: @base-30; - background: 0; - font-size: 0.8125rem; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 1px; - width: auto; -} - -.mw-pt-languages-list { - padding: @content-margin-top 0 0 0; - display: flex; - flex-wrap: wrap; - width: auto; - visibility: hidden; // Hide dots - - > * { - visibility: visible; - } -} - -.mw-pt-languages-selected, -.mw-pt-languages-ui { - font-weight: normal; - .boxshadow(2) !important; - - &:hover { - transform: none !important; - } -} - -.mw-pt-progress { - margin: 0 0 @margin-side / 2 0; - padding: @margin-side / 4 @margin-side / 2; - display: block; - border: 1px solid @base-90; - background: @base-90; - color: @base-30; - font-size: @content-caption-size; - .boxshadow(1); - transition: @transition-transform-quick, @transition-box-shadow-quick; - - &:hover { - .boxshadow(2); - transform: translateY( -2px ); - } -} - -.mw-pt-progress--stub { - background: @base-90; -} - -.mw-pt-progress--low { - background: @red-50; - border-color: @red-50; - color: @base-100 !important; // bypass visited styles -} - -.mw-pt-progress--med { - background: @yellow-50; - border-color: @yellow-50; - color: @base-100 !important; // bypass visited styles -} - -.mw-pt-progress--high { - background: @green-50; - border-color: @green-50; - color: @base-100 !important; // bypass visited styles -} - -.mw-pt-progress--complete { - background: @green-30; - border-color: @green-30; - color: @base-100 !important; // bypass visited styles -} diff --git a/skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less b/skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less deleted file mode 100644 index 9ddcecd7..00000000 --- a/skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less +++ /dev/null @@ -1,36 +0,0 @@ -/* - * Citizen - ULS Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -// Need important to override -.uls-menu { - border: 0 !important; - border-radius: 0; - .boxshadow(5)!important; -} - -.uls-search { - z-index: 1; - position: relative; - border: 0; - transition: @transition-box-shadow; - .boxshadow(2); - - &:focus-within { - .boxshadow(3); - } -} - -// Gotta fix this for mobile -.uls-narrow { - left: 0 !important; - width: 100% !important; -} - -#uls-settings-block { - border-color: @base-80 !important; -} diff --git a/skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less b/skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less deleted file mode 100644 index a9727c26..00000000 --- a/skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less +++ /dev/null @@ -1,31 +0,0 @@ -/* - * Citizen - ULS toggle Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -// Styles for ULS icon -#pt-uls a.uls-trigger { - padding: 0; - display: block; - width: @icon-box-size + @icon-padding; - height: @header-height; - color: transparent; // Hide text - opacity: 0.6; // Replicate color of other icons - background-size: @icon-box-size; - background-position: center; - transition: @transition-opacity; - - &:hover, - &:focus, - &:active { - opacity: 0.8; - } -} - -@media ( prefers-color-scheme: dark ) { - #pt-uls a.uls-trigger { - filter: invert( 1 ); - } -} diff --git a/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less b/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less deleted file mode 100644 index 3c759f22..00000000 --- a/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less +++ /dev/null @@ -1,79 +0,0 @@ -/* - * Citizen - Visual Editor Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -.ve-activated { - .mw-header-container { - background-color: #fff; - } - - #mw-sidebar-sitename { - top: @header-height + @margin-side + 42px; - } - - #page-tools { - z-index: 1; // Fix collision - pointer-events: auto; - opacity: 1; - } - - #mw-bottombar { - display: none; - } -} - -.ve-ui-overlay { - font-family: @fonts; - - &-global { - z-index: 12; // Higher than header - } -} - -// Fix weird compressed text bug -.ve-init-mw-tempWikitextEditorWidget { - width: 100% !important; -} - -// Match animation -.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar { - transition: @transition-transform !important; -} - -// Make toolbar more mobile friendly, well at least I did by best -.ve-init-mw-desktopArticleTarget-toolbar { - margin: -20px -20px 20px -20px !important; // Bypass @media screen styles -} - -// Stick with the header -.nav-down ~ .mw-body { - .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { - transform: translateY( @header-height ); - } -} - -.ve-ui-surface-placeholder, -.ve-ui-surface .ve-ce-documentNode { - padding: 0; -} - -.ve-init-mw-desktopArticleTarget .CodeMirror { - padding: 0; - line-height: @content-line-height; // Lining up syntax highlighter -} - -.ve-init-mw-desktopArticleTarget .CodeMirror-code *, -.ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode { - line-height: @content-line-height; // Lining up syntax highlighter -} - -@media ( prefers-color-scheme: dark ) { - .ve-activated { - .mw-header-container { - background-color: @dark-bg-0; - } - } -} diff --git a/skinStyles/extensions/echo/ext.echo.styles.badge.less b/skinStyles/extensions/echo/ext.echo.styles.badge.less deleted file mode 100644 index 3c9b3bcf..00000000 --- a/skinStyles/extensions/echo/ext.echo.styles.badge.less +++ /dev/null @@ -1,57 +0,0 @@ -/* - * Citizen - Echo Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -// Styles for echo badges -#pt-notifications { - &-alert, - &-notice { - .mw-echo-notifications-badge { - top: -1000px; // Default was -1005px for some reason - margin: 0; - width: @icon-box-size + @icon-padding; - height: @header-height; - - &:hover, - &:focus, - &:active { - &:before { - opacity: 0.6 !important; // override all styles - } - } - - // Icon tweaks - &:before { - opacity: 0.4; - background-position: center; - transition: @transition-opacity, @transition-transform; - } - - // Badge tweaks - &:after { - background-color: @red-50; - font-size: 11px; - } - - &.mw-echo-notifications-badge-all-read { - opacity: 0.75; // 0.75 * 0.4 = 0.3 - } - } - } - - // Rotate bell - &-alert { - .mw-echo-notifications-badge { - &:hover, - &:focus, - &:active { - &:before { - transform: rotateZ( 20deg ); - } - } - } - } -} diff --git a/skinStyles/extensions/echo/ext.echo.ui.less b/skinStyles/extensions/echo/ext.echo.ui.less deleted file mode 100644 index 59a5e056..00000000 --- a/skinStyles/extensions/echo/ext.echo.ui.less +++ /dev/null @@ -1,327 +0,0 @@ -/* - * Citizen - Echo Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mw-echo-ui-overlay { - z-index: 6; -} - -.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { - position: relative; - z-index: 2; - border: 0 !important; - .boxshadow(2); -} - -.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer { - border-color: @base-80 !important; -} - -.mw-echo-ui-notificationItemWidget { - max-width: 100vw; -} - -// 500px or below will break the message box, +40px margin -@media only screen and ( max-width: 540px ) { - .mw-echo-ui-notificationBadgeButtonPopupWidget-popup { - left: 0 !important; - - > .oo-ui-popupWidget-popup { - width: auto !important; - - > .oo-ui-popupWidget-body { - width: auto !important; - } - } - - > .oo-ui-popupWidget-anchor { - display: none; - } - } -} - -@media ( prefers-color-scheme: dark ) { - /** - mw.echo.ui.CrossWikiUnreadFilterWidget.less - */ - .mw-echo-ui-crossWikiNotificationItemWidget, - .mw-echo-ui-bundleNotificationItemWidget { - &-separator { - border-bottom: 1px solid @dark-bg-20; - } - - &-group { - background-color: @dark-bg-10; - } - - .mw-echo-ui-subGroupListWidget-header { - &-row-title { - color: @dark-text-80; - } - } - } - - /** - mw.echo.ui.CrossWikiNotificationItemWidget.less - */ - .mw-echo-ui-crossWikiUnreadFilterWidget { - border: 1px solid @dark-bg-30 !important; - - &-subtitle { - color: @dark-text-70; - } - } - - /** - mw.echo.ui.CrossWikiNotificationItemWidget.less - */ - .mw-echo-ui-datedSubGroupListWidget { - .mw-body-content &-title { - &-secondary { - color: @dark-text-70; - } - } - - /** - mw.echo.ui.FooterNoticeWidget.less - */ - .mw-echo-ui-footerNoticeWidget { - border-bottom: 1px solid @dark-bg-30; - } - } - - /** - mw.echo.ui.MenuItemWidget.less - */ - .mw-echo-ui-menuItemWidget { - > .oo-ui-labelElement-label { - color: @dark-text-90; - } - - &-dynamic-action { - &:hover { - background-color: @dark-bg-0; - } - - .mw-echo-ui-menuItemWidget-description { - color: @dark-text-80; - } - } - - .mw-echo-ui-actionMenuPopupWidget-menu:hover { - background-color: @dark-bg-20; - } - } - - /** - mw.echo.ui.NotificationBadgeWidget.less - */ - .mw-echo-ui-notificationBadgeButtonPopupWidget { - &-popup { - > .oo-ui-popupWidget-popup { - > .oo-ui-popupWidget-head { - border-color: @dark-bg-30; - } - - > .oo-ui-popupWidget-footer { - border-color: @dark-bg-30 !important; - - .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons { - .oo-ui-buttonElement { - &:last-child { - border-color: @dark-bg-30 !important; - } - } - } - } - } - } - } - - /** - mw.echo.ui.NotificationItemWidget.less - */ - .mw-echo-ui-notificationItemWidget { - background-color: @dark-bg-20; - border-color: @dark-bg-30; - - &:hover { - background-color: @dark-bg-30; - } - - &:last-child { - border-color: @dark-bg-30; - } - - &-unread { - background-color: @dark-bg-0; - - &:hover { - background-color: @dark-bg-10; - } - } - - &-notify { - &-description { - color: @dark-text-80; - } - } - - &-content { - &-message { - &-header { - color: @dark-text-100; - } - - &-body { - color: @dark-text-70; - } - } - - &-actions { - &-timestamp { - color: @dark-text-100; - } - } - } - - &-bundled { - .mw-echo-ui-notificationItemWidget-content { - .mw-echo-ui-notificationItemWidget { - &-content-message { - &-header { - em { - color: @dark-text-70; - } - } - } - } - } - } - } - - @-webkit-keyframes unseen-fadeout-to-unread { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-0; - } - } - - @keyframes unseen-fadeout-to-unread { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-0; - } - } - - @-webkit-keyframes unseen-fadeout-to-read { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-20; - } - } - - @keyframes unseen-fadeout-to-read { - from { - background-color: @dark-bg-30; - } - - to { - background-color: @dark-bg-20; - } - } - - /** - mw.echo.ui.NotificationsInboxWidget.less - */ - .mw-echo-ui-notificationsInboxWidget { - &-toolbarWrapper { - background: @dark-bg-0 !important; - } - } - - /** - mw.echo.ui.NotificationsListWidget.less - */ - .mw-echo-ui-notificationsListWidget { - > a, - &:hover > a { - color: @dark-text-80; - } - - &:not( :hover ) a, - #p-personal &:not( :hover ) a.new { - color: @dark-text-80; - } - } - - /** - mw.echo.ui.PageNotificationsOptionWidget.less - */ - .mw-echo-ui-pageNotificationsOptionWidget { - &.oo-ui-optionWidget { - &-selected { - background-color: @dark-bg-30 !important; - } - - &-highlighted { - background-color: @dark-bg-10 !important; - color: @dark-text-100 !important; - } - } - - &-label-count { - background-color: @dark-bg-20; - color: @dark-text-80; - } - } - - /** - mw.echo.ui.PlaceholderItemWidget.less - */ - .mw-echo-ui-placeholderItemWidget { - background-color: @dark-bg-20; - } - - /** - mw.echo.ui.ToggleReadCircleButtonWidget.less - */ - .mw-echo-ui-toggleReadCircleButtonWidget { - &-circle { - &-unread { - background-color: @dark-bg-20; - border-color: @dark-bg-60; - } - } - - &:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { - &-unread { - background-color: @dark-bg-30; - } - } - } - - /** - Icons - */ - .mw-echo-ui-notificationsInboxWidget, - .mw-echo-ui-overlay { - .oo-ui-indicatorElement-indicator, - .oo-ui-iconElement-icon { - filter: invert( 1 ) hue-rotate( 180deg ); - } - } -} diff --git a/skinStyles/extensions/flow/ext.flow.less b/skinStyles/extensions/flow/ext.flow.less deleted file mode 100644 index 2f5768eb..00000000 --- a/skinStyles/extensions/flow/ext.flow.less +++ /dev/null @@ -1,260 +0,0 @@ -/* - * Citizen - Flow extension - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - /** - board/topic/meta.less - */ - .flow-topic-meta { - color: @dark-text-80; - - a.expand-collapse-posts-link:not( :hover ) { - color: @dark-text-80; - } - } - - /** - board/topic/post.less - */ - .flow-post { - color: @dark-text-90; - - .flow-author { - color: @dark-text-90; - } - - .mw-content-ltr & { - .flow-replies { - border-left: 1px solid @dark-bg-30; - } - } - - .mw-content-rtl & { - .flow-replies { - border-right: 1px solid @dark-bg-30; - } - } - } - - .flow-post-meta { - color: @dark-text-70; - } - - .flow-post-meta-actions { - a { - &:after { - color: @dark-text-70; - } - } - } - - /** - board/topic/summary.less - */ - .flow-topic-summary-container { - .flow-topic-summary, - .flow-ui-editTopicSummaryWidget { - border-top: 1px solid @dark-bg-30; - - .flow-topic-summary-author { - color: @dark-text-80; - } - } - } - - /** - board/topic/titlebar.less - */ - .flow-topic-titlebar { - background-color: @dark-bg-20; - } - - .flow-moderated-topic-title { - color: @dark-text-80; - } - - /** - board/menu.less - */ - div > .flow-menu { - &.flow-menu-hoverable:hover, - &.focus { - .flow-menu-js-drop a { - border-color: transparent; - background: transparent; - background: rgba( 0, 0, 0, 0.05 ); - - .caret { - border-top-color: @dark-bg-0; - } - } - } - - ul { - background: @dark-bg-0; - border: 1px solid @dark-bg-50; - box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); - - > section:not( :first-of-type ) > li:first-of-type, - li.flow-menu-section:not( :first-of-type ) { - border-top: 1px solid @dark-bg-30; - } - } - - .flow-menu-js-drop { - a { - color: @dark-text-80; - } - } - } - - /** - board/moderated.less - */ - .flow-topic-moderatestate-lock { - .flow-topic-titlebar { - background-color: @dark-bg-10; - } - } - - .flow-post-moderated .flow-author a, - .flow-moderated-post-content { - color: @dark-text-80; - } - - /** - board/navigation.less - */ - .flow-board-navigation { - .flow-board-navigation-inner { - border-bottom: 1px solid @dark-bg-30; - } - - a { - &:link, - &:visited { - color: @dark-text-80; - } - - &:hover, - &:focus, - &.flow-board-navigator-link-highlight { - color: @dark-text-100; - } - } - - &.flow-board-navigation-affixed { - background: @dark-bg-0; - } - } - - /** - board/replycount.less - */ - .flow-reply-count { - /* color: @dark-bg-30; */ - - .flow-reply-count-number { - color: @dark-text-80; - } - } - - /** - board/terms-of-use.less - */ - .flow-terms-of-use { - color: @dark-text-80; - } - - /** - mediawiki.ui/forms.less - */ - .flow-ui-input-replacement-anchor.mw-ui-input { - color: @dark-text-70; - } - - /** - mediawiki.ui/modal.less - */ - .flow-ui-modal { - background: fade( @dark-bg-0, 75% ); - } - - .flow-ui-modal-layout { - background: @dark-bg-0; - box-shadow: 0 4px 0 0 @dark-bg-30, 0 0 0 1px @dark-bg-30; - color: @dark-text-90; - } - - .flow-ui-modal-heading { - color: @dark-text-90; - border-bottom: 1px solid @dark-bg-30; - } - - .flow-ui-modal-heading-prev { - border-right: 1px solid @dark-bg-30; - color: @dark-text-80; - } - - .flow-ui-modal-heading-next { - border-left: 1px solid @dark-bg-30; - color: @dark-text-80; - } - - /** - mediawiki.ui/tooltips.less - */ - .flow-ui-tooltip { - background-color: @dark-bg-0; - color: @dark-text-90; - - .flow-ui-tooltip-triangle { - &:after { - background: @dark-bg-0; - } - } - - &.flow-ui-tooltip-up { - .flow-ui-tooltip-triangle { - &:after { - - /* @noflip */ - .box-shadow( ~'0 0 1px 0 @{dark-bg-30}' ); - } - } - } - - &.flow-ui-tooltip-down { - .flow-ui-tooltip-triangle { - &:after { - /* @noflip */ - .box-shadow( ~'0 -1.5px 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); - } - } - } - - // triangle at left - &.flow-ui-tooltip-left { - .flow-ui-tooltip-triangle { - &:after { - /* @noflip */ - .box-shadow( ~'1.5px 0 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); - } - } - } - - // triangle at right - &.flow-ui-tooltip-right { - .flow-ui-tooltip-triangle { - &:after { - /* @noflip */ - .box-shadow( ~'0 1.5px 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); - } - } - } - } -} diff --git a/skinStyles/extensions/flow/ext.flow.styles.base.less b/skinStyles/extensions/flow/ext.flow.styles.base.less deleted file mode 100644 index 6de8f42f..00000000 --- a/skinStyles/extensions/flow/ext.flow.styles.base.less +++ /dev/null @@ -1,58 +0,0 @@ -/* - * Citizen - Flow Styles Base - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - .flow-component { - .flow-list { - li:hover { - background: @dark-bg-20; - } - } - } - - .flow-revision-content { - background-color: @dark-bg-20; - color: @dark-text-70; - } - - .flow-no-more, - .flow-undo { - color: @dark-text-70; - } - - .flow-ui-boardDescriptionWidget-editButton.oo-ui-widget.oo-ui-buttonElement .oo-ui-buttonElement-button { - border-color: transparent; - } - - .flow-component.flow-board-page { - .flow-board-header { - background-color: @dark-bg-10; - box-shadow: -2px 0 0 0 rgba( 0, 0, 0, 0.1 ); - } - } - - .flow-component.flow-board-page.flow-full-height-side-rail { - .flow-board-header:before { - background-color: @dark-bg-10; - box-shadow: -2px 0 0 0 rgba( 0, 0, 0, 0.1 ); - } - } - - .flow-component { - .mw-ui-icon-before:before, - .oo-ui-indicatorElement-indicator, - .oo-ui-iconElement-icon { - filter: invert( 1 ) hue-rotate( 180deg ); - } - - .flow-menu { - .mw-ui-button.mw-ui-quiet { - color: @dark-text-90; - } - } - } -} diff --git a/skinStyles/extensions/flow/ext.flow.ui.less b/skinStyles/extensions/flow/ext.flow.ui.less deleted file mode 100644 index 9a0fc192..00000000 --- a/skinStyles/extensions/flow/ext.flow.ui.less +++ /dev/null @@ -1,55 +0,0 @@ -/* - * Citizen - Flow UI - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -@media ( prefers-color-scheme: dark ) { - /** - mw.flow.ui.NavigationWidget.less - */ - .flow-ui-navigationWidget { - border-bottom: 1px solid @dark-bg-30; - - &-affixed { - background: @dark-bg-0; - } - } - - /** - mw.flow.ui.EditorWidget.less - */ - .flow-ui-editorWidget > .flow-ui-editorWidget-editor { - background-color: @dark-bg-10; - border-color: @dark-bg-30; - } - - /** - mw.flow.ui.TopicMenuSelectWidget.less - */ - .flow-ui-topicMenuSelectWidget { - &-locked, - &-locked:hover { - color: @dark-text-70; - } - border-color: @dark-bg-30; - - &::-webkit-scrollbar-thumb { - border: 2px solid @dark-bg-0; - } - - &::-webkit-scrollbar-track { - background-color: @dark-bg-0; - } - } - - /** - mw.flow.ui.TopicTitleWidget.less - */ - .flow-ui-topicTitleWidget { - &-termsLabel { - color: @dark-text-80; - } - } -} diff --git a/skinStyles/extensions/popups/ext.popups.main.less b/skinStyles/extensions/popups/ext.popups.main.less deleted file mode 100644 index e7009214..00000000 --- a/skinStyles/extensions/popups/ext.popups.main.less +++ /dev/null @@ -1,32 +0,0 @@ -/* - * Citizen - Popups Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mwe-popups { - border: 0; - border-radius: 0; - .boxshadow(4); -} - -@media ( prefers-color-scheme: dark ) { - .mwe-popups { - background: @dark-bg-50; - - &.mwe-popups-image-tri:after { - border-color: @dark-bg-50; - } - - .mwe-popups-container, - .mwe-popups-extract { - color: @dark-text-90; - } - - .mwe-popups-extract[ dir='ltr' ]:after { - background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-50 50% ); - } - } -} diff --git a/skinStyles/extensions/tabber/ext.Tabber.less b/skinStyles/extensions/tabber/ext.Tabber.less deleted file mode 100644 index 596740dc..00000000 --- a/skinStyles/extensions/tabber/ext.Tabber.less +++ /dev/null @@ -1,55 +0,0 @@ -/* - * Citizen - Tabber Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -.tabber { - ul.tabbernav { - padding: 0; - border: 0; - display: flex; - overflow: auto; - font-size: inherit; - font-weight: normal; - font-family: inherit; - letter-spacing: -0.25px; - - li { - padding: 0; - display: block; - - &:first-child a { - padding-left: 0; - } - - &.tabberactive a { - color: @accent-50; - pointer-events: none; - } - - a { - margin: 0; - padding: @margin-side / 2; - display: block; - border: 0; - background: 0 !important; // To override hover styles - color: @base-50; - - &:hover { - border: 0; - } - } - } - } - - .tabbertab { - padding: 0; - border: 0; - } -} - -.mw-body-content #mw-content-text .mw-parser-output .tabber .tabbernav a:hover { - color: @base-30 !important; // Override sigh -} diff --git a/skinStyles/extensions/translate/ext.translate.editor.less b/skinStyles/extensions/translate/ext.translate.editor.less deleted file mode 100644 index b7d38b34..00000000 --- a/skinStyles/extensions/translate/ext.translate.editor.less +++ /dev/null @@ -1,17 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.tux-message-editor { - border: 0; - .boxshadow(2); - - .editcolumn { - padding: @margin-side 40px @margin-side @margin-side; - overflow: auto; - } -} diff --git a/skinStyles/extensions/translate/ext.translate.less b/skinStyles/extensions/translate/ext.translate.less deleted file mode 100644 index 0123f735..00000000 --- a/skinStyles/extensions/translate/ext.translate.less +++ /dev/null @@ -1,35 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -.mw-pt-translate-header { - margin: 8px 0 0 ~'calc(-@{page-width} / 2 + 310px)'; - width: 90px; - position: absolute; - border-top: 1px solid currentColor; - padding-top: @margin-side / 2; - margin-top: 8px; - color: #a2a9b1; - text-align: left; - opacity: 1; - transition: @transition-opacity; - - .mw-translate-fuzzy { - display: none; - } -} - -.mw-translate-fuzzy { - display: inline-block; -} - -@media only screen and ( max-width: @screen2 ) { - .mw-pt-translate-header { - z-index: -1; // Not interactable - pointer-events: none; // Not interactable - opacity: 0; - } -} diff --git a/skinStyles/extensions/translate/ext.translate.loader.less b/skinStyles/extensions/translate/ext.translate.loader.less deleted file mode 100644 index 295d29b2..00000000 --- a/skinStyles/extensions/translate/ext.translate.loader.less +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.tux-messagetable-loader { - background: transparent !important; - box-shadow: none !important; -} diff --git a/skinStyles/extensions/translate/ext.translate.messagetable.less b/skinStyles/extensions/translate/ext.translate.messagetable.less deleted file mode 100644 index 69c1ccf8..00000000 --- a/skinStyles/extensions/translate/ext.translate.messagetable.less +++ /dev/null @@ -1,160 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -#page-tools { - z-index: 0; - margin-top: 0; - - #p-views { - ul { - flex-direction: column; - - li > a { - width: auto; - height: auto; - padding: @margin-side / 4 @margin-side / 2 @margin-side / 4 0; - opacity: 1; - - &:hover { - opacity: 1; - color: @color-link-active; - } - - &:after { - content: none; - } - - > span { - position: relative !important; - clip: unset; - width: auto; - height: auto; - margin: 0; - } - } - } - } -} - -.tux-messagelist, -.tux-action-bar, -.tux-messagetable-header.floating { - margin: 0 @negative-margin !important; -} - -.tux-action-bar.floating, -.tux-messagetable-header.floating { - .boxshadow(3); -} - -.tux-messagelist, -.tux-action-bar, -.tux-messagetable-header { - transition: @transition-margin, @transition-width; -} - -.tux-messagelist, -.tux-action-bar:not( .floating ) { - width: auto !important; -} - -.tux-messagetable-header { - padding: 0; // Reserve spaces for tabs - display: flex; - align-items: center; - - &.floating { - > div:first-of-type { - padding: 0 20px 10px; - } - } -} - -.tux-message-selector { - li { - &.selected { - border: 0; - } - - a { - color: @base-50; - padding: @margin-side / 2 @margin-side; - display: block; - transition: @transition-color-quick; - - &:hover { - color: @accent-50; - } - - &:first-of-type { - padding-left: 0; - } - } - } - - .more { - padding: @margin-side / 2 @margin-side !important; - - > ul { - margin: 0; - padding: 8px 0; - width: auto; - top: 0; - left: 0; - border: 0; - .boxshadow(5); - - li { - padding: 0; - white-space: nowrap; - font-size: @ui-menu-text-big; - - a { - margin: 0; - padding: 10px 15px !important; - } - - input { - margin: @margin-side / 2 @margin-side / 4 @margin-side @margin-side; - } - - label { - padding-right: @margin-side; - } - } - } - } -} - -@media only screen and ( max-width: @screen2 ) { - #page-tools { - margin: 0 auto @margin-side * 2; - float: none; - max-width: @page-width; - - #p-views { - ul { - flex-direction: row; - } - } - } - - .tux-messagelist, - .tux-action-bar, - .tux-messagetable-header.floating { - margin: 0 ~'calc((100vw - @{page-width}) / -2)' !important; - } -} - -@media only screen and ( max-width: @screen1 ) { - .tux-messagelist, - .tux-action-bar, - .tux-messagetable-header.floating { - margin: 0 -@margin-side !important; // fill margin - } -} diff --git a/skinStyles/extensions/translate/ext.translate.special.translate.less b/skinStyles/extensions/translate/ext.translate.special.translate.less deleted file mode 100644 index b0b99b5b..00000000 --- a/skinStyles/extensions/translate/ext.translate.special.translate.less +++ /dev/null @@ -1,19 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.firstHeading, -#siteSub, -#p-actions, -#mw-bottombar { - display: none !important; -} - -.tux-messagetable-header { - border: 0; - box-shadow: none; -} diff --git a/skinStyles/extensions/translate/ext.translate.tag.languages.less b/skinStyles/extensions/translate/ext.translate.tag.languages.less deleted file mode 100644 index 2d10b7b9..00000000 --- a/skinStyles/extensions/translate/ext.translate.tag.languages.less +++ /dev/null @@ -1,96 +0,0 @@ -/* - * Citizen - Translate Styles - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; -@import '../../../resources/mixins.less'; - -.mw-pt-languages { - display: block; - border: 0; - width: auto; - background: 0; - margin: 0; - padding: @margin-side 0; -} - -.mw-pt-languages-label { - display: block; - border: 0; - padding: 0; - color: @base-30; - background: 0; - font-size: 0.8125rem; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 1px; - width: auto; -} - -.mw-pt-languages-list { - padding: @content-margin-top 0 0 0; - display: flex; - flex-wrap: wrap; - width: auto; - visibility: hidden; // Hide dots - - > * { - visibility: visible; - } -} - -.mw-pt-languages-selected, -.mw-pt-languages-ui { - font-weight: normal; - .boxshadow(2) !important; - - &:hover { - transform: none !important; - } -} - -.mw-pt-progress { - margin: 0 0 @margin-side / 2 0; - padding: @margin-side / 4 @margin-side / 2; - display: block; - border: 1px solid @base-90; - background: @base-90; - color: @base-30; - font-size: @content-caption-size; - .boxshadow(1); - transition: @transition-transform-quick, @transition-box-shadow-quick; - - &:hover { - .boxshadow(2); - transform: translateY( -2px ); - } -} - -.mw-pt-progress--stub { - background: @base-90; -} - -.mw-pt-progress--low { - background: @red-50; - border-color: @red-50; - color: @base-100 !important; // bypass visited styles -} - -.mw-pt-progress--med { - background: @yellow-50; - border-color: @yellow-50; - color: @base-100 !important; // bypass visited styles -} - -.mw-pt-progress--high { - background: @green-50; - border-color: @green-50; - color: @base-100 !important; // bypass visited styles -} - -.mw-pt-progress--complete { - background: @green-30; - border-color: @green-30; - color: @base-100 !important; // bypass visited styles -} From 1e42efbeb990a7018abc76c90e5d8afe66bccc17 Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Sun, 29 Dec 2019 13:45:17 -0500 Subject: [PATCH 3/4] Attempt to clean file tree --- .../ext.CookieWarning.styles.less | 84 ++++ .../Echo/ext.echo.styles.badge.less | 57 +++ skinStyles/extensions/Echo/ext.echo.ui.less | 327 ++++++++++++ skinStyles/extensions/Flow/ext.flow.less | 260 ++++++++++ .../extensions/Flow/ext.flow.styles.base.less | 58 +++ skinStyles/extensions/Flow/ext.flow.ui.less | 55 ++ .../extensions/MultimediaViewer/mmv.less | 55 ++ .../extensions/Popups/ext.popups.main.less | 32 ++ .../ext.relatedArticles.cards.less | 66 +++ .../ext.relatedArticles.readMore.less | 21 + .../SemanticMediaWiki/ext.jquery.atwho.less | 49 ++ .../SemanticMediaWiki/ext.libs.tippy.less | 119 +++++ .../SemanticMediaWiki/ext.smw.ask.styles.less | 150 ++++++ .../ext.smw.browse.styles.less | 114 +++++ .../ext.smw.modal.styles.less | 42 ++ .../ext.smw.page.styles.less | 127 +++++ .../ext.smw.special.style.less | 66 +++ .../ext.smw.special.styles.less | 19 + .../SemanticMediaWiki/ext.smw.style.less | 472 ++++++++++++++++++ .../ext.smw.table.styles.less | 36 ++ .../ext.smw.tooltip.styles.less | 24 + .../ext.smw.vtabs.styles.less | 70 +++ .../SemanticMediaWiki/jquery.jsonview.less | 32 ++ .../jquery.selectmenu.styles.less | 284 +++++++++++ .../SemanticMediaWiki/smw.content.schema.less | 84 ++++ .../SemanticMediaWiki/smw.jsonview.less | 22 + .../smw.special.search.styles.less | 52 ++ .../SemanticMediaWiki/smw.summarytable.less | 28 ++ .../smw.tableprinter.datatable.styles.less | 97 ++++ .../SemanticMediaWiki/smw.tippy.less | 42 ++ skinStyles/extensions/Tabber/ext.Tabber.less | 55 ++ .../Translate/ext.translate.editor.less | 17 + .../extensions/Translate/ext.translate.less | 35 ++ .../Translate/ext.translate.loader.less | 12 + .../Translate/ext.translate.messagetable.less | 160 ++++++ .../ext.translate.special.translate.less | 19 + .../ext.translate.tag.languages.less | 96 ++++ .../ext.uls.common.less | 36 ++ .../UniversalLanguageSelector/ext.uls.pt.less | 31 ++ .../VisualEditor/ext.visualEditor.core.less | 79 +++ 40 files changed, 3484 insertions(+) create mode 100644 skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less create mode 100644 skinStyles/extensions/Echo/ext.echo.styles.badge.less create mode 100644 skinStyles/extensions/Echo/ext.echo.ui.less create mode 100644 skinStyles/extensions/Flow/ext.flow.less create mode 100644 skinStyles/extensions/Flow/ext.flow.styles.base.less create mode 100644 skinStyles/extensions/Flow/ext.flow.ui.less create mode 100644 skinStyles/extensions/MultimediaViewer/mmv.less create mode 100644 skinStyles/extensions/Popups/ext.popups.main.less create mode 100644 skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less create mode 100644 skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less create mode 100644 skinStyles/extensions/SemanticMediaWiki/smw.tippy.less create mode 100644 skinStyles/extensions/Tabber/ext.Tabber.less create mode 100644 skinStyles/extensions/Translate/ext.translate.editor.less create mode 100644 skinStyles/extensions/Translate/ext.translate.less create mode 100644 skinStyles/extensions/Translate/ext.translate.loader.less create mode 100644 skinStyles/extensions/Translate/ext.translate.messagetable.less create mode 100644 skinStyles/extensions/Translate/ext.translate.special.translate.less create mode 100644 skinStyles/extensions/Translate/ext.translate.tag.languages.less create mode 100644 skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less create mode 100644 skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less create mode 100644 skinStyles/extensions/VisualEditor/ext.visualEditor.core.less diff --git a/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less b/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less new file mode 100644 index 00000000..be1ba87c --- /dev/null +++ b/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less @@ -0,0 +1,84 @@ +/* + * Citizen - Cookie Warning Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.mw-cookiewarning-container { + top: unset; + right: 0; + bottom: @margin-side; + margin: 0 auto; + padding: 0; + max-width: @page-width; + opacity: 1; + background: @base-20; + font-size: @content-small-text-size; + font-weight: normal; + .boxshadow(5); + + .mw-cookiewarning-text { + display: flex; + line-height: 1.4; + + > * { + display: flex; + align-items: center; + } + + span { + margin: 0; + padding: @margin-side * 0.75 @margin-side; + display: block; + flex-grow: 1; + } + + .mw-cookiewarning-dismiss { + background: @accent-50; + + &:hover { + background: @accent-10; + } + } + + > a { + background: @base-10; + + &:hover { + background: @base-0; + } + } + + a, + .mw-cookiewarning-dismiss { + margin: 0; + padding: @margin-side * 0.75 @margin-side; + height: auto; + border-radius: 0; + font-weight: normal; + line-height: 1.4; + transition: @transition-background-quick; + } + } +} + +@media only screen and ( max-width: @screen1 ) { + .mw-cookiewarning-container { + max-width: none; + bottom: 0; + } +} + +@media only screen and ( max-width: 480px ) { + .mw-cookiewarning-container .mw-cookiewarning-text { + flex-wrap: wrap; + + span, + a, + .mw-cookiewarning-dismiss { + padding: @margin-side / 2 @margin-side; + } + } +} diff --git a/skinStyles/extensions/Echo/ext.echo.styles.badge.less b/skinStyles/extensions/Echo/ext.echo.styles.badge.less new file mode 100644 index 00000000..3c9b3bcf --- /dev/null +++ b/skinStyles/extensions/Echo/ext.echo.styles.badge.less @@ -0,0 +1,57 @@ +/* + * Citizen - Echo Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +// Styles for echo badges +#pt-notifications { + &-alert, + &-notice { + .mw-echo-notifications-badge { + top: -1000px; // Default was -1005px for some reason + margin: 0; + width: @icon-box-size + @icon-padding; + height: @header-height; + + &:hover, + &:focus, + &:active { + &:before { + opacity: 0.6 !important; // override all styles + } + } + + // Icon tweaks + &:before { + opacity: 0.4; + background-position: center; + transition: @transition-opacity, @transition-transform; + } + + // Badge tweaks + &:after { + background-color: @red-50; + font-size: 11px; + } + + &.mw-echo-notifications-badge-all-read { + opacity: 0.75; // 0.75 * 0.4 = 0.3 + } + } + } + + // Rotate bell + &-alert { + .mw-echo-notifications-badge { + &:hover, + &:focus, + &:active { + &:before { + transform: rotateZ( 20deg ); + } + } + } + } +} diff --git a/skinStyles/extensions/Echo/ext.echo.ui.less b/skinStyles/extensions/Echo/ext.echo.ui.less new file mode 100644 index 00000000..59a5e056 --- /dev/null +++ b/skinStyles/extensions/Echo/ext.echo.ui.less @@ -0,0 +1,327 @@ +/* + * Citizen - Echo Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.mw-echo-ui-overlay { + z-index: 6; +} + +.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { + position: relative; + z-index: 2; + border: 0 !important; + .boxshadow(2); +} + +.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer { + border-color: @base-80 !important; +} + +.mw-echo-ui-notificationItemWidget { + max-width: 100vw; +} + +// 500px or below will break the message box, +40px margin +@media only screen and ( max-width: 540px ) { + .mw-echo-ui-notificationBadgeButtonPopupWidget-popup { + left: 0 !important; + + > .oo-ui-popupWidget-popup { + width: auto !important; + + > .oo-ui-popupWidget-body { + width: auto !important; + } + } + + > .oo-ui-popupWidget-anchor { + display: none; + } + } +} + +@media ( prefers-color-scheme: dark ) { + /** + mw.echo.ui.CrossWikiUnreadFilterWidget.less + */ + .mw-echo-ui-crossWikiNotificationItemWidget, + .mw-echo-ui-bundleNotificationItemWidget { + &-separator { + border-bottom: 1px solid @dark-bg-20; + } + + &-group { + background-color: @dark-bg-10; + } + + .mw-echo-ui-subGroupListWidget-header { + &-row-title { + color: @dark-text-80; + } + } + } + + /** + mw.echo.ui.CrossWikiNotificationItemWidget.less + */ + .mw-echo-ui-crossWikiUnreadFilterWidget { + border: 1px solid @dark-bg-30 !important; + + &-subtitle { + color: @dark-text-70; + } + } + + /** + mw.echo.ui.CrossWikiNotificationItemWidget.less + */ + .mw-echo-ui-datedSubGroupListWidget { + .mw-body-content &-title { + &-secondary { + color: @dark-text-70; + } + } + + /** + mw.echo.ui.FooterNoticeWidget.less + */ + .mw-echo-ui-footerNoticeWidget { + border-bottom: 1px solid @dark-bg-30; + } + } + + /** + mw.echo.ui.MenuItemWidget.less + */ + .mw-echo-ui-menuItemWidget { + > .oo-ui-labelElement-label { + color: @dark-text-90; + } + + &-dynamic-action { + &:hover { + background-color: @dark-bg-0; + } + + .mw-echo-ui-menuItemWidget-description { + color: @dark-text-80; + } + } + + .mw-echo-ui-actionMenuPopupWidget-menu:hover { + background-color: @dark-bg-20; + } + } + + /** + mw.echo.ui.NotificationBadgeWidget.less + */ + .mw-echo-ui-notificationBadgeButtonPopupWidget { + &-popup { + > .oo-ui-popupWidget-popup { + > .oo-ui-popupWidget-head { + border-color: @dark-bg-30; + } + + > .oo-ui-popupWidget-footer { + border-color: @dark-bg-30 !important; + + .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons { + .oo-ui-buttonElement { + &:last-child { + border-color: @dark-bg-30 !important; + } + } + } + } + } + } + } + + /** + mw.echo.ui.NotificationItemWidget.less + */ + .mw-echo-ui-notificationItemWidget { + background-color: @dark-bg-20; + border-color: @dark-bg-30; + + &:hover { + background-color: @dark-bg-30; + } + + &:last-child { + border-color: @dark-bg-30; + } + + &-unread { + background-color: @dark-bg-0; + + &:hover { + background-color: @dark-bg-10; + } + } + + &-notify { + &-description { + color: @dark-text-80; + } + } + + &-content { + &-message { + &-header { + color: @dark-text-100; + } + + &-body { + color: @dark-text-70; + } + } + + &-actions { + &-timestamp { + color: @dark-text-100; + } + } + } + + &-bundled { + .mw-echo-ui-notificationItemWidget-content { + .mw-echo-ui-notificationItemWidget { + &-content-message { + &-header { + em { + color: @dark-text-70; + } + } + } + } + } + } + } + + @-webkit-keyframes unseen-fadeout-to-unread { + from { + background-color: @dark-bg-30; + } + + to { + background-color: @dark-bg-0; + } + } + + @keyframes unseen-fadeout-to-unread { + from { + background-color: @dark-bg-30; + } + + to { + background-color: @dark-bg-0; + } + } + + @-webkit-keyframes unseen-fadeout-to-read { + from { + background-color: @dark-bg-30; + } + + to { + background-color: @dark-bg-20; + } + } + + @keyframes unseen-fadeout-to-read { + from { + background-color: @dark-bg-30; + } + + to { + background-color: @dark-bg-20; + } + } + + /** + mw.echo.ui.NotificationsInboxWidget.less + */ + .mw-echo-ui-notificationsInboxWidget { + &-toolbarWrapper { + background: @dark-bg-0 !important; + } + } + + /** + mw.echo.ui.NotificationsListWidget.less + */ + .mw-echo-ui-notificationsListWidget { + > a, + &:hover > a { + color: @dark-text-80; + } + + &:not( :hover ) a, + #p-personal &:not( :hover ) a.new { + color: @dark-text-80; + } + } + + /** + mw.echo.ui.PageNotificationsOptionWidget.less + */ + .mw-echo-ui-pageNotificationsOptionWidget { + &.oo-ui-optionWidget { + &-selected { + background-color: @dark-bg-30 !important; + } + + &-highlighted { + background-color: @dark-bg-10 !important; + color: @dark-text-100 !important; + } + } + + &-label-count { + background-color: @dark-bg-20; + color: @dark-text-80; + } + } + + /** + mw.echo.ui.PlaceholderItemWidget.less + */ + .mw-echo-ui-placeholderItemWidget { + background-color: @dark-bg-20; + } + + /** + mw.echo.ui.ToggleReadCircleButtonWidget.less + */ + .mw-echo-ui-toggleReadCircleButtonWidget { + &-circle { + &-unread { + background-color: @dark-bg-20; + border-color: @dark-bg-60; + } + } + + &:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { + &-unread { + background-color: @dark-bg-30; + } + } + } + + /** + Icons + */ + .mw-echo-ui-notificationsInboxWidget, + .mw-echo-ui-overlay { + .oo-ui-indicatorElement-indicator, + .oo-ui-iconElement-icon { + filter: invert( 1 ) hue-rotate( 180deg ); + } + } +} diff --git a/skinStyles/extensions/Flow/ext.flow.less b/skinStyles/extensions/Flow/ext.flow.less new file mode 100644 index 00000000..2f5768eb --- /dev/null +++ b/skinStyles/extensions/Flow/ext.flow.less @@ -0,0 +1,260 @@ +/* + * Citizen - Flow extension + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + board/topic/meta.less + */ + .flow-topic-meta { + color: @dark-text-80; + + a.expand-collapse-posts-link:not( :hover ) { + color: @dark-text-80; + } + } + + /** + board/topic/post.less + */ + .flow-post { + color: @dark-text-90; + + .flow-author { + color: @dark-text-90; + } + + .mw-content-ltr & { + .flow-replies { + border-left: 1px solid @dark-bg-30; + } + } + + .mw-content-rtl & { + .flow-replies { + border-right: 1px solid @dark-bg-30; + } + } + } + + .flow-post-meta { + color: @dark-text-70; + } + + .flow-post-meta-actions { + a { + &:after { + color: @dark-text-70; + } + } + } + + /** + board/topic/summary.less + */ + .flow-topic-summary-container { + .flow-topic-summary, + .flow-ui-editTopicSummaryWidget { + border-top: 1px solid @dark-bg-30; + + .flow-topic-summary-author { + color: @dark-text-80; + } + } + } + + /** + board/topic/titlebar.less + */ + .flow-topic-titlebar { + background-color: @dark-bg-20; + } + + .flow-moderated-topic-title { + color: @dark-text-80; + } + + /** + board/menu.less + */ + div > .flow-menu { + &.flow-menu-hoverable:hover, + &.focus { + .flow-menu-js-drop a { + border-color: transparent; + background: transparent; + background: rgba( 0, 0, 0, 0.05 ); + + .caret { + border-top-color: @dark-bg-0; + } + } + } + + ul { + background: @dark-bg-0; + border: 1px solid @dark-bg-50; + box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); + + > section:not( :first-of-type ) > li:first-of-type, + li.flow-menu-section:not( :first-of-type ) { + border-top: 1px solid @dark-bg-30; + } + } + + .flow-menu-js-drop { + a { + color: @dark-text-80; + } + } + } + + /** + board/moderated.less + */ + .flow-topic-moderatestate-lock { + .flow-topic-titlebar { + background-color: @dark-bg-10; + } + } + + .flow-post-moderated .flow-author a, + .flow-moderated-post-content { + color: @dark-text-80; + } + + /** + board/navigation.less + */ + .flow-board-navigation { + .flow-board-navigation-inner { + border-bottom: 1px solid @dark-bg-30; + } + + a { + &:link, + &:visited { + color: @dark-text-80; + } + + &:hover, + &:focus, + &.flow-board-navigator-link-highlight { + color: @dark-text-100; + } + } + + &.flow-board-navigation-affixed { + background: @dark-bg-0; + } + } + + /** + board/replycount.less + */ + .flow-reply-count { + /* color: @dark-bg-30; */ + + .flow-reply-count-number { + color: @dark-text-80; + } + } + + /** + board/terms-of-use.less + */ + .flow-terms-of-use { + color: @dark-text-80; + } + + /** + mediawiki.ui/forms.less + */ + .flow-ui-input-replacement-anchor.mw-ui-input { + color: @dark-text-70; + } + + /** + mediawiki.ui/modal.less + */ + .flow-ui-modal { + background: fade( @dark-bg-0, 75% ); + } + + .flow-ui-modal-layout { + background: @dark-bg-0; + box-shadow: 0 4px 0 0 @dark-bg-30, 0 0 0 1px @dark-bg-30; + color: @dark-text-90; + } + + .flow-ui-modal-heading { + color: @dark-text-90; + border-bottom: 1px solid @dark-bg-30; + } + + .flow-ui-modal-heading-prev { + border-right: 1px solid @dark-bg-30; + color: @dark-text-80; + } + + .flow-ui-modal-heading-next { + border-left: 1px solid @dark-bg-30; + color: @dark-text-80; + } + + /** + mediawiki.ui/tooltips.less + */ + .flow-ui-tooltip { + background-color: @dark-bg-0; + color: @dark-text-90; + + .flow-ui-tooltip-triangle { + &:after { + background: @dark-bg-0; + } + } + + &.flow-ui-tooltip-up { + .flow-ui-tooltip-triangle { + &:after { + + /* @noflip */ + .box-shadow( ~'0 0 1px 0 @{dark-bg-30}' ); + } + } + } + + &.flow-ui-tooltip-down { + .flow-ui-tooltip-triangle { + &:after { + /* @noflip */ + .box-shadow( ~'0 -1.5px 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); + } + } + } + + // triangle at left + &.flow-ui-tooltip-left { + .flow-ui-tooltip-triangle { + &:after { + /* @noflip */ + .box-shadow( ~'1.5px 0 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); + } + } + } + + // triangle at right + &.flow-ui-tooltip-right { + .flow-ui-tooltip-triangle { + &:after { + /* @noflip */ + .box-shadow( ~'0 1.5px 0 1.5px @{dark-bg-30}, 0 0 1px 0 @{dark-bg-30}' ); + } + } + } + } +} diff --git a/skinStyles/extensions/Flow/ext.flow.styles.base.less b/skinStyles/extensions/Flow/ext.flow.styles.base.less new file mode 100644 index 00000000..6de8f42f --- /dev/null +++ b/skinStyles/extensions/Flow/ext.flow.styles.base.less @@ -0,0 +1,58 @@ +/* + * Citizen - Flow Styles Base + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .flow-component { + .flow-list { + li:hover { + background: @dark-bg-20; + } + } + } + + .flow-revision-content { + background-color: @dark-bg-20; + color: @dark-text-70; + } + + .flow-no-more, + .flow-undo { + color: @dark-text-70; + } + + .flow-ui-boardDescriptionWidget-editButton.oo-ui-widget.oo-ui-buttonElement .oo-ui-buttonElement-button { + border-color: transparent; + } + + .flow-component.flow-board-page { + .flow-board-header { + background-color: @dark-bg-10; + box-shadow: -2px 0 0 0 rgba( 0, 0, 0, 0.1 ); + } + } + + .flow-component.flow-board-page.flow-full-height-side-rail { + .flow-board-header:before { + background-color: @dark-bg-10; + box-shadow: -2px 0 0 0 rgba( 0, 0, 0, 0.1 ); + } + } + + .flow-component { + .mw-ui-icon-before:before, + .oo-ui-indicatorElement-indicator, + .oo-ui-iconElement-icon { + filter: invert( 1 ) hue-rotate( 180deg ); + } + + .flow-menu { + .mw-ui-button.mw-ui-quiet { + color: @dark-text-90; + } + } + } +} diff --git a/skinStyles/extensions/Flow/ext.flow.ui.less b/skinStyles/extensions/Flow/ext.flow.ui.less new file mode 100644 index 00000000..9a0fc192 --- /dev/null +++ b/skinStyles/extensions/Flow/ext.flow.ui.less @@ -0,0 +1,55 @@ +/* + * Citizen - Flow UI + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + mw.flow.ui.NavigationWidget.less + */ + .flow-ui-navigationWidget { + border-bottom: 1px solid @dark-bg-30; + + &-affixed { + background: @dark-bg-0; + } + } + + /** + mw.flow.ui.EditorWidget.less + */ + .flow-ui-editorWidget > .flow-ui-editorWidget-editor { + background-color: @dark-bg-10; + border-color: @dark-bg-30; + } + + /** + mw.flow.ui.TopicMenuSelectWidget.less + */ + .flow-ui-topicMenuSelectWidget { + &-locked, + &-locked:hover { + color: @dark-text-70; + } + border-color: @dark-bg-30; + + &::-webkit-scrollbar-thumb { + border: 2px solid @dark-bg-0; + } + + &::-webkit-scrollbar-track { + background-color: @dark-bg-0; + } + } + + /** + mw.flow.ui.TopicTitleWidget.less + */ + .flow-ui-topicTitleWidget { + &-termsLabel { + color: @dark-text-80; + } + } +} diff --git a/skinStyles/extensions/MultimediaViewer/mmv.less b/skinStyles/extensions/MultimediaViewer/mmv.less new file mode 100644 index 00000000..aafddd05 --- /dev/null +++ b/skinStyles/extensions/MultimediaViewer/mmv.less @@ -0,0 +1,55 @@ +/* + * Citizen - MultimediaViewer Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.mw-mmv-image-metadata { + border-color: @base-80; +} + +.mw-mmv-stripe-button.mw-mmv-description-page-button, +.mw-mmv-stripe-button.mw-mmv-description-page-button:active, +.mw-mmv-stripe-button.mw-mmv-description-page-button:visited { + margin: 0; + padding: 18px 16px; + border-radius: 0; + font-size: @ui-menu-text; +} + +@media only screen and ( max-width: 560px ) { + .mw-mmv-image-metadata-links-column { + width: auto; // Fix mobile bouncing + float: none; + } + + .mw-mmv-untruncated { + .mw-mmv-image-metadata-desc-column, + .mw-mmv-image-metadata-links-column { + width: auto; + max-width: none; + } + } +} + +@media ( prefers-color-scheme: dark ) { + .mw-mmv-post-image { + background-color: @dark-bg-0; + color: @dark-text-100; + } + + .mw-mmv-image-metadata { + background-color: @dark-bg-10; + border-color: @dark-bg-20; + } + + .mw-mmv-credit { + color: @dark-text-90; + } + + .mw-mmv-image-links li { + color: @dark-text-80; + } +} diff --git a/skinStyles/extensions/Popups/ext.popups.main.less b/skinStyles/extensions/Popups/ext.popups.main.less new file mode 100644 index 00000000..e7009214 --- /dev/null +++ b/skinStyles/extensions/Popups/ext.popups.main.less @@ -0,0 +1,32 @@ +/* + * Citizen - Popups Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.mwe-popups { + border: 0; + border-radius: 0; + .boxshadow(4); +} + +@media ( prefers-color-scheme: dark ) { + .mwe-popups { + background: @dark-bg-50; + + &.mwe-popups-image-tri:after { + border-color: @dark-bg-50; + } + + .mwe-popups-container, + .mwe-popups-extract { + color: @dark-text-90; + } + + .mwe-popups-extract[ dir='ltr' ]:after { + background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-50 50% ); + } + } +} diff --git a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less new file mode 100644 index 00000000..697f55f9 --- /dev/null +++ b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less @@ -0,0 +1,66 @@ +/* + * Citizen - Related Articles Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.ext-related-articles-card-list { + margin-top: 0; + padding-top: @content-margin-top; // Give room for shadows and translate + overflow: visible; // Show shadow + + .ext-related-articles-card { + border: 1px solid @base-80 !important; + border-radius: 0 !important; + .boxshadow(1); + transition: @transition-transform-quick; + + &:hover { + .boxshadow(3); + transform: translateY( -2px ); + } + + > a:hover { + box-shadow: none; + } + } +} + +.ext-related-articles-card-extract:after { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 10%; + height: 1em; + background: linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); +} + +@media ( prefers-color-scheme: dark ) { + .ext-related-articles-card-list { + .ext-related-articles-card { + border-color: @dark-bg-40 !important; + background-color: @dark-bg-30; + } + + .ext-related-articles-card-thumb { + background-color: @dark-bg-10; + } + + h3 { + &:after { + background: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-30 50% ); + } + + a { + color: @dark-text-100; + } + } + } + + .ext-related-articles-card-extract:after { + background: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-30 50% ); + } +} diff --git a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less new file mode 100644 index 00000000..0b93261f --- /dev/null +++ b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less @@ -0,0 +1,21 @@ +/* + * Citizen - Related Articles Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +.read-more-container { + margin: 0 auto; + max-width: @footer-width; +} + +.ra-read-more { + padding: @margin-side; + + h2 { + margin: 0; + padding: 0; + font-size: @content-caption-size; // In line with other styles + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less b/skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less new file mode 100644 index 00000000..5fd5c15d --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.jquery.atwho.less @@ -0,0 +1,49 @@ +/* + * Citizen - SMW jQuery AtWho + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .atwho-view { + background: @dark-bg-0; + color: #6f8092; + border: 1px solid @dark-bg-20; + box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 ); + } + + .atwho-view .atwho-header { + border-bottom: solid 1px @dark-bg-20; + color: #6f8092; + } + + .atwho-view .atwho-header .small { + color: #6f8092; + } + + .atwho-view .cur { + background: @dark-bg-20; + color: #6f8092; + } + + .atwho-view .cur small { + color: @dark-text-100; + } + + .atwho-view strong { + color: #39f; + } + + .atwho-view .cur strong { + color: #39f; + } + + .atwho-view ul li { + border-bottom: 1px solid @dark-bg-20; + } + + .atwho-view small { + color: @dark-text-70; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less b/skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less new file mode 100644 index 00000000..28818a2c --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.libs.tippy.less @@ -0,0 +1,119 @@ +/* + * Citizen - SMW Lib Tippy + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + tippy.css + */ + .tippy-tooltip { + color: @dark-text-100; + background-color: #333; + } + + /** + light-border.css + */ + .tippy-tooltip.light-border-theme { + background-color: @dark-bg-0; + border: 1px solid rgba( 0, 8, 16, 0.15 ); + color: @dark-text-90; + box-shadow: 0 3px 14px -0.5px rgba( 0, 8, 16, 0.08 ); + } + + .tippy-tooltip.light-border-theme .tippy-backdrop { + background-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme .tippy-roundarrow { + fill: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme .tippy-roundarrow:after { + fill: rgba( 0, 8, 16, 0.15 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow { + border-top-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow:after { + border-top: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow:before { + border-top: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow { + border-bottom-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow:after { + border-bottom: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow:before { + border-bottom: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow { + border-left-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow:after { + border-left: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow:before { + border-left: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow { + border-right-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow:after { + border-right: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow:before { + border-right: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + /** + light.css + */ + .tippy-tooltip.light-theme { + color: @dark-text-90; + box-shadow: 0 0 20px 4px rgba( 154, 161, 177, 0.15 ), 0 4px 80px -8px rgba( 36, 40, 47, 0.25 ), 0 4px 4px -2px rgba( 91, 94, 105, 0.15 ); + background-color: @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^='top' ] .tippy-arrow { + border-top: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow { + border-bottom: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^='left' ] .tippy-arrow { + border-left: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^='right' ] .tippy-arrow { + border-right: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme .tippy-backdrop { + background-color: @dark-bg-0; + } + + .tippy-tooltip.light-theme .tippy-roundarrow { + fill: @dark-bg-0; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less new file mode 100644 index 00000000..913b1113 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less @@ -0,0 +1,150 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-ask-toplinks { + background-color: @dark-bg-10; + } + + .smw-ask-toplinks-edit { + border-right: 3px solid @dark-bg-0; + } + + .smw-ask-condition fieldset, + .smw-ask-printhead fieldset { + border: 1px solid @dark-bg-50; + } + + .smw-ask-query .smw-table-row .smw-table-cell { + border: 1px solid @dark-bg-50; + } + + .smw-ask-options-row-odd { + background: @dark-bg-20; + } + + .smw-ask-options-row-even { + background: @dark-bg-0; + } + + .smw-ask-button { + color: @dark-text-80; + border: 1px solid @dark-bg-20; + } + + .smw-ask-button-submit input { + border: 1px solid @dark-bg-10; + background-color: @dark-bg-20; + color: @dark-text-70; + } + + .smw-ask-button-submit input:hover { + background-color: @dark-bg-30; + border-color: @dark-bg-20; + } + + .smw-ask-button-right { + color: @dark-text-80; + border: 1px solid @dark-bg-20; + } + + .smw-ask-button:hover { + background-color: @dark-bg-10; + } + + .smw-ask-button input { + color: @dark-text-100 !important; + } + + .smw-ask-button-lblue { + color: @dark-text-100; + background-color: #5bc0de; + border-color: #46b8da; + } + + .smw-ask-button-lblue:hover { + background-color: #31b0d5; + border-color: #269abc; + } + + .smw-ask-button-dblue { + color: @dark-text-100; + background-color: #337ab7; + border-color: #2e6da4; + } + + .smw-ask-button-dblue:hover { + background-color: #286090; + border-color: #204d74; + } + + .smw-ask-button-lgrey { + background-color: @dark-bg-20; + border-color: @dark-bg-30; + } + + .smw-ask-button-lgrey:hover { + background-color: @dark-bg-30; + border-color: @dark-bg-30; + } + + .smw-ask-button a, + .smw-ask-button a:hover, + .smw-ask-button a:focus, + .smw-ask-button a:active, + .smw-ask-button a:visited { + color: @dark-text-80; + } + + .smw-ask-button-lblue a, + .smw-ask-button-lblue a:hover, + .smw-ask-button-lblue a:focus, + .smw-ask-button-lblue a:active, + .smw-ask-button-lblue a:visited { + color: @dark-text-100; + } + + .smw-ask-button-dblue a, + .smw-ask-button-dblue a:hover, + .smw-ask-button-dblue a:focus, + .smw-ask-button-dblue a:active, + .smw-ask-button-dblue a:visited { + color: @dark-text-100; + } + + .smw-ask-search fieldset, + .smw-ask-format fieldset, + .smw-ask-options fieldset { + border: 1px solid @dark-bg-50; + } + + .strike > span:before, + .strike > span:after { + background: @dark-bg-50; + } + + .smw-ask-sort-input input, + .smw-propertysubject-input { + border: 1px solid @dark-bg-50; + } + + #options-toggle:not( :checked ) + #options-list .options-parameter-list:after { + background-image: linear-gradient( to bottom, rgba( 0, 0, 0, 0 ), @dark-bg-0 90% ); + } + + .slowfade textarea::placeholder { + color: @dark-text-60; + } + + .export-links li { + border-left: 1px solid @dark-bg-50; + } + + .smw-tabs input.nav-tab:checked + label.nav-label.result-cache { + border-top: 2px solid @yellow-50; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less new file mode 100644 index 00000000..ce9540f7 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.browse.styles.less @@ -0,0 +1,114 @@ +/* + * Citizen - SMW Browse + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smwb-factbox { + border-left: 0.5em solid @dark-bg-20; + } + + .smwb-factbox .smwb-cell { + border: 0 solid @dark-bg-50; + border-top: 2px solid @dark-bg-0; + } + + .smwb-cell-empty { + border-left: 0.5em solid @dark-bg-20; + } + + .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-title { + background-color: @dark-bg-20; + } + + .smwb-propvalue { + background-color: @dark-bg-10; + } + + .smwb-propvalue .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-propvalue .smwb-propval { + background-color: @dark-bg-10; + } + + .smwb-center, + .smwb-actions { + background-color: @dark-bg-20; + } + + .smwb-bottom { + border-bottom: 2px solid @dark-bg-0; + } + + .smwb-ifactbox { + border-right: 0.5em solid @dark-bg-20; + } + + .smwb-ifactbox .smwb-cell { + border: 0 solid @dark-bg-50; + border-top: 2px solid @dark-bg-0; + } + + .smwb-ititle { + background-color: @dark-bg-20; + } + + .smwb-ititle td { + border-bottom: 2px solid @dark-bg-0; + } + + .smwb-ipropvalue { + background-color: @dark-bg-10; + } + + .smwb-ipropvalue .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-ipropvalue .smwb-propval { + background-color: @dark-bg-10; + } + + .smwb-input .mw-ui-input:focus { + box-shadow: inset 0 0 0 1px @dark-bg-20; + border-color: @dark-bg-20; + } + + .smwb-action-separator { + border-left: 1px solid @dark-bg-60; + } + + .smwb-theme-light .smwb-factbox { + border-left: 0.5em solid @dark-bg-30; + } + + .smwb-theme-light .smwb-ifactbox { + border-right: 0.5em solid @dark-bg-30; + } + + .smwb-theme-light .smwb-title, + .smwb-theme-light .smwb-center, + .smwb-theme-light .smwb-actions, + .smwb-theme-light .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-theme-light .smwb-propval { + background-color: @dark-bg-10; + } + + @media screen and ( max-width: 800px ) { + .smwb-group .smwb-propval, + .smwb-group .smwb-theme-light .smwb-propval { + background-color: @dark-bg-20; + } + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less new file mode 100644 index 00000000..6f631e36 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.modal.styles.less @@ -0,0 +1,42 @@ +/* + * Citizen - SMW Modal + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-modal { + background-color: rgba( 0, 0, 0, 0.23 ); /* Black w */ + } + + .smw-modal-title { + color: @dark-text-90 !important; + } + + .smw-modal-content { + background-color: @dark-bg-0 !important; + border: 1px solid @dark-bg-20 !important; + box-shadow: 0 0 18px rgba( 27, 31, 35, 0.4 ) !important; + } + + .smw-modal-close:hover, + .smw-modal-close:focus { + color: @dark-text-100 !important; + } + + .smw-modal-header { + border-bottom: 1px solid @dark-bg-20 !important; + background-color: @dark-bg-10 !important; + } + + .smw-modal-header h2 { + border-bottom: 0 solid @dark-bg-50 !important; + color: @dark-text-100 !important; + } + + .smw-modal-footer { + background-color: @green-50; + color: @dark-text-100; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less new file mode 100644 index 00000000..3a572af8 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.page.styles.less @@ -0,0 +1,127 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools + * TODO CHECK 'smw/ext.smw.table.css' +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-property-page-content-line { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-property-page-results .value-row:hover { + background-color: @dark-bg-10; + } + + .smw-property-page-results .header-row > .header-title { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-ui-pagination .page-link { + color: #007bff; + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + } + + .smw-ui-pagination .page-link:hover { + color: #0056b3; + background-color: @dark-bg-20; + border-color: @dark-bg-30; + } + + .smw-ui-pagination .page-link.link-disabled { + color: @dark-text-70; + background-color: @dark-bg-0; + border-color: @dark-bg-20; + } + + .smw-ui-pagination .page-link.link-active { + color: @dark-text-100; + background-color: #007bff; + border-color: #007bff; + } + + .smw-property-page-results .header-title { + color: @dark-text-80; + background-color: @dark-bg-0; + } + + .list-pager-value-filter input { + color: @dark-text-90; + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + } + + .smw-ui-input-filter { + color: #007bff; + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + } + + .smw-ui-input-filter input { + border: 0 solid @dark-bg-20 !important; + border-left: 1px solid @dark-bg-20 !important; + color: @dark-text-80 !important; + } + + .smw-property-page-results .header-title { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-property-page-results.legacy .header-title { + border-bottom: 0 solid @dark-bg-20; + } + + .usage-count, + .item-count { + background-color: rgba( 27, 31, 35, 0.04 ); + color: @dark-text-70; + } + + #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 { + background-color: rgba( 27, 31, 35, 0.08 ); + color: #444d56; + } + + #tab-smw-property-value:checked + label.nav-label .usage-count.moderate, + #tab-smw-concept-list:checked + label.nav-label .usage-count.moderate { + background-color: rgba( 43, 157, 239, 0.18 ); + color: #444d56; + } + + #tab-smw-property-value:checked + label.nav-label .usage-count.high, + #tab-smw-concept-list:checked + label.nav-label .usage-count.high { + background-color: rgba( 186, 0, 0, 0.16 ); + color: #444d56; + } + + .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: 2px solid @red-50; + } + + .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: 2px solid @yellow-50; + } + + .smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label { + border-top: 2px solid @accent-50; + } + + @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: 1px solid @dark-bg-20; + } + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less new file mode 100644 index 00000000..36690c4a --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.style.less @@ -0,0 +1,66 @@ +/* + * Citizen - SMW Special Admin + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-admin-deprecation-notice-docu-section { + background-color: #fcf8e3; + border-color: #faf2cc; + color: #8a6d3b; + } + + .smw-admin-deprecation fieldset { + border-top: 1px solid @dark-bg-50; + } + + .smw-admin-hr { + background-color: @dark-bg-20; + } + + .smw-special-filter-button { + color: @dark-text-80; + border: 1px solid @dark-bg-20; + } + + .smw-special-filter-button:hover { + background-color: @dark-bg-10; + } + + .smw-special-filter-button a, + .smw-special-filter-button a:hover, + .smw-special-filter-button a:focus, + .smw-special-filter-button a:active, + .smw-special-filter-button a:visited { + color: @dark-text-80; + } + + .smw-admin section { + border: 0 solid @dark-bg-50; + } + + .smw-admin input.nav-tab:checked + label.nav-label { + border: 1px solid @dark-bg-50; + border-top: 2px solid @yellow-50; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-admin input.nav-tab:checked + label.nav-label.smw-tab-warning { + border-top: 2px solid @red-50; + } + + .client-nojs .smw-admin-supplementary-duplookup-content:after { + color: @red-50; + background-color: @dark-bg-20; + } + + .smw-admin h3, + .smw-admin h4, + h3.smw-title, + h4.smw-title, + h3 .smw-title { + background: @dark-bg-10; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less new file mode 100644 index 00000000..39ab0329 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.special.styles.less @@ -0,0 +1,19 @@ +/* + * Citizen - SMW Special Preferences + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + fieldset#mw-prefsection-smw-general-options, + fieldset#mw-prefsection-smw-ask-options, + fieldset#mw-prefsection-smw-srf { + border: 0 solid @accent-10; + border-top: 1px solid @dark-bg-20; + } + + #mw-prefsection-smw .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label { + color: @dark-text-70; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less new file mode 100644 index 00000000..5377f41d --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less @@ -0,0 +1,472 @@ +/* + * Citizen - SMW + * https://starcitizen.tools + * + * 'smw/ext.smw.css' + * 'smw/ext.smw.dropdown.css' + * 'smw/ext.smw.table.css' + * 'smw/ext.smw.tabs.css' + * 'smw/factbox/smw.factbox.css' + * 'smw/smw.indicators.css' +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + smw/ext.smw.css + */ + .smw-placeholder { + background-color: @dark-bg-10; + } + + .client-nojs .smw-placeholder:after { + color: @red-50; + } + + .smw-personal-jobqueue-watchlist:hover, + .smw-personal-jobqueue-watchlist:focus, + .smw-personal-jobqueue-watchlist:active { + color: @accent-50; + } + + .item-count { + color: @dark-text-60; + } + + .item-count.active { + background-color: rgba( 27, 31, 35, 0.08 ); + color: @dark-text-80; + } + + .smwpre { + border: 1px dashed @accent-50; + color: @dark-text-100; + background-color: @dark-bg-10; + } + + .smw-debug-box { + border: 5px dotted @yellow-50; + background: @yellow-90; + } + + .smw-debug-box-header { + border-bottom: 1px dotted @yellow-50; + } + + div.smwtimeline { + border: 1px solid @dark-bg-50; + background-color: @dark-bg-10; + } + + .smwtable-striped tbody > tr:nth-child( even ) { + background-color: @dark-bg-10; + } + + .smwtable-striped tbody > tr:nth-child( odd ) { + background-color: @dark-bg-0; + } + + .smwtable-striped tbody > tr:hover { + background-color: @dark-bg-20; + } + + .smwtable-clean tr { + border-top: 1px solid @dark-bg-20; + } + + .smwtable-clean tr > th { + border-top: 1px solid @dark-bg-20; + } + + .smwtable-clean tr > td { + border-top: 1px solid @dark-bg-20; + } + + .smwtable-clean tbody > tr:nth-child( even ) { + background-color: @dark-bg-10; + } + + div.smwhr hr { + background-color: @dark-bg-20; + color: @dark-text-80; + } + + span.smwwarning { + color: @dark-text-60; + } + + span.smwsearchicon { + color: @dark-text-60; + } + + #bodyContent span.smwsearch a { + color: @dark-text-70; + } + + #bodyContent span.smwsearch a:hover { + color: @dark-text-60; + } + + #bodyContent span.smwbrowse a { + color: @dark-text-70; + } + + #bodyContent span.smwbrowse a:hover { + color: @dark-text-60; + } + + .concept-documenation { + border-top: 1px dotted @dark-bg-50; + } + + hr.smw-form-horizontalrule { + background-color: @dark-bg-20; + } + + .smw-horizontalrule { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-editpage-help { + background-color: @dark-bg-20; + border: 1px solid @dark-bg-30; + } + + .smw-column-header { + color: @dark-text-100; + } + + .smw-note { + background-color: @dark-bg-10; + } + + .smw-callout-info { + background: #d9edf7; + border-left: 5px solid #1b809e; + } + + .smw-callout-info .title { + color: #1b809e; + } + + .smw-callout-info-light { + background: @dark-bg-10; + border-left: 5px solid @dark-bg-20; + } + + .smw-callout-info-light .title { + color: #1b809e; + } + + .smw-callout-warning { + background: @yellow-90; + border-left: 5px solid #aa6708; + color: @dark-text-60; + } + + .smw-callout-warning .title { + color: #aa6708; + } + + .smw-callout-success { + background: #dff0d8; + border-left: 5px solid #3c763d; + } + + .smw-callout-success .title { + color: #3c763d; + } + + .smw-callout-error { + background: #f2dede; + border-left: 5px solid #ce4844; + } + + .autocomplete-suggestions { + background: @dark-bg-0; + border: 1px solid @dark-bg-20; + box-shadow: rgba( 0, 0, 0, 0.1 ) 0 0 5px; + color: #6f8092; + } + + .autocomplete-suggestion { + border-bottom: 1px solid @dark-bg-20; + } + + .autocomplete-selected { + background: @dark-bg-20; + } + + .autocomplete-suggestions strong { + color: @accent-50; + } + + .autocomplete-group strong { + border-bottom: 1px solid @dark-bg-0; + } + + .autocomplete-arrow-light { + background-image: linear-gradient( 45deg, transparent 50%, @dark-bg-30 50% ), linear-gradient( 135deg, @dark-bg-30 50%, transparent 50% ), linear-gradient( to right, @dark-bg-0, @dark-bg-0 ); + } + + .smw-breadcrumb-link { + color: @dark-text-70; + } + + .smw-breadcrumb-arrow-right { + border-left: 5px solid @dark-bg-50; + } + + .smw-ask-action-btn-lgrey, + a.smw-ask-action-btn-lgrey:visited, + .smw-action-btn-lgrey, + .smw-action-btn-lgrey:visited { + color: @dark-text-90; + background-color: @dark-bg-20; + border-color: @dark-bg-20; + text-decoration: none; + } + + a.smw-ask-action-btn-lgrey:hover, + .smw-action-btn-lgrey:hover { + color: @dark-text-90; + background-color: @dark-bg-20; + border-color: @dark-bg-20; + } + + .smw-ask-action-btn-lblue, + a.smw-ask-action-btn-lblue:visited { + color: @dark-text-100; + background-color: #5bc0de; + border-color: #46b8da; + } + + a.smw-ask-action-btn-lblue:hover { + color: @dark-text-100; + background-color: #31b0d5; + border-color: #269abc; + } + + .smw-ask-action-btn-dblue, + a.smw-ask-action-btn-dblue:visited { + color: @dark-text-100; + background-color: #337ab7; + border-color: #2e6da4; + } + + .smw-ask-action-btn-dblue:hover, + .smw-ask-action-btn-dblue:focus, + a.smw-ask-action-btn-dblue:hover, + a.smw-ask-action-btn-dblue:focus { + color: @dark-text-100; + background-color: #286090; + border-color: #204d74; + } + + .smw-page-indicator { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-protection-indicator { + color: @dark-text-90; + } + + .smw-protection-indicator.with-border { + border-color: @dark-bg-20; + } + + .smw-page-indicator.usage-count.moderate { + background-color: #f2d29b; + border: 1px solid #f2d29b; + color: #aa4c2c; + } + + .smw-page-indicator.usage-count.high { + background-color: #ff887f; + border: 1px solid #ffb79e; + color: #800000; + } + + .smw-admin-circle-orange { + background: #ffa500; + } + + .smw-overlay-spinner.mini { + border-left: 3px solid rgba( 0, 174, 239, 0.15 ); + border-right: 3px solid rgba( 0, 174, 239, 0.15 ); + border-bottom: 3px solid rgba( 0, 174, 239, 0.15 ); + border-top: 3px solid rgba( 0, 174, 239, 0.8 ); + } + + .smw-overlay-spinner { + border-left: 6px solid rgba( 0, 174, 239, 0.15 ); + border-right: 6px solid rgba( 0, 174, 239, 0.15 ); + border-bottom: 6px solid rgba( 0, 174, 239, 0.15 ); + border-top: 6px solid rgba( 0, 174, 239, 0.8 ); + } + + .ns-112.action-submit .error { + color: #721c24; + background: #f2dede; + border-left: 5px solid #ce4844; + } + + .ns-112.action-submit .error:before { + color: #721c24; + } + + /** + smw/ext.smw.dropdown.css + */ + .smw-dropdown > a, + .smw-dropdown > button { + background-color: @dark-bg-0; + border: 1px solid @dark-bg-30; + color: @dark-text-100; + } + + .smw-dropdown > a:before, + .smw-dropdown > button:before { + border-top: 5px solid @dark-bg-0; + } + + .smw-dropdown .smw-dropdown-menu { + border: 1px solid @dark-bg-30; + background-color: @dark-bg-0; + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.175 ); + } + + .smw-dropdown .smw-dropdown-menu li:hover { + background-color: @dark-bg-10; + } + + .smw-dropdown .smw-dropdown-menu li a { + color: @dark-text-100; + } + + .smw-dropdown .smw-dropdown-menu .divider { + background-color: @dark-bg-20; + } + + .smw-dropdown-menu:before { + border-bottom-color: rgba( 27, 31, 35, 0.15 ); + } + + .smw-dropdown-menu:before { + border-bottom-color: rgba( 27, 31, 35, 0.15 ); + } + + .smw-dropdown-menu:after { + border-bottom-color: @dark-bg-0; + } + + /** + smw/ext.smw.tabs.css + */ + .smw-tabs section, + .smw-tabs .subtab-content { + border-top: 1px solid @dark-bg-20; + } + + .smw-tabs label.nav-label { + color: @dark-text-60; + } + + .smw-tabs label.nav-label:hover { + color: @dark-text-60; + } + + .smw-tabs input.nav-tab:checked + label.nav-label { + color: @dark-text-90; + border: 1px solid @dark-bg-20; + border-top: 2px solid #337ab7; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-tabs input.nav-tab:checked + label.nav-label.cached { + border-top: 2px solid @yellow-30; + } + + @media screen and ( max-width: 800px ) { + .smw-tabs input.nav-tab:checked + label.nav-label { + background-color: @dark-bg-10; + } + } + + /** + smw/factbox/smw.factbox.css + */ + .smwfact { + background-color: @dark-bg-10; + border: 1px solid @dark-bg-50; + } + + .smwfact td, + .smwfact tr, + .smwfact table { + background-color: @dark-bg-10; + } + + .smwfact .smwfacttable { + border-top: 1px dotted @dark-bg-50; + } + + .smwfact .smw-table-row:nth-child( odd ) { + background-color: @dark-bg-10; + } + + .smwfact .smw-table-row:nth-child( even ) { + background-color: @dark-bg-0; + } + + .rdflink a { + color: @dark-text-60; + } + + .rdflink a:hover { + color: @accent-50; + } + + .smw-factbox section { + border: 1px solid @dark-bg-50; + } + + .smw-factbox input.nav-tab:checked + label.nav-label { + border: 1px solid @dark-bg-50; + border-top: 2px solid @yellow-30; + border-bottom: 1px solid @dark-bg-0; + background: @dark-bg-0; + } + + .smw-factbox input.nav-tab:checked + label#tab-label-facts-attachment.nav-label { + border: 1px solid @dark-bg-50; + border-top: 2px solid #42c0fb; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-factbox .smwfact { + background-color: @dark-bg-0; + } + + /** + smw/smw.indicators.css + */ + .smw-icon-indicator-placeholder { + background-color: @dark-bg-20; + } + + .smw-list-rule-title { + border-bottom: 0 solid @dark-bg-20; + color: @dark-text-100; + } + + /** + Icons + */ + .smw-icon-info, + .smw-icon-compact { + filter: invert( 1 ) hue-rotate( 180deg ); + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less new file mode 100644 index 00000000..861a9132 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.table.styles.less @@ -0,0 +1,36 @@ +/* + * Citizen - SMW Table Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-table-header { + background-color: @dark-bg-20; + } + + .smw-table-cell, + .smw-table-head { + border: 1px solid @dark-bg-50; + } + + .smw-table-header { + background-color: @dark-bg-20; + } + + .smw-table-footer { + background-color: @dark-bg-20; + } + + /** + Should probably be -50 + */ + .smw-table-sort-asc:after { + color: @dark-text-60; + } + + .smw-table-sort-desc:after { + color: @dark-text-60; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less new file mode 100644 index 00000000..f67b02ab --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.tooltip.styles.less @@ -0,0 +1,24 @@ +/* + * Citizen - SMW Util Tooltip + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + div.smwtt { + color: @dark-text-100; + } + + span.smwttpersist span.smwttcontent { + color: @dark-text-70; + } + + span.smwttactivepersist { + color: @accent-50; + } + + span.smwttactiveinline { + color: @yellow-30; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less new file mode 100644 index 00000000..ba232670 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.vtabs.styles.less @@ -0,0 +1,70 @@ +/* + * Citizen - SMW Vertical Tabs + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + div.smw-vtab-nav button { + background-color: @dark-bg-0; + color: #428bca; + } + + div.smw-vtab-nav button a { + color: #428bca; + } + + div.smw-vtab-nav.nav-right button { + border-left: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav.nav-left button { + border-right: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav button:hover { + background-color: @dark-bg-20; + border-color: @dark-bg-30; + } + + div.smw-vtab-nav.nav-right button:hover { + border-left: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav.nav-left button:hover { + border-right: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav button.active { + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + color: @dark-text-100; + } + + div.smw-vtab-nav button.active a { + color: @dark-text-100; + } + + div.smw-vtab-nav.nav-right button.active, + div.smw-vtab-nav.nav-right button.active a { + border-color: @dark-bg-20; + } + + div.smw-vtab-nav.nav-left button.active, + div.smw-vtab-nav.nav-left button.active a { + border-color: @dark-bg-20; + } + + .smw-vtab-content { + border: 1px solid @dark-bg-30; + } + + div.smw-vtab-nav .smw-vtab-warning a { + color: @yellow-50; + } + + div.smw-vtab-nav .smw-vtab-warning.active a { + color: @yellow-30; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less b/skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less new file mode 100644 index 00000000..53159ec1 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/jquery.jsonview.less @@ -0,0 +1,32 @@ +/* + * Citizen - SMW jQuery Json View + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .jsonview .prop { + color: @dark-text-100; + } + + .jsonview .null { + color: @red-50; + } + + .jsonview .undefined { + color: @red-50; + } + + .jsonview .bool { + color: @accent-50; + } + + .jsonview .num { + color: @accent-50; + } + + .jsonview .string { + color: @green-50; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less b/skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less new file mode 100644 index 00000000..63621698 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/jquery.selectmenu.styles.less @@ -0,0 +1,284 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + jquery/jquery.selectmenu.css + */ + .sm_target_clicked { + background-color: @dark-bg-20; + border-color: rgba( 27, 31, 35, 0.35 ); + box-shadow: inset 0 0.15em 0.3em rgba( 27, 31, 35, 0.15 ); + } + + .sm_sub_header:hover { + color: @dark-text-100 !important; + } + + .sm_sub_header button { + color: @dark-text-100; + } + + .sm_container { + border: 1px solid @dark-bg-30; + background-color: @dark-bg-10; + box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -moz-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -webkit-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + } + + .sm_header > h3 { + color: @dark-text-90; + } + + .sm_header button { + color: @dark-text-60; + } + + .sm_header button:hover { + color: @dark-text-100; + } + + .sm_input { + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + } + + .sm_input:focus { + border: 1px solid @dark-bg-50; + box-shadow: 0 0 0 3px rgba( 150, 150, 150, 0.2 ); + } + + div.sm_clear_btn { + color: @dark-text-70; + } + + div.sm_clear_btn:hover { + color: @dark-text-100; + } + + .sm_result_area { + background-color: @dark-bg-0; + } + + .sm_result_area.sm_list_mode { + border-top: 1px solid @dark-bg-20; + } + + div.sm_result_area.shadowDown { + box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -moz-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -webkit-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + } + + div.sm_result_area.shadowUp { + box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); + -moz-box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); + -webkit-box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); + } + + .sm_result_tabs { + border-bottom: 1px solid @dark-bg-20; + } + + .sm_result_tabs ul li a { + color: @dark-text-70; + } + + .sm_result_tabs ul li a.active { + color: @dark-text-90; + background-color: @dark-bg-0; + border-color: @dark-bg-20; + border-bottom-color: @dark-bg-0; + } + + .sm_arrow_bottom > .sm_arrow { + border-bottom-color: @dark-bg-50; + border-bottom-color: rgba( 0, 0, 0, 0.25 ); + } + + .sm_arrow_bottom > .sm_arrow:after { + border-bottom-color: @dark-bg-0; + } + + .sm_arrow_bottom > .sm_arrow.sm_have_title:after { + border-bottom-color: @dark-bg-10; + } + + .sm_arrow_top > .sm_arrow { + border-top-color: @dark-bg-50; + border-top-color: rgba( 0, 0, 0, 0.25 ); + } + + .sm_arrow_top > .sm_arrow:after { + border-top-color: @dark-bg-0; + } + + .sm_results { + background-color: @dark-bg-0; + } + + .sm_regular .sm_results > li:hover { + background-color: #53a4ea; + color: @dark-text-100; + } + + .sm_regular .sm_results > li:hover a { + color: @dark-text-100; + } + + .sm_regular .sm_results > li.sm_disabled, + .sm_regular .sm_results > li.sm_disabled:hover, + .sm_regular .sm_results > li.sm_disabled a { + background-color: @dark-bg-0; + color: @dark-text-70; + } + + .sm_regular .sm_results > li.sm_header, + .sm_regular .sm_results > li.sm_header:hover, + .sm_regular .sm_results > li.sm_header a { + background-color: @dark-bg-0; + color: @dark-text-100; + } + + .sm_results > li { + color: @dark-text-100; + } + + .sm_results > li > a { + color: @dark-text-100; + } + + .sm_results > li.sm_divider { + border-bottom: 1px solid @dark-bg-20; + } + + ul.sm_results > li.sm_over { + background-color: #53a4ea !important; + color: @dark-text-100 !important; + } + + .sm_control_box { + background-color: @dark-bg-0; + border-top: 1px solid @dark-bg-20; + } + + .sm_control_box button { + background-color: @dark-bg-10; + color: @dark-text-80; + } + + .sm_control_box button:hover { + background-color: @dark-bg-20; + color: @dark-text-100; + } + + div.sm_container_combo { + border: 1px solid @dark-bg-30; + -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + } + + div.sm_container_combo.sm_disabled, + div.sm_container_combo.sm_disabled ul.sm_element_box, + div.sm_container_combo.sm_disabled .sm_input { + background-color: @dark-bg-20; + } + + div.sm_container_combo.sm_container_open { + -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); + -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); + box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); + border: 1px solid #75b9f0; + } + + input.sm_combo_input[ readonly ], + input.sm_combo_input[ disabled ] { + background-color: @dark-bg-0; + } + + ul.sm_element_box li.selected_tag { + border: 1px solid @dark-bg-50; + background-color: @dark-bg-20; + box-shadow: 0 0 2px @dark-bg-0 inset, 0 1px 0 rgba( 0, 0, 0, 0.05 ); + } + + .sm_input_off { + background: @dark-bg-20; + color: @dark-text-90; + } + + .sm_navi { + background: @dark-bg-20; + border-bottom: 1px solid @accent-90; + } + + .sm_navi > p > a:link, + .sm_navi > p > a:visited, + .sm_navi > p > a:hover, + .sm_navi > p > a:active { + color: @accent-50; + } + + .sm_navi > p { + color: @dark-text-100; + } + + .sm_navi > p > a > .current { + color: @accent-10; + } + + .sm_navi > p > .page_end { + color: @dark-text-70; + } + + .sm_container > .sm_select_ng { + background: @red-90; + } + + div.sm_result_area div.pagination > ul > li > a { + background-color: @dark-bg-0; + color: @dark-text-70; + } + + div.sm_result_area div.pagination > ul > li > a:hover { + color: @dark-text-100; + background-color: @dark-bg-20; + } + + div.sm_result_area div.pagination > ul > li.disabled > a { + color: @dark-text-80; + } + + div.sm_result_area div.pagination > ul > li.disabled > a:hover { + color: @dark-text-80; + background-color: @dark-bg-0; + } + + div.sm_result_area div.pagination > ul > li.pageInfoBox > a { + color: @dark-text-70; + } + + div.sm_result_area div.pagination > ul > li.pageInfoBox > a:hover { + color: @dark-text-70; + } + + /** + smw/smw.selectmenu.css + */ + .smw-selectmenu-button { + color: @dark-text-80; + } + + .smw-selectmenu-label { + color: @dark-text-80; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less b/skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less new file mode 100644 index 00000000..c24018e8 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/smw.content.schema.less @@ -0,0 +1,84 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools + * TODO CHECK 'smw/ext.smw.table.css' +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .content-highlight { + border-top: 1px solid @dark-bg-20; + border-left: 1px solid @dark-bg-20; + border-right: 1px solid @dark-bg-20; + border-bottom: 1px solid @dark-bg-20; + } + + .content-no-highlight-o { + background-color: @dark-bg-10; + border-top: 1px solid @dark-bg-20; + border-left: 1px solid @dark-bg-20; + border-right: 1px solid @dark-bg-20; + border-bottom: 1px solid @dark-bg-20; + } + + .unknown-type .content-highlight { + border-top: 1px solid @dark-bg-20; + } + + .schema-tags { + border-bottom: 1px solid @dark-bg-20; + border-left: 1px solid @dark-bg-20; + border-right: 1px solid @dark-bg-20; + background-color: @dark-bg-10; + } + + .schema-tags:first-child { + border: 1px solid @dark-bg-20; + background-color: @dark-bg-10; + } + + .schema-tags li { + border-left: 1px solid @dark-bg-50; + } + + .smw-schema-description { + color: @dark-text-70; + } + + .schema-error { + color: @red-50; + } + + h3.smw-title { + background: @dark-bg-10; + color: @dark-text-100; + } + + .smw-schema #tab-schema-usage:checked + label.nav-label .item-count { + background-color: rgba( 27, 31, 35, 0.08 ); + color: @dark-text-80; + } + + .smw-schema section { + border-top: 1px solid @dark-bg-20; + border-left: 0 solid @dark-bg-20; + border-right: 0 solid @dark-bg-20; + } + + .smw-schema input.nav-tab:checked + label.nav-label { + border: 1px solid @dark-bg-20; + border-top: 2px solid #337ab7; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-schema input.nav-tab:checked + label.nav-label.error-label { + border-top: 2px solid @red-50; + } + + .schema-summary .smw-table-cell, + .smw-table-head { + border: 1px solid @dark-bg-50; + border-bottom: 1px solid @dark-bg-20; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less b/skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less new file mode 100644 index 00000000..7be47c97 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less @@ -0,0 +1,22 @@ +/* + * Citizen - SMW Json View + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-jsonview-button { + background-color: #337ab7; + color: @dark-text-100; + } + + .smw-jsonview-button:first-child { + border-right: 1px solid @dark-bg-0; + } + + .smw-jsonview-button:hover { + background-color: #008cba; + color: @dark-text-100; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less b/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less new file mode 100644 index 00000000..2291970c --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less @@ -0,0 +1,52 @@ +/* + * Citizen - SMW Special Search + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-search-results-prepend { + background-color: @dark-bg-20; + border: 1px solid rgba( 94, 157, 200, 0.25 ); + } + + .smw-text-strike > span:before, + .smw-text-strike > span:after { + background: @dark-bg-50; + } + + .smw-input { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-select-field { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-button-field { + color: @dark-text-70; + } + + .smw-form-link-query { + border-right: 1px solid @dark-bg-50; + } + + #smw-searchoptions { + background-color: @dark-bg-10; + border: 1px solid @dark-bg-30; + } + + #smw-searchoptions .divider { + border-bottom: 1px solid @dark-bg-20; + } + + #smw-search-synatx-list code { + background-color: #5e9dc82e; + border: 1px solid #5e9dc84a; + } + + .search-types .current a:after { + color: @dark-text-80; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less b/skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less new file mode 100644 index 00000000..01ac4f9d --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/smw.summarytable.less @@ -0,0 +1,28 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-summarytable .smw-table-cell, + .smw-table-head { + border: 1px solid @dark-bg-50; + border-bottom: 1px solid @dark-bg-20; + } + + @media screen and ( max-width: 800px ) { + .smw-summarytable .smw-table-row .smwpropname { + border-bottom: 0 solid @dark-bg-20; + } + + .smw-summarytable-imagecolumn .smw-summarytable-image { + border-top: 1px solid @dark-bg-20; + } + + .smw-summarytable-columns .smw-summarytable-columns-2:first-child { + border-bottom: 1px solid @dark-bg-20; + } + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less b/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less new file mode 100644 index 00000000..3166fb80 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.styles.less @@ -0,0 +1,97 @@ +/* + * Citizen - SMW Tableprinter + * 'smw/printer/ext.smw.tableprinter.css' + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-datatable table.dataTable.no-footer { + border-bottom: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable tfoot td { + border-bottom: 1px solid @dark-bg-50; + border-top: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable.compact tfoot th, + .smw-datatable table.dataTable.compact tfoot td { + border-bottom: 1px solid @dark-bg-50; + border-top: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable thead th, + .smw-datatable table.dataTable thead td, + .smw-datatable table.data.smw-datatable table.compact thead th, + .smw-datatable table.data.smw-datatable table.compact thead td, + .smw-datatable table.data.smw-datatable table.no-footer { + border-bottom: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable thead th, + .smw-datatable table.dataTable thead td, + .smw-datatable table.data.smw-datatable table.compact thead th, + .smw-datatable table.data.smw-datatable table.compact thead td { + border-top: 1px solid @dark-bg-50; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current, + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + background: @dark-bg-30; + color: @dark-text-90; + border-color: @dark-bg-30; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover { + background: @accent-50; + color: @dark-text-100; + border-color: @accent-50; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { + color: @dark-text-70; + } + + .smw-datatable .dataTables_wrapper .dataTables_filter input { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-datatable .dataTables_wrapper select { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-datatable .dataTables_wrapper select:focus, + .smw-datatable .dataTables_wrapper select:active, + .smw-datatable .dataTables_wrapper .dataTables_filter input:focus, + .smw-datatable .dataTables_wrapper .dataTables_filter input:active { + border: 1px solid @accent-50; + } + + .smw-datatable-toolbar .smw-dropdown button { + border: 1px solid @dark-bg-20; + } + + .smw-datatable-sep { + border-left: 1px solid @dark-bg-20; + } + + .smw-datatable-button { + color: #586069; + border: 1px solid @dark-bg-20; + } + + .smw-datatable-button:hover { + background-color: @dark-bg-10; + } +} diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.tippy.less b/skinStyles/extensions/SemanticMediaWiki/smw.tippy.less new file mode 100644 index 00000000..898d2544 --- /dev/null +++ b/skinStyles/extensions/SemanticMediaWiki/smw.tippy.less @@ -0,0 +1,42 @@ +/* + * Citizen - SMW Tippy Tooltips + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .tippy-header { + background-color: @dark-bg-10; + border-bottom: 1px solid @dark-bg-20; + } + + .tippy-bottom { + background-color: @dark-bg-0; + border-top: 1px solid @dark-bg-20; + } + + .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow, + .tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow, + .tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow:after, + .tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow:after { + border-bottom-color: @dark-bg-10; + } + + .tippy-cancel { + color: @dark-text-100; + text-shadow: 0 1px 0 @dark-bg-0; + } + + .tippy-cancel:hover { + color: @dark-text-100; + } + + .tippy-warning-circle { + background-color: @yellow-50; + } + + .tippy-error-circle { + background-color: @red-50; + } +} diff --git a/skinStyles/extensions/Tabber/ext.Tabber.less b/skinStyles/extensions/Tabber/ext.Tabber.less new file mode 100644 index 00000000..596740dc --- /dev/null +++ b/skinStyles/extensions/Tabber/ext.Tabber.less @@ -0,0 +1,55 @@ +/* + * Citizen - Tabber Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +.tabber { + ul.tabbernav { + padding: 0; + border: 0; + display: flex; + overflow: auto; + font-size: inherit; + font-weight: normal; + font-family: inherit; + letter-spacing: -0.25px; + + li { + padding: 0; + display: block; + + &:first-child a { + padding-left: 0; + } + + &.tabberactive a { + color: @accent-50; + pointer-events: none; + } + + a { + margin: 0; + padding: @margin-side / 2; + display: block; + border: 0; + background: 0 !important; // To override hover styles + color: @base-50; + + &:hover { + border: 0; + } + } + } + } + + .tabbertab { + padding: 0; + border: 0; + } +} + +.mw-body-content #mw-content-text .mw-parser-output .tabber .tabbernav a:hover { + color: @base-30 !important; // Override sigh +} diff --git a/skinStyles/extensions/Translate/ext.translate.editor.less b/skinStyles/extensions/Translate/ext.translate.editor.less new file mode 100644 index 00000000..b7d38b34 --- /dev/null +++ b/skinStyles/extensions/Translate/ext.translate.editor.less @@ -0,0 +1,17 @@ +/* + * Citizen - Translate Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.tux-message-editor { + border: 0; + .boxshadow(2); + + .editcolumn { + padding: @margin-side 40px @margin-side @margin-side; + overflow: auto; + } +} diff --git a/skinStyles/extensions/Translate/ext.translate.less b/skinStyles/extensions/Translate/ext.translate.less new file mode 100644 index 00000000..0123f735 --- /dev/null +++ b/skinStyles/extensions/Translate/ext.translate.less @@ -0,0 +1,35 @@ +/* + * Citizen - Translate Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +.mw-pt-translate-header { + margin: 8px 0 0 ~'calc(-@{page-width} / 2 + 310px)'; + width: 90px; + position: absolute; + border-top: 1px solid currentColor; + padding-top: @margin-side / 2; + margin-top: 8px; + color: #a2a9b1; + text-align: left; + opacity: 1; + transition: @transition-opacity; + + .mw-translate-fuzzy { + display: none; + } +} + +.mw-translate-fuzzy { + display: inline-block; +} + +@media only screen and ( max-width: @screen2 ) { + .mw-pt-translate-header { + z-index: -1; // Not interactable + pointer-events: none; // Not interactable + opacity: 0; + } +} diff --git a/skinStyles/extensions/Translate/ext.translate.loader.less b/skinStyles/extensions/Translate/ext.translate.loader.less new file mode 100644 index 00000000..295d29b2 --- /dev/null +++ b/skinStyles/extensions/Translate/ext.translate.loader.less @@ -0,0 +1,12 @@ +/* + * Citizen - Translate Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.tux-messagetable-loader { + background: transparent !important; + box-shadow: none !important; +} diff --git a/skinStyles/extensions/Translate/ext.translate.messagetable.less b/skinStyles/extensions/Translate/ext.translate.messagetable.less new file mode 100644 index 00000000..69c1ccf8 --- /dev/null +++ b/skinStyles/extensions/Translate/ext.translate.messagetable.less @@ -0,0 +1,160 @@ +/* + * Citizen - Translate Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +#page-tools { + z-index: 0; + margin-top: 0; + + #p-views { + ul { + flex-direction: column; + + li > a { + width: auto; + height: auto; + padding: @margin-side / 4 @margin-side / 2 @margin-side / 4 0; + opacity: 1; + + &:hover { + opacity: 1; + color: @color-link-active; + } + + &:after { + content: none; + } + + > span { + position: relative !important; + clip: unset; + width: auto; + height: auto; + margin: 0; + } + } + } + } +} + +.tux-messagelist, +.tux-action-bar, +.tux-messagetable-header.floating { + margin: 0 @negative-margin !important; +} + +.tux-action-bar.floating, +.tux-messagetable-header.floating { + .boxshadow(3); +} + +.tux-messagelist, +.tux-action-bar, +.tux-messagetable-header { + transition: @transition-margin, @transition-width; +} + +.tux-messagelist, +.tux-action-bar:not( .floating ) { + width: auto !important; +} + +.tux-messagetable-header { + padding: 0; // Reserve spaces for tabs + display: flex; + align-items: center; + + &.floating { + > div:first-of-type { + padding: 0 20px 10px; + } + } +} + +.tux-message-selector { + li { + &.selected { + border: 0; + } + + a { + color: @base-50; + padding: @margin-side / 2 @margin-side; + display: block; + transition: @transition-color-quick; + + &:hover { + color: @accent-50; + } + + &:first-of-type { + padding-left: 0; + } + } + } + + .more { + padding: @margin-side / 2 @margin-side !important; + + > ul { + margin: 0; + padding: 8px 0; + width: auto; + top: 0; + left: 0; + border: 0; + .boxshadow(5); + + li { + padding: 0; + white-space: nowrap; + font-size: @ui-menu-text-big; + + a { + margin: 0; + padding: 10px 15px !important; + } + + input { + margin: @margin-side / 2 @margin-side / 4 @margin-side @margin-side; + } + + label { + padding-right: @margin-side; + } + } + } + } +} + +@media only screen and ( max-width: @screen2 ) { + #page-tools { + margin: 0 auto @margin-side * 2; + float: none; + max-width: @page-width; + + #p-views { + ul { + flex-direction: row; + } + } + } + + .tux-messagelist, + .tux-action-bar, + .tux-messagetable-header.floating { + margin: 0 ~'calc((100vw - @{page-width}) / -2)' !important; + } +} + +@media only screen and ( max-width: @screen1 ) { + .tux-messagelist, + .tux-action-bar, + .tux-messagetable-header.floating { + margin: 0 -@margin-side !important; // fill margin + } +} diff --git a/skinStyles/extensions/Translate/ext.translate.special.translate.less b/skinStyles/extensions/Translate/ext.translate.special.translate.less new file mode 100644 index 00000000..b0b99b5b --- /dev/null +++ b/skinStyles/extensions/Translate/ext.translate.special.translate.less @@ -0,0 +1,19 @@ +/* + * Citizen - Translate Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.firstHeading, +#siteSub, +#p-actions, +#mw-bottombar { + display: none !important; +} + +.tux-messagetable-header { + border: 0; + box-shadow: none; +} diff --git a/skinStyles/extensions/Translate/ext.translate.tag.languages.less b/skinStyles/extensions/Translate/ext.translate.tag.languages.less new file mode 100644 index 00000000..2d10b7b9 --- /dev/null +++ b/skinStyles/extensions/Translate/ext.translate.tag.languages.less @@ -0,0 +1,96 @@ +/* + * Citizen - Translate Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +.mw-pt-languages { + display: block; + border: 0; + width: auto; + background: 0; + margin: 0; + padding: @margin-side 0; +} + +.mw-pt-languages-label { + display: block; + border: 0; + padding: 0; + color: @base-30; + background: 0; + font-size: 0.8125rem; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 1px; + width: auto; +} + +.mw-pt-languages-list { + padding: @content-margin-top 0 0 0; + display: flex; + flex-wrap: wrap; + width: auto; + visibility: hidden; // Hide dots + + > * { + visibility: visible; + } +} + +.mw-pt-languages-selected, +.mw-pt-languages-ui { + font-weight: normal; + .boxshadow(2) !important; + + &:hover { + transform: none !important; + } +} + +.mw-pt-progress { + margin: 0 0 @margin-side / 2 0; + padding: @margin-side / 4 @margin-side / 2; + display: block; + border: 1px solid @base-90; + background: @base-90; + color: @base-30; + font-size: @content-caption-size; + .boxshadow(1); + transition: @transition-transform-quick, @transition-box-shadow-quick; + + &:hover { + .boxshadow(2); + transform: translateY( -2px ); + } +} + +.mw-pt-progress--stub { + background: @base-90; +} + +.mw-pt-progress--low { + background: @red-50; + border-color: @red-50; + color: @base-100 !important; // bypass visited styles +} + +.mw-pt-progress--med { + background: @yellow-50; + border-color: @yellow-50; + color: @base-100 !important; // bypass visited styles +} + +.mw-pt-progress--high { + background: @green-50; + border-color: @green-50; + color: @base-100 !important; // bypass visited styles +} + +.mw-pt-progress--complete { + background: @green-30; + border-color: @green-30; + color: @base-100 !important; // bypass visited styles +} diff --git a/skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less b/skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less new file mode 100644 index 00000000..9ddcecd7 --- /dev/null +++ b/skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less @@ -0,0 +1,36 @@ +/* + * Citizen - ULS Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; +@import '../../../resources/mixins.less'; + +// Need important to override +.uls-menu { + border: 0 !important; + border-radius: 0; + .boxshadow(5)!important; +} + +.uls-search { + z-index: 1; + position: relative; + border: 0; + transition: @transition-box-shadow; + .boxshadow(2); + + &:focus-within { + .boxshadow(3); + } +} + +// Gotta fix this for mobile +.uls-narrow { + left: 0 !important; + width: 100% !important; +} + +#uls-settings-block { + border-color: @base-80 !important; +} diff --git a/skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less b/skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less new file mode 100644 index 00000000..a9727c26 --- /dev/null +++ b/skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less @@ -0,0 +1,31 @@ +/* + * Citizen - ULS toggle Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +// Styles for ULS icon +#pt-uls a.uls-trigger { + padding: 0; + display: block; + width: @icon-box-size + @icon-padding; + height: @header-height; + color: transparent; // Hide text + opacity: 0.6; // Replicate color of other icons + background-size: @icon-box-size; + background-position: center; + transition: @transition-opacity; + + &:hover, + &:focus, + &:active { + opacity: 0.8; + } +} + +@media ( prefers-color-scheme: dark ) { + #pt-uls a.uls-trigger { + filter: invert( 1 ); + } +} diff --git a/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less b/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less new file mode 100644 index 00000000..3c759f22 --- /dev/null +++ b/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less @@ -0,0 +1,79 @@ +/* + * Citizen - Visual Editor Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +.ve-activated { + .mw-header-container { + background-color: #fff; + } + + #mw-sidebar-sitename { + top: @header-height + @margin-side + 42px; + } + + #page-tools { + z-index: 1; // Fix collision + pointer-events: auto; + opacity: 1; + } + + #mw-bottombar { + display: none; + } +} + +.ve-ui-overlay { + font-family: @fonts; + + &-global { + z-index: 12; // Higher than header + } +} + +// Fix weird compressed text bug +.ve-init-mw-tempWikitextEditorWidget { + width: 100% !important; +} + +// Match animation +.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar { + transition: @transition-transform !important; +} + +// Make toolbar more mobile friendly, well at least I did by best +.ve-init-mw-desktopArticleTarget-toolbar { + margin: -20px -20px 20px -20px !important; // Bypass @media screen styles +} + +// Stick with the header +.nav-down ~ .mw-body { + .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { + transform: translateY( @header-height ); + } +} + +.ve-ui-surface-placeholder, +.ve-ui-surface .ve-ce-documentNode { + padding: 0; +} + +.ve-init-mw-desktopArticleTarget .CodeMirror { + padding: 0; + line-height: @content-line-height; // Lining up syntax highlighter +} + +.ve-init-mw-desktopArticleTarget .CodeMirror-code *, +.ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode { + line-height: @content-line-height; // Lining up syntax highlighter +} + +@media ( prefers-color-scheme: dark ) { + .ve-activated { + .mw-header-container { + background-color: @dark-bg-0; + } + } +} From 5b1463f37b66636d682596b49ce0dcfffa0745fc Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Sun, 29 Dec 2019 16:23:01 -0500 Subject: [PATCH 4/4] Adding octfx as author --- i18n/de.json | 2 +- i18n/en.json | 5 ++++- i18n/qqq.json | 5 ++++- skin.json | 5 ++++- 4 files changed, 13 insertions(+), 4 deletions(-) diff --git a/i18n/de.json b/i18n/de.json index fc348515..a8b62536 100644 --- a/i18n/de.json +++ b/i18n/de.json @@ -1,6 +1,6 @@ { "@metadata": { - "authors": [ "Octfx" ] + "authors": [ "[https://www.mediawiki.org/wiki/User:Octfx Octfx]" ] }, "skinname-citizen": "Citizen", "citizen-desc": "Ein responsive Skin entwickelt für das Star Citizen Wiki" diff --git a/i18n/en.json b/i18n/en.json index fbcac235..c940735c 100644 --- a/i18n/en.json +++ b/i18n/en.json @@ -1,6 +1,9 @@ { "@metadata": { - "authors": [ "alistair3149" ] + "authors": [ + "[https://www.mediawiki.org/wiki/User:Alistair3149 Alistair3149]", + "[https://www.mediawiki.org/wiki/User:Octfx Octfx]" + ] }, "skinname-citizen": "Citizen", "citizen-desc": "A responsive skin developed for the Star Citizen Wiki" diff --git a/i18n/qqq.json b/i18n/qqq.json index 0027d195..2c270bf8 100644 --- a/i18n/qqq.json +++ b/i18n/qqq.json @@ -1,6 +1,9 @@ { "@metadata": { - "authors": [ "alistair3149" ] + "authors": [ + "[https://www.mediawiki.org/wiki/User:Alistair3149 Alistair3149]", + "[https://www.mediawiki.org/wiki/User:Octfx Octfx]" + ] }, "skinname-citizen": "{{name}}", "citizen-desc": "{{desc|what=skin|name=Citizen|url=https://github.com/StarCitizenTools/mediawiki-skins-Citizen}}" diff --git a/skin.json b/skin.json index 31840509..06b87ada 100644 --- a/skin.json +++ b/skin.json @@ -2,7 +2,10 @@ "name": "Citizen", "namemsg": "skinname-citizen", "version": "0.4.0", - "author": "alistair3149", + "author": [ + "[https://www.mediawiki.org/wiki/User:Alistair3149 Alistair3149]", + "[https://www.mediawiki.org/wiki/User:Octfx Octfx]" + ], "url": "https://github.com/StarCitizenTools/mediawiki-skins-Citizen", "descriptionmsg": "citizen-desc", "license-name": "GPL-3.0",