BOTF-Wiki - User contributions [en]

Template:Metadata

2024-09-07T22:23:15Z

Flocke: Created page with "  <table class="toccolours vevent mw-content-en" style="width: 100%; direction: ltr;" cellpadding="4">  {{#if:{{{description|{{{Description|}}}}}}| <tr style="vertical-align: top"> <td id="fileinfotpl_desc" class="fileinfo-paramfield">Description<span class="summary fn" style="display:none">{{PAGENAME}}</sp..."

<table class="toccolours vevent mw-content-en" style="width: 100%; direction: ltr;" cellpadding="4">

{{#if:{{{description|{{{Description|}}}}}}|
<tr style="vertical-align: top">
<td id="fileinfotpl_desc" class="fileinfo-paramfield">Description<span class="summary fn" style="display:none">{{PAGENAME}}</span></td>
<td class="description">
{{{description|{{{Description|}}}}}}
</td>
</tr>
}}

{{#if:{{{date|{{{Date|}}}}}}|
<tr style="vertical-align: top">
<td id="fileinfotpl_date" class="fileinfo-paramfield">Date</td>
<td>{{{date|{{{Date|}}}}}}</td>
</tr>
}}

{{#if:{{{source|{{{Source|}}}}}}|
<tr style="vertical-align: top">
<td id="fileinfotpl_src" class="fileinfo-paramfield">Source</td>
<td>{{{source|{{{Source|}}}}}}</td>
</tr>
}}

{{#if:{{{author|{{{Author|}}}}}}|
<tr style="vertical-align: top">
<td id="fileinfotpl_aut" class="fileinfo-paramfield">Author</td>
<td>{{{author|{{{Author|}}}}}}</td>
</tr>
}}

{{#if:{{{license|{{{License|}}}}}}|
<tr style="vertical-align: top">
<td class="fileinfo-paramfield">License</td>
<td><span class="licensetpl"><span class="licensetpl_short>{{{license|{{{License|}}}}}}</span></span></td>
</tr>
}}
</table>

MediaWiki:Vector.css

2024-09-07T21:04:12Z

Flocke: fix file header menu background

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #15002f87; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--content-hl-color: #4a0179e0; /* highlighted floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
.mw_metadata td {
background-color: var(--content-box-color); /* file metadata details */
}
#filetoc {
background-color: var(--content-fl-color); /* file header menu */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
.cdx-button:enabled .cdx-button__icon {
background-color: var(--button-text-color); /* button icon, e.g. for "Open in Media Viewer" file options */
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}

/* Extensions */
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-hl-color); /* enabled table cell */
}
.mw-mmv-overlay {
background-color: #00000082; /* MultimediaViewer background */
}
.mw-mmv-post-image {
background-color: #2a006094; /* MultimediaViewer file name */
color: var(--content-text-color);
}
.mw-mmv-image-metadata {
background-color: #00000085; /* MultimediaViewer details */
}
}

MediaWiki:Vector.css

2024-09-07T20:58:33Z

Flocke: fix image file options icon color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #15002f87; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--content-hl-color: #4a0179e0; /* highlighted floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
.mw_metadata td {
background-color: var(--content-box-color); /* file metadata details */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
.cdx-button:enabled .cdx-button__icon {
background-color: var(--button-text-color); /* button icon, e.g. for "Open in Media Viewer" file options */
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}

/* Extensions */
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-hl-color); /* enabled table cell */
}
.mw-mmv-overlay {
background-color: #00000082; /* MultimediaViewer background */
}
.mw-mmv-post-image {
background-color: #2a006094; /* MultimediaViewer file name */
color: var(--content-text-color);
}
.mw-mmv-image-metadata {
background-color: #00000085; /* MultimediaViewer details */
}
}

MediaWiki:Vector.css

2024-09-07T20:05:30Z

Flocke: improve MultimediaViewer background

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #15002f87; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--content-hl-color: #4a0179e0; /* highlighted floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
.mw_metadata td {
background-color: var(--content-box-color); /* file metadata details */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}

