mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-01 01:16:38 +00:00
Turn off ignore case
This commit is contained in:
alistair3149
parent
bbf018be2c
commit
4c3ddd311c
57
skinStyles/extensions/Echo/ext.echo.styles.badge.less
Normal file
57
skinStyles/extensions/Echo/ext.echo.styles.badge.less
Normal file
|
|
@ -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 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
327
skinStyles/extensions/Echo/ext.echo.ui.less
Normal file
327
skinStyles/extensions/Echo/ext.echo.ui.less
Normal file
|
|
@ -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 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
260
skinStyles/extensions/Flow/ext.flow.less
Normal file
260
skinStyles/extensions/Flow/ext.flow.less
Normal file
|
|
@ -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}' );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
58
skinStyles/extensions/Flow/ext.flow.styles.base.less
Normal file
58
skinStyles/extensions/Flow/ext.flow.styles.base.less
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
55
skinStyles/extensions/Flow/ext.flow.ui.less
Normal file
55
skinStyles/extensions/Flow/ext.flow.ui.less
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
32
skinStyles/extensions/Popups/ext.popups.main.less
Normal file
32
skinStyles/extensions/Popups/ext.popups.main.less
Normal file
|
|
@ -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% );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
55
skinStyles/extensions/Tabber/ext.Tabber.less
Normal file
55
skinStyles/extensions/Tabber/ext.Tabber.less
Normal file
|
|
@ -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
|
||||||
|
}
|
||||||
17
skinStyles/extensions/Translate/ext.translate.editor.less
Normal file
17
skinStyles/extensions/Translate/ext.translate.editor.less
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
35
skinStyles/extensions/Translate/ext.translate.less
Normal file
35
skinStyles/extensions/Translate/ext.translate.less
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
12
skinStyles/extensions/Translate/ext.translate.loader.less
Normal file
12
skinStyles/extensions/Translate/ext.translate.loader.less
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
160
skinStyles/extensions/Translate/ext.translate.messagetable.less
Normal file
160
skinStyles/extensions/Translate/ext.translate.messagetable.less
Normal file
|
|
@ -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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
@ -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
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue