mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-11 22:16:22 +00:00
342 lines
7 KiB
Plaintext
342 lines
7 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for Extension:WikiEditor
|
|
* Module: ext.wikiEditor
|
|
* Version: REL1_39 02e1c70
|
|
*
|
|
* Date: 2023-06-03
|
|
*/
|
|
|
|
@import '../../../resources/mixins.less';
|
|
|
|
@wikieditor-button-size: 42px;
|
|
|
|
/* jquery.wikiEditor.less */
|
|
.wikiEditor-ui {
|
|
.wikiEditor-ui-view {
|
|
border: 0;
|
|
}
|
|
|
|
// Make into sticky header
|
|
.wikiEditor-ui-top {
|
|
.citizen-sticky-header;
|
|
}
|
|
|
|
.wikiEditor-ui-right {
|
|
background: var( --color-surface-2 );
|
|
}
|
|
}
|
|
|
|
.wikiEditor-ui-controls {
|
|
background-color: var( --color-surface-0 );
|
|
}
|
|
|
|
.wikiEditor-ui-tabs {
|
|
background-color: var( --color-surface-0 );
|
|
border-top-color: var( --border-color-base );
|
|
border-left-color: var( --border-color-base );
|
|
|
|
div {
|
|
background-color: var( --color-surface-2 );
|
|
border-right-color: var( --border-color-base );
|
|
border-bottom-color: var( --border-color-base );
|
|
|
|
a {
|
|
color: var( --color-progressive );
|
|
}
|
|
|
|
&.current {
|
|
background-color: var( --color-surface-0 );
|
|
border-bottom-color: var( --color-surface-0 );
|
|
|
|
a {
|
|
color: var( --color-base );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.wikiEditor-ui-buttons {
|
|
background-color: var( --color-surface-0 );
|
|
border-top-color: var( --border-color-base );
|
|
}
|
|
|
|
/* jquery.wikiEditor.toolbar.less */
|
|
.wikiEditor-ui-toolbar {
|
|
background-color: var( --color-surface-0 );
|
|
box-shadow: none;
|
|
|
|
.group,
|
|
.section-secondary .group {
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
.tabs,
|
|
.section-main,
|
|
.section-secondary {
|
|
min-height: @wikieditor-button-size; /* Align with VE */
|
|
}
|
|
|
|
/* Expandable Sections */
|
|
.sections {
|
|
.section {
|
|
border-top-color: var( --border-color-base );
|
|
}
|
|
}
|
|
|
|
/* Top Level Containers */
|
|
/* Tabs */
|
|
.tabs {
|
|
margin: 0 8px;
|
|
|
|
span.tab {
|
|
line-height: @wikieditor-button-size; /* Align with VE */
|
|
|
|
a {
|
|
height: @wikieditor-button-size; /* Align with VE */
|
|
font-weight: var( --font-weight-medium );
|
|
color: var( --color-emphasized );
|
|
|
|
&::before {
|
|
height: 100%; /* Align with VE */
|
|
filter: var( --filter-invert );
|
|
opacity: var( --opacity-icon-base );
|
|
}
|
|
|
|
&:hover {
|
|
color: var( --color-progressive--hover );
|
|
}
|
|
|
|
&:active {
|
|
color: var( --color-progressive--active );
|
|
}
|
|
}
|
|
|
|
a:visited {
|
|
color: var( --color-emphasized );
|
|
}
|
|
|
|
a.current,
|
|
a.current:visited {
|
|
color: var( --color-progressive );
|
|
border-bottom: var( --border-width-thick ) solid var( --color-progressive );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Groups */
|
|
.group {
|
|
/* Toolbar */
|
|
.label {
|
|
height: 38px;
|
|
margin-left: 16px;
|
|
font-size: var( --font-size-small );
|
|
line-height: 38px;
|
|
color: var( --color-subtle );
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
.tool-select {
|
|
height: @wikieditor-button-size;
|
|
background-color: var( --color-surface-0 );
|
|
border-color: var( --border-color-base );
|
|
|
|
.label {
|
|
height: @wikieditor-button-size; /* Align with VE */
|
|
font-size: inherit;
|
|
font-weight: var( --font-weight-medium );
|
|
line-height: @wikieditor-button-size; /* Align with VE */
|
|
color: var( --color-emphasized );
|
|
letter-spacing: inherit;
|
|
|
|
&:hover {
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
}
|
|
}
|
|
|
|
.menu .options .option:hover {
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
}
|
|
|
|
.options {
|
|
background-color: var( --color-surface-0 );
|
|
border-color: var( --border-color-base );
|
|
|
|
.option {
|
|
color: var( --color-emphasized );
|
|
|
|
&:hover {
|
|
background-color: var( --background-color-progressive-subtle );
|
|
}
|
|
|
|
&[ rel='heading-2' ] {
|
|
font-size: var( --font-size-xx-large );
|
|
font-weight: var( --font-weight-semibold );
|
|
}
|
|
|
|
&[ rel='heading-3' ] {
|
|
font-size: var( --font-size-x-large );
|
|
font-weight: var( --font-weight-semibold );
|
|
}
|
|
|
|
&[ rel='heading-4' ] {
|
|
font-size: var( --font-size-large );
|
|
font-weight: var( --font-weight-semibold );
|
|
}
|
|
|
|
&[ rel='heading-5' ] {
|
|
font-size: var( --font-size-medium );
|
|
font-weight: var( --font-weight-semibold );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.group-search {
|
|
border-left-color: var( --border-color-base );
|
|
}
|
|
|
|
/* Booklet */
|
|
.booklet {
|
|
> .index {
|
|
.wikiEditor-character-highlighted {
|
|
color: var( --color-emphasized );
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
}
|
|
|
|
> :hover {
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
}
|
|
|
|
> .current {
|
|
color: var( --color-progressive );
|
|
background-color: var( --background-color-progressive-subtle );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Help Pages */
|
|
.page-table {
|
|
th {
|
|
color: var( --color-subtle );
|
|
}
|
|
|
|
td {
|
|
color: var( --color-emphasized );
|
|
border-top-color: var( --border-color-base );
|
|
}
|
|
}
|
|
|
|
/* Characters Pages */
|
|
.page-characters {
|
|
div {
|
|
span {
|
|
color: var( --color-base );
|
|
border-color: var( --border-color-base );
|
|
|
|
&:hover {
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
// Added active state
|
|
&:active {
|
|
background-color: var( --background-color-button-quiet--active );
|
|
}
|
|
}
|
|
|
|
.wikiEditor-character-highlighted {
|
|
color: var( --color-progressive );
|
|
background-color: var( --background-color-progressive-subtle );
|
|
}
|
|
}
|
|
}
|
|
|
|
.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement {
|
|
height: @wikieditor-button-size; /* Align with VE */
|
|
|
|
.oo-ui-popupToolGroup-handle {
|
|
padding-top: @wikieditor-button-size;
|
|
border-radius: var( --border-radius-base );
|
|
}
|
|
}
|
|
}
|
|
|
|
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
|
|
min-width: @wikieditor-button-size; /* Align with VE */
|
|
min-height: @wikieditor-button-size; /* Align with VE */
|
|
border-radius: var( --border-radius-base );
|
|
|
|
> .oo-ui-iconElement-icon {
|
|
left: 0.78571429em; /* Align with VE */
|
|
opacity: var( --opacity-icon-base );
|
|
}
|
|
|
|
&:hover {
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
|
|
> .oo-ui-iconElement-icon {
|
|
opacity: var( --opacity-icon-base--hover );
|
|
}
|
|
}
|
|
|
|
// Added active state
|
|
&:active {
|
|
background-color: var( --background-color-button-quiet--active );
|
|
|
|
> .oo-ui-iconElement-icon {
|
|
opacity: var( --opacity-icon-base--selected );
|
|
}
|
|
}
|
|
|
|
&.tool-active {
|
|
background-color: var( --background-color-progressive-subtle );
|
|
}
|
|
}
|
|
|
|
.ui-widget {
|
|
table {
|
|
td.wikieditor-toolbar-table-preview-wrapper {
|
|
background: var( --color-surface-2 );
|
|
}
|
|
|
|
.wikieditor-toolbar-table-preview-frame {
|
|
background: var( --color-surface-0 );
|
|
}
|
|
}
|
|
}
|
|
|
|
.wikiEditor-toolbar-dialog {
|
|
.ui-dialog-content {
|
|
padding: var( --space-md ) !important;
|
|
}
|
|
|
|
.ui-dialog-buttonpane {
|
|
border-top-color: var( --border-color-base ) !important;
|
|
}
|
|
|
|
.wikieditor-toolbar-field-wrapper {
|
|
/* Input field label */
|
|
> label {
|
|
font-size: var( --font-size-x-small );
|
|
color: var( --color-subtle );
|
|
letter-spacing: 0.05em;
|
|
|
|
~ input,
|
|
~ select {
|
|
margin-top: var( --space-xxs );
|
|
}
|
|
}
|
|
|
|
/* Checkbox text */
|
|
> input + label {
|
|
margin-left: var( --space-xs );
|
|
font-size: inherit;
|
|
color: var( --color-base );
|
|
letter-spacing: inherit;
|
|
}
|
|
}
|
|
}
|