/* Extensions */
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-hl-color); /* enabled table cell */
}
.mw-mmv-overlay {
background-color: #00000082; /* MultimediaViewer background */
}
.mw-mmv-post-image {
background-color: #2a006094; /* MultimediaViewer file name */
color: var(--content-text-color);
}
.mw-mmv-image-metadata {
background-color: #00000085; /* MultimediaViewer details */
}
}

MediaWiki:Vector.css

2024-09-07T20:01:44Z

Flocke: improve MultimediaViewer background

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #15002f87; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--content-hl-color: #4a0179e0; /* highlighted floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
.mw_metadata td {
background-color: var(--content-box-color); /* file metadata details */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}

/* Extensions */
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-hl-color); /* enabled table cell */
}
.mw-mmv-post-image {
background-color: #00000082; /* MultimediaViewer background */
}
.mw-mmv-post-image {
background-color: #2a006094; /* MultimediaViewer file name */
color: var(--content-text-color);
}
.mw-mmv-image-metadata {
background-color: #00000085; /* MultimediaViewer details */
}
}

MediaWiki:Vector.css

2024-09-07T19:28:45Z

Flocke: fix MultimediaViewer colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #15002f87; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--content-hl-color: #4a0179e0; /* highlighted floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
.mw_metadata td {
background-color: var(--content-box-color); /* file metadata details */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}

/* Extensions */
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-hl-color); /* enabled table cell */
}
.mw-mmv-post-image {
background-color: #2a0060; /* MultimediaViewer file name */
color: var(--content-text-color);
}
.mw-mmv-image-metadata {
background-color: #170033; /* MultimediaViewer details */
}
}

MediaWiki:Vector.css

2024-09-07T19:03:47Z

Flocke: fix metadata background

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #15002f87; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--content-hl-color: #4a0179e0; /* highlighted floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-hl-color); /* enabled table cell */
}
.mw_metadata td {
background-color: var(--content-box-color); /* file metadata details */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-07T18:08:17Z

Flocke: improve enabled interwiki cell & inline container backgrounds

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #15002f87; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--content-hl-color: #4a0179e0; /* highlighted floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-hl-color); /* enabled table cell */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-07T17:58:24Z

Flocke: fix enabled interwiki table cell background

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
.mw-body-content .infobox {
background-color: transparent; /* info box */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}
table.mw-interwikitable.body td.mw-interwikitable-local-yes { /* Interwiki data special page */
background-color: var(--content-fl-color); /* enabled table cell */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

Template:Infobox

2024-09-05T21:59:41Z

Flocke: fix dark theme color

{| class="infobox" style="float:{{{align|right}}}; font-size:89%; width:250px; border:1px solid darkgray;"
|-
! colspan="2" style="background-color:#2661ba; color:#FFFFFF; font-size:120%; padding:1em;" | {{{Box title|No Title}}}
{{#if: {{{image|}}}|
{{!}}-
{{!}} colspan="2" style="text-align:center;" {{!}} [[{{{image}}}|{{{imagewidth|240}}}px]]<br/>''{{{caption| }}}''
|
}}
|-
| style="width:30%;" |
'''{{{Row 1 title|No Title}}}'''
| style="width:70%;" |
{{{Row 1 info|No information}}}
{{#if: {{{Row 2 title|}}}|
{{!}}-
{{!}}
'''{{{Row 2 title}}}'''
{{!}}
{{{Row 2 info|No information}}}
{{#if: {{{Row 3 title|}}}|
{{!}}-
{{!}}
'''{{{Row 3 title}}}'''
{{!}}
{{{Row 3 info|No information}}}
{{#if: {{{Row 4 title|}}}|
{{!}}-
{{!}}
'''{{{Row 4 title}}}'''
{{!}}
{{{Row 4 info|No information}}}
{{#if: {{{Row 5 title|}}}|
{{!}}-
{{!}}
'''{{{Row 5 title}}}'''
{{!}}
{{{Row 5 info|No information}}}
{{#if: {{{Row 6 title|}}}|
{{!}}-
{{!}}
'''{{{Row 6 title}}}'''
{{!}}
{{{Row 6 info|No information}}}
{{#if: {{{Row 7 title|}}}|
{{!}}-
{{!}}
'''{{{Row 7 title}}}'''
{{!}}
{{{Row 7 info|No information}}}
{{#if: {{{Row 8 title|}}}|
{{!}}-
{{!}}
'''{{{Row 8 title}}}'''
{{!}}
{{{Row 8 info|No information}}}
{{#if: {{{Row 9 title|}}}|
{{!}}-
{{!}}
'''{{{Row 9 title}}}'''
{{!}}
{{{Row 9 info|No information}}}
{{#if: {{{Row 10 title|}}}|
{{!}}-
{{!}}
'''{{{Row 10 title}}}'''
{{!}}
{{{Row 10 info|No information}}}
{{#if: {{{Row 11 title|}}}|
{{!}}-
{{!}} colspan="2" style="text-align:center;" {{!}}
'''Too many parameters'''
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|}<noinclude><br style="clear:both;"/>
{{documentation}}</noinclude>

Template:Infobox

2024-09-05T21:58:37Z

Flocke: fix dark theme color

{| class="infobox" style="float:{{{align|right}}}; font-size:89%; width:250px; background-color:#f8fefe; border:1px solid darkgray;"
|-
! colspan="2" style="background-color:#2661ba; color:#FFFFFF; font-size:120%; padding:1em;" | {{{Box title|No Title}}}
{{#if: {{{image|}}}|
{{!}}-
{{!}} colspan="2" style="text-align:center;" {{!}} [[{{{image}}}|{{{imagewidth|240}}}px]]<br/>''{{{caption| }}}''
|
}}
|-
| style="width:30%;" |
'''{{{Row 1 title|No Title}}}'''
| style="width:70%;" |
{{{Row 1 info|No information}}}
{{#if: {{{Row 2 title|}}}|
{{!}}-
{{!}}
'''{{{Row 2 title}}}'''
{{!}}
{{{Row 2 info|No information}}}
{{#if: {{{Row 3 title|}}}|
{{!}}-
{{!}}
'''{{{Row 3 title}}}'''
{{!}}
{{{Row 3 info|No information}}}
{{#if: {{{Row 4 title|}}}|
{{!}}-
{{!}}
'''{{{Row 4 title}}}'''
{{!}}
{{{Row 4 info|No information}}}
{{#if: {{{Row 5 title|}}}|
{{!}}-
{{!}}
'''{{{Row 5 title}}}'''
{{!}}
{{{Row 5 info|No information}}}
{{#if: {{{Row 6 title|}}}|
{{!}}-
{{!}}
'''{{{Row 6 title}}}'''
{{!}}
{{{Row 6 info|No information}}}
{{#if: {{{Row 7 title|}}}|
{{!}}-
{{!}}
'''{{{Row 7 title}}}'''
{{!}}
{{{Row 7 info|No information}}}
{{#if: {{{Row 8 title|}}}|
{{!}}-
{{!}}
'''{{{Row 8 title}}}'''
{{!}}
{{{Row 8 info|No information}}}
{{#if: {{{Row 9 title|}}}|
{{!}}-
{{!}}
'''{{{Row 9 title}}}'''
{{!}}
{{{Row 9 info|No information}}}
{{#if: {{{Row 10 title|}}}|
{{!}}-
{{!}}
'''{{{Row 10 title}}}'''
{{!}}
{{{Row 10 info|No information}}}
{{#if: {{{Row 11 title|}}}|
{{!}}-
{{!}} colspan="2" style="text-align:center;" {{!}}
'''Too many parameters'''
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|}<noinclude><br style="clear:both;"/>
{{documentation}}</noinclude>

Template:Infobox

2024-09-05T21:56:54Z

Flocke: fix dark theme color

{| class="infobox" style="float:{{{align|right}}}; font-size:89%; width:250px; background-color:#f8fefe; border:1px solid darkgray;"
|-
! colspan="2" style="font-size:120%; padding:1em;" | {{{Box title|No Title}}}
{{#if: {{{image|}}}|
{{!}}-
{{!}} colspan="2" style="text-align:center;" {{!}} [[{{{image}}}|{{{imagewidth|240}}}px]]<br/>''{{{caption| }}}''
|
}}
|-
| style="width:30%;" |
'''{{{Row 1 title|No Title}}}'''
| style="width:70%;" |
{{{Row 1 info|No information}}}
{{#if: {{{Row 2 title|}}}|
{{!}}-
{{!}}
'''{{{Row 2 title}}}'''
{{!}}
{{{Row 2 info|No information}}}
{{#if: {{{Row 3 title|}}}|
{{!}}-
{{!}}
'''{{{Row 3 title}}}'''
{{!}}
{{{Row 3 info|No information}}}
{{#if: {{{Row 4 title|}}}|
{{!}}-
{{!}}
'''{{{Row 4 title}}}'''
{{!}}
{{{Row 4 info|No information}}}
{{#if: {{{Row 5 title|}}}|
{{!}}-
{{!}}
'''{{{Row 5 title}}}'''
{{!}}
{{{Row 5 info|No information}}}
{{#if: {{{Row 6 title|}}}|
{{!}}-
{{!}}
'''{{{Row 6 title}}}'''
{{!}}
{{{Row 6 info|No information}}}
{{#if: {{{Row 7 title|}}}|
{{!}}-
{{!}}
'''{{{Row 7 title}}}'''
{{!}}
{{{Row 7 info|No information}}}
{{#if: {{{Row 8 title|}}}|
{{!}}-
{{!}}
'''{{{Row 8 title}}}'''
{{!}}
{{{Row 8 info|No information}}}
{{#if: {{{Row 9 title|}}}|
{{!}}-
{{!}}
'''{{{Row 9 title}}}'''
{{!}}
{{{Row 9 info|No information}}}
{{#if: {{{Row 10 title|}}}|
{{!}}-
{{!}}
'''{{{Row 10 title}}}'''
{{!}}
{{{Row 10 info|No information}}}
{{#if: {{{Row 11 title|}}}|
{{!}}-
{{!}} colspan="2" style="text-align:center; background:#AAAAAA;" {{!}}
'''Too many parameters'''
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|
}}
|}<noinclude><br style="clear:both;"/>
{{documentation}}</noinclude>

MediaWiki:Vector.css

2024-09-05T21:43:42Z

Flocke: fix missing search thumbnail background color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
.cdx-thumbnail__placeholder {
background-color: transparent; /* missing thumbnail placeholder */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T21:41:10Z

Flocke: fix search suggestion text color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled .cdx-menu-item__content {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T21:35:04Z

Flocke: fix search text color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* search */
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
.cdx-menu-item--enabled {
color: var(--content-text-color);
}
.cdx-icon {
color: #ffe453; /* search icon */
}
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T21:17:39Z

Flocke: fix visited external link color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
color: #0e50b7; /* filter is not permitted on visited links */
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T21:13:26Z

Flocke: fix visited external link color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
color: #36c;
}
p:has(a.external) {
filter: hue-rotate(190deg) brightness(2.2);
}
/* filter is not permitted on visited links */
p:has(a.external:visited) {
/* color: #0e50b7; */
filter: hue-rotate(150deg) brightness(2.2);
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T21:01:24Z

Flocke: fix content text color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
a.external {
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
}
a.external:visited {
filter: hue-rotate(150deg) brightness(2.2);
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T21:00:22Z

Flocke: fix visited external link color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output { /* external link icon color */
color: #36c;
a.external {
filter: hue-rotate(190deg) brightness(2.2);
}
a.external:visited {
filter: hue-rotate(150deg) brightness(2.2);
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T20:56:32Z

Flocke: fix visited external link color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output a.external { /* external link icon color */
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
&:visited {
filter: hue-rotate(150deg) brightness(2.2);
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T20:46:53Z

Flocke: fix external link color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output a.external { /* external link icon color */
filter: hue-rotate(190deg) brightness(2.2);
color: #36c;
& :visited {
filter: hue-rotate(150deg) brightness(2.2);
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T20:44:53Z

Flocke: fix external link & help icon colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
filter: hue-rotate(190deg) brightness(2.2);
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}
#mw-indicator-mw-helplink a {
filter: invert(100%); /* invert help link icon */
color: #0010ff; /* inverted help link text */
}
@media screen {
.mw-parser-output a.external { /* external link icon color */
filter: hue-rotate(190deg) brightness(2.2);
& :visited {
filter: hue-rotate(150deg) brightness(2.2);
}
}
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T20:25:21Z

Flocke: fix content table & galary box colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
@media screen {
.wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T20:16:31Z

Flocke: fix transparent content box colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: transparent; /* content legend */
}
screen .wikitable { /* content table */
background-color: transparent;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
screen li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T20:14:23Z

Flocke: improve content box & history selection colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}
.mw-changeslist-legend {
background-color: none; /* content legend */
}
screen .wikitable { /* content table */
background-color: none;
color: var(--content-text-color);
tr > th {
background-color: var(--content-fl-color);
color: var(--content-topic-color);
}
}
screen li.gallerybox div.thumb { /* files gallery box */
background-color: var(--content-fl-color);
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}
#pagehistory li.selected {
background-color: #a504ff3d; /* selected page history entry */
color: var(--content-text-color);
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T19:42:20Z

Flocke: fix floating background & hovered button colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: var(--content-fl-color); /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}

.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: var(--button-hl-color); /* hovered toggle button */
color: var(--button-text-color);
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--content-fl-color); /* floating preferences save footer */
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T19:24:45Z

Flocke: fix floating menu button & top search bar colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--content-fl-color: #26013ee8; /* less transparent floating content box */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: #360244d4; /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}

.cdx-button--framed:hover, /* hovered top search button */
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { /* hovered top right menu button */
background-color: var(--button-hl-color);
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.cdx-search-input--has-end-button {
background-color: var(--button-bg-color); /* top search button */
color: var(--button-text-color);
}
&.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--content-fl-color); /* scrolled down top-left mobile menu button */
}
.cdx-menu {
background-color: var(--content-fl-color); /* search suggestions box */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: #606060; /* hovered toggle button */
color: white;
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--button-fl-color); /* floating preferences save footer */
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-05T18:51:52Z

Flocke: fix menu button & floating preferences save footer color

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--button-bg-color: none; /* menu button background color */
--button-fl-color: #330055b5; /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: #360244d4; /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
background-color: var(--button-hl-color); /* hovered top right menu button color */
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.vector-below-page-title .vector-page-titlebar-toc .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: #606060; /* hovered toggle button */
color: white;
}
figure > figcaption {
background-color: #282828; /* image description */
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--button-fl-color); /* floating preferences save footer */
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-04T07:40:06Z

Flocke: fix scrolled down mobile menu button background

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--button-bg-color: none; /* menu button background color */
--button-fl-color: var(--content-box-color); /* floating menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: #360244d4; /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
background-color: var(--button-hl-color); /* hovered top right menu button color */
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* menu button */
color: var(--button-text-color);
}
.vector-button-flush-left .cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-fl-color); /* scrolled down top-left mobile menu button */
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: #606060; /* hovered toggle button */
color: white;
}
figure > figcaption {
background-color: #282828; /* image description */
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-04T07:28:56Z

Flocke: fix button & menu colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--button-bg-color: none; /* menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: #360244d4; /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
background-color: var(--button-hl-color); /* hovered top right menu button color */
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* scrolled down top-left mobile menu button */
color: var(--button-text-color);
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: #606060; /* hovered toggle button */
color: white;
}
figure > figcaption {
background-color: #282828; /* image description */
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-04T07:22:27Z

Flocke: improve menu & button colors

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector-2022 {
--background-color-base: #000000b2; /* wiki background color */
background-color: #202020; /* outer background color */
color: #f0f0f0; /* wiki page font color */

/* local variables used by this skin */
--content-bg-color: #00000050; /* main content container background */
--sidebar-bg-color: var(--content-bg-color); /* sidebar container background */
--content-topic-color: white; /* content topic font color */
--content-text-color: #f0f0f0; /* content text font color */
--content-box-color: #202020; /* inline box color of the content */
--button-bg-color: var(--content-box-color); /* menu button background color */
--button-hl-color: #6100a4a1; /* top-right menu button hover color */
--button-text-color: var(--content-text-color); /* menu button text color */
--toc-button-bg-color: #550023; /* table-of-contents collapse button background 420060; */
--toc-button-hl-color: #ae004a; /* table-of-contents collapse button hover color */
--menu-bg-color: #390148b2; /* popup menu background color */
--menu-link-color: #ffe453; /* popup menu link color */
--menu-vlink-color: #ffa42e; /* popup menu visited link color */

/* Background */
&.mediawiki.ltr {
background-image: url(/botf/wiki/images/background/Freezerondigital-Space-Backgrounds/Space-Background-Image-3.jpg);
background-attachment: fixed;
background-position: center;
}

/* Page Content Container */
.mw-content-container {
.vector-page-titlebar {
background-color: var(--content-bg-color); /* header line background */
padding: 5px 16px 0px 16px; /* pad header line background */
}
.vector-page-titlebar::after {
margin: 0px 16px; /* align header underline */
}
.vector-page-toolbar {
background-color: var(--content-bg-color); /* content toolbar background */
padding: 0px 16px; /* pad content toolbar background */
}
#bodyContent {
background-color: var(--content-bg-color); /* content background */
padding: 0px 16px; /* pad content background */
}
}

/* Page Content */
.mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
color: var(--content-topic-color); /* topic color */
}
li::marker {
color: var(--content-text-color); /* wiki page list marker color */
}
ul {
list-style-image: none; /* remove black list item image */
}
.mw-footer li {
color: var(--content-text-color); /* footer color */
}
code, .mw-code {
background-color: var(--content-box-color); /* code box color */
color: var(--content-text-color); /* code font color */
}
.catlinks {
background-color: var(--content-box-color); /* category links footer */
}

/* Link Colors */
a, a.external:not(.text), .vector-pinnable-element .mw-list-item a,
.vector-menu-tabs .mw-list-item a, .vector-toc .vector-toc-link {
color: #ffe453; /* link color */
}
a:visited, .vector-pinnable-element .mw-list-item a:visited,
.vector-menu-tabs .mw-list-item a:visited {
color: #ffa42e; /* visited link color */
}
a.external.text {
color: #36c;
filter: hue-rotate(190deg) brightness(2.2); /* external link text & icon color */
}
a:visited.external.text, .mw-parser-output a:visited.external.text {
color: #36c;
filter: hue-rotate(150deg) brightness(2); /* visited external link text & icon color */
}

/* Menu Items */
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #e63213; /* selected menu tabs*/
}
.vector-dropdown label::after {
filter: invert(100%); /* invert dropdown icon color */
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: #ffa42e; /* active contents link color */
}
.vector-toc .vector-toc-level-1-active > .vector-toc-link {
color: #ffa42e; /* active parent link color */
}
#pt-userpage-2 a {
color: #ffe453; /* top user page link color */
}
.vector-icon {
filter: invert(100%); /* invert icon colors */
-webkit-filter: invert(100%);
}

/* Components */
.oo-ui-window-frame {
color: black; /* for VisualEditor save and other dialogs */
}
.vector-dropdown .cdx-button:enabled, .vector-dropdown .cdx-button.cdx-button--fake-button--enabled {
color: #ff4ff4; /* dropdown text color */
}
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
background-color: var(--button-hl-color); /* hovered top right menu button color */
}
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--button-bg-color); /* scrolled down top-left mobile menu button */
color: var(--button-text-color);
}
.vector-dropdown-content {
background-color: var(--menu-bg-color); /* popup menu background */
.mw-list-item a {
color: var(--menu-link-color); /* popup menu link color */
&:visited {
color: var(--menu-vlink-color);
}
}
}
button.cdx-button, button.cdx-button:enabled {
background-color: var(--button-bg-color); /* toggle button */
color: var(--button-text-color);
}
button.cdx-button:enabled:hover {
background-color: #606060; /* hovered toggle button */
color: white;
}
figure > figcaption {
background-color: #282828; /* image description */
}

/* Menu Alignment Fixtures */
.mw-page-container-inner {
margin-left: -11px; /* compensate menu margin */
}
.vector-pinned-container {
background-color: var(--sidebar-bg-color); /* left and right tool boxes */
margin-left: 11px; /* prevent collapse button to be cut off */
padding: 8px 15px; /* increase pinned container padding */
}
.vector-toc .vector-pinnable-header {
margin-left: 0px; /* fix left contents menu pedding */
}
.vector-toc .vector-toc-list-item {
padding-left: 0px; /* fix left contents menu pedding */
}
.vector-column-start .vector-sticky-pinned-container {
margin-left: 0px; /* fix left contents menu alignment */
}
.vector-sticky-pinned-container::after {
margin-left: 11px; /* match .vector-pinned-container */
background: none; /* remove empty gradient stripes */
}

/* Fix Overlapping Collapse Button */
.vector-toc-list-item {
/* .vector-toc-link:has(+ .cdx-button) {
margin-left: 16px;
} */
.vector-toc-list {
/* margin-left: 16px; */
font-size: 0.87em; /* reduce sub-topic items */
line-height: 0.87em;
}
button.cdx-button.vector-toc-toggle {
background-color: var(--toc-button-bg-color);
left: -28px; /* prevent collapse button overlapping */

&:hover {
background-color: var(--toc-button-hl-color);
}
}
}

/* Fix Footer Spacing */
#footer-icons li a {
margin-left: 8px; /* add some footer icon spacing */
}

/* Popup Colors */
.mwe-popups {
background: transparent;

color: white; /* change text color */
a, a:visited {
color: white;
}

.popups-icon {
filter: invert(100%); /* invert settings & notification icon color */
-webkit-filter: invert(100%); /* for: "There was an issue displaying this preview" */
}

.mwe-popups-container {
background-color: #260535; /* color popup background */
border: solid 2px #461159; /* color border for better visibility */

.mwe-popups-extract::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#260535 50%); /* adjust text fade-out color */
}
footer {
padding: 0 16px 8px; /* adjust for bottom-border */
}
.mwe-popups-extract {
margin-bottom: 20px; /* reduce settings icon spacing */
/* Note that some spacing is needed for the "Go to this page" text,
when there was an issue displaying the preview. ( when articles have no introduction ) */
}
}

/* popup with clipped top arrow */
&:not(.flipped-x-y, .flipped-y) {
.mwe-popups-container {
padding-top: 0px; /* fix top padding */
border-top: 10px solid #461159; /* color clipped top border */
}
}

/* popup with clipped bottom arrow */
&.flipped-x-y, &.flipped-y {
.mwe-popups-container {
border-bottom: 10px solid #461159; /* color clipped bottom border */
}
}
}
}

MediaWiki:Vector.css

2024-09-02T16:13:14Z

Flocke: fix icon color & x-flipped popup border

MediaWiki:Vector.css

2024-09-02T16:06:27Z

Flocke: minor popup spacing tweaks

MediaWiki:Vector.css

2024-09-02T15:40:27Z

Flocke: fix flipped-y popup border

MediaWiki:Vector.css

2024-09-02T15:35:44Z

Flocke: fix popup borders

MediaWiki:Vector.css

2024-09-02T15:24:06Z

Flocke: fix tall popup

MediaWiki:Vector.css

2024-09-02T15:00:57Z

Flocke: reduce spacing for the popup settings icon

MediaWiki:Vector.css

2024-09-02T14:51:53Z

Flocke: fix popup colors

MediaWiki:Vector.css

2024-09-02T14:42:43Z

Flocke: improve content layout & popup colors

MediaWiki:Vector.css

2024-09-02T03:10:52Z

Flocke: improve background color transparency

MediaWiki:Vector.css

2024-09-02T02:54:55Z

Flocke: hide menu decorations and improve alignment

MediaWiki:Vector.css

2024-09-02T02:42:30Z

Flocke: add background image

MediaWiki:Vector.css

2024-09-01T19:19:36Z

Flocke: fix active parent link color

MediaWiki:Vector.css

2024-09-01T19:09:32Z

Flocke: fix image description background

MediaWiki:Vector.css

2024-09-01T19:08:30Z

Flocke: fix image description background

MediaWiki:Vector.css

2024-09-01T19:03:49Z

Flocke: fix collapse button overlapping

MediaWiki:Vector.css

2024-09-01T19:00:09Z

Flocke: fix collapse button overlapping

MediaWiki:Vector.css

2024-09-01T17:23:13Z

Flocke: fix search button text color

MediaWiki:Vector.css

2024-09-01T17:18:56Z

Flocke: fix search toggle button color

MediaWiki:Vector.css

2024-09-01T17:16:02Z

Flocke: fix hovered screen toggle button background