Caves of Qud Wiki

MediaWiki:Vector.css: Difference between revisions

MediaWiki:Vector.css (view source)

Revision as of 13:33, 7 August 2023

10,475 bytes added ,  13:33, 7 August 2023
m
no edit summary
No edit summary
mNo edit summary
 
(31 intermediate revisions by 3 users not shown)
Line 57: Line 57:
--body-background-color: #11191C;
--body-background-color: #11191C;
--body-background-image: url(/resources/assets/qud_bg.jpg);
--body-background-image: url(/resources/assets/cavebg.jpg);
--body-background-attachment: fixed;
--body-background-attachment: fixed;
--body-background-size: cover;
--body-background-size: cover;
Line 64: Line 64:
--body-color: #c1d3d6;
--body-color: #c1d3d6;


--content-background: radial-gradient(rgba(5, 41, 41, 0.9), rgba(8, 14, 14,0.9));
--content-background: radial-gradient(rgba(5,41,41,0.95),rgba(8,14,14,0.95));
--content-border: 0;
--content-border: 0;
--content-border-radius: 0px;
--content-border-radius: 0px;
Line 74: Line 74:
--logo-width: 700px;
--logo-width: 700px;
--logo-center: 1;
--logo-center: 1;
--logo-left:;
--logo-left: 0px;
--logo-vertical-space: 1.5em;
--logo-vertical-space: 1.5em;
--logo-content-space:;
--logo-content-space: 0px;


--sidebar-header-background: var(--qud-viridian-bg-color);
--sidebar-header-background: rgba(8,14,14,1);
--sidebar-header-color: #fff;
--sidebar-header-color: #fff;
--sidebar-link-background: #091C1B;
--sidebar-link-background: rgba(5,20,20,0.95);
--sidebar-link-box-shadow:;
/*--sidebar-link-box-shadow:;*/


--navigation-tab-active-background: var(--qud-viridian-bg-color);
--navigation-tab-active-background: var(--sidebar-link-background);
--navigation-tab-active-color: #fff;
--navigation-tab-active-color: #fff;
--navigation-tab-background: var(--qud-bg-color-dark);
--navigation-tab-background: var(--sidebar-link-background);
--navigation-tab-box-shadow:;
/*--navigation-tab-box-shadow:;*/
--navigation-arrow-invert: 1;
--navigation-arrow-invert: 1;


Line 110: Line 110:
--editor-button-border: 1px solid rgba(40, 50, 50, 0.7);
--editor-button-border: 1px solid rgba(40, 50, 50, 0.7);
--editor-subtoolbar-background: var(--qud-border-bg-color-ultralight);
--editor-subtoolbar-background: var(--qud-border-bg-color-ultralight);
--editor-toolbar-background: var(--qud-bg-color-dark);
--editor-toolbar-background: var(--qud-bg-color-ultralight);
--editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight);
--editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight);
    --ui-field-background-color: rgb(30, 30, 30);
    --ui-field-color: var(--body-color);


--msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1));
--msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1));
Line 155: Line 158:
--thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight);
--thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight);


--toc-background: var(--qud-bg-color-semidark);
--toc-background: var(--qud-bg-color-dark);
--toc-border: 1px solid var(--qud-border-bg-color-ultralight);
--toc-border: 1px solid var(--qud-border-bg-color-ultralight);


Line 192: Line 195:
     background: var(--wikitable-hover-color);
     background: var(--wikitable-hover-color);
}
}
.cargo-tablelist td,
.mw-datatable td {
    background: var(--wikitable-background);
}
.cargo-tablelist th,
.mw-datatable th {
    background: var(--wikitable-header-background);
}
.cargo-tablelist tr:hover td,
.mw-datatable tr:hover td {
    background: var(--qud-viridian-bg-color);
}
.cargo-tablelist td,
.mw-datatable td,
.cargo-tablelist th,
.mw-datatable th {
    border: var(--wikitable-border);
}
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    border: 2px solid var(--qud-viridian-bg-color);
    background: var(--navigation-tab-active-background);
}


/* fix broken checkbox coloring when checkbox is focused/hovered/active */
/* fix broken checkbox coloring when checkbox is focused/hovered/active */
Line 225: Line 251:
.mw-confirmaccount-type-0 {
.mw-confirmaccount-type-0 {
     background-color: transparent;
     background-color: transparent;
}
.mw-confirmaccount-type-0 .mw-confirmaccount-body-0 {
    background-color: transparent;
}
/*
*  SyntaxHighlight styles (pygments css)
*  =====================================
*/
.mw-highlight span.linenos { background-color: var(--sidebar-link-background); }
.mw-highlight .c { color: var(--qud-color-k) } /* Comment */
.mw-highlight .err { color: var(--qud-color-y-dark) } /* Error */
.mw-highlight .g { color: var(--qud-color-y-dark) } /* Generic */
.mw-highlight .k { color: var(--qud-color-g-dark) } /* Keyword */
.mw-highlight .l { color: var(--qud-color-y-dark) } /* Literal */
.mw-highlight .n { color: var(--qud-color-y-dark) } /* Name */
.mw-highlight .o { color: var(--qud-color-g-dark) } /* Operator */
.mw-highlight .x { color: var(--qud-color-o-dark) } /* Other */
.mw-highlight .p { color: var(--qud-color-y-dark) } /* Punctuation */
.mw-highlight .cm { color: var(--qud-color-k) } /* Comment.Multiline */
.mw-highlight .cp { color: var(--qud-color-g-dark) } /* Comment.Preproc */
.mw-highlight .c1 { color: var(--qud-color-k) } /* Comment.Single */
.mw-highlight .cs { color: var(--qud-color-g-dark) } /* Comment.Special */
.mw-highlight .gd { color: var(--qud-color-c-dark) } /* Generic.Deleted */
.mw-highlight .ge { color: var(--qud-color-y-dark); font-style: italic } /* Generic.Emph */
.mw-highlight .gr { color: var(--qud-color-r) } /* Generic.Error */
.mw-highlight .gh { color: var(--qud-color-o-dark) } /* Generic.Heading */
.mw-highlight .gi { color: var(--qud-color-g-dark) } /* Generic.Inserted */
.mw-highlight .go { color: var(--qud-color-y-dark) } /* Generic.Output */
.mw-highlight .gp { color: var(--qud-color-y-dark) } /* Generic.Prompt */
.mw-highlight .gs { color: var(--qud-color-y-dark); font-weight: bold } /* Generic.Strong */
.mw-highlight .gu { color: var(--qud-color-o-dark) } /* Generic.Subheading */
.mw-highlight .gt { color: var(--qud-color-y-dark) } /* Generic.Traceback */
.mw-highlight .kc { color: var(--qud-color-o-dark) } /* Keyword.Constant */
.mw-highlight .kd { color: var(--qud-color-b) } /* Keyword.Declaration */
.mw-highlight .kn { color: var(--qud-color-g-dark) } /* Keyword.Namespace */
.mw-highlight .kp { color: var(--qud-color-g-dark) } /* Keyword.Pseudo */
.mw-highlight .kr { color: var(--qud-color-b) } /* Keyword.Reserved */
.mw-highlight .kt { color: var(--qud-color-r) } /* Keyword.Type */
.mw-highlight .ld { color: var(--qud-color-y-dark) } /* Literal.Date */
.mw-highlight .m { color: var(--qud-color-c-dark) } /* Literal.Number */
.mw-highlight .s { color: var(--qud-color-c-dark) } /* Literal.String */
.mw-highlight .na { color: var(--qud-color-y-dark) } /* Name.Attribute */
.mw-highlight .nb { color: var(--qud-color-w) } /* Name.Builtin */
.mw-highlight .nc { color: var(--qud-color-b) } /* Name.Class */
.mw-highlight .no { color: var(--qud-color-o-dark) } /* Name.Constant */
.mw-highlight .nd { color: var(--qud-color-b) } /* Name.Decorator */
.mw-highlight .ni { color: var(--qud-color-o-dark) } /* Name.Entity */
.mw-highlight .ne { color: var(--qud-color-o-dark) } /* Name.Exception */
.mw-highlight .nf { color: var(--qud-color-b) } /* Name.Function */
.mw-highlight .nl { color: var(--qud-color-y-dark) } /* Name.Label */
.mw-highlight .nn { color: var(--qud-color-y-dark) } /* Name.Namespace */
.mw-highlight .nx { color: var(--qud-color-y-dark) } /* Name.Other */
.mw-highlight .py { color: var(--qud-color-y-dark) } /* Name.Property */
.mw-highlight .nt { color: var(--qud-color-b) } /* Name.Tag */
.mw-highlight .nv { color: var(--qud-color-b) } /* Name.Variable */
.mw-highlight .ow { color: var(--qud-color-g-dark) } /* Operator.Word */
.mw-highlight .w { color: var(--qud-color-y-dark) } /* Text.Whitespace */
.mw-highlight .mf { color: var(--qud-color-c-dark) } /* Literal.Number.Float */
.mw-highlight .mh { color: var(--qud-color-c-dark) } /* Literal.Number.Hex */
.mw-highlight .mi { color: var(--qud-color-c-dark) } /* Literal.Number.Integer */
.mw-highlight .mo { color: var(--qud-color-c-dark) } /* Literal.Number.Oct */
.mw-highlight .sb { color: var(--qud-color-k) } /* Literal.String.Backtick */
.mw-highlight .sc { color: var(--qud-color-c-dark) } /* Literal.String.Char */
.mw-highlight .sd { color: var(--qud-color-y-dark) } /* Literal.String.Doc */
.mw-highlight .s2 { color: var(--qud-color-c-dark) } /* Literal.String.Double */
.mw-highlight .se { color: var(--qud-color-o-dark) } /* Literal.String.Escape */
.mw-highlight .sh { color: var(--qud-color-y-dark) } /* Literal.String.Heredoc */
.mw-highlight .si { color: var(--qud-color-c-dark) } /* Literal.String.Interpol */
.mw-highlight .sx { color: var(--qud-color-c-dark) } /* Literal.String.Other */
.mw-highlight .sr { color: var(--qud-color-r) } /* Literal.String.Regex */
.mw-highlight .s1 { color: var(--qud-color-c-dark) } /* Literal.String.Single */
.mw-highlight .ss { color: var(--qud-color-c-dark) } /* Literal.String.Symbol */
.mw-highlight .bp { color: var(--qud-color-b) } /* Name.Builtin.Pseudo */
.mw-highlight .vc { color: var(--qud-color-b) } /* Name.Variable.Class */
.mw-highlight .vg { color: var(--qud-color-b) } /* Name.Variable.Global */
.mw-highlight .vi { color: var(--qud-color-b) } /* Name.Variable.Instance */
.mw-highlight .il { color: var(--qud-color-c-dark) } /* Literal.Number.Integer.Long */
/*
*  UI adjustments for dark theme
*  =============================
*/
/* Syntax highlighting tweaks */
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 var(--sidebar-link-background);
}
/* "Edit" page styles */
.mw-editform textarea.mw-editfont-monospace,
.editOptions .mw-summary input[name="wpSummary"] {
    background: var(--ui-field-background-color);
    color: var(--ui-field-color);
}
.mw-editform textarea.mw-editfont-monospace {
    line-height: 1.3em;
    font-size: 14px;
}
.mw-editform .editOptions .mw-summary input[name="wpSummary"] {
    font-size: 15px;
}
.mw-editform #editpage-copywarn {
    margin: 1em 0;
}
/*  "History" page diff styles */
td.diff-context {
background-color: #222722;
border: none;
color: var(--body-color);
}
td.diff-deletedline {
background-color: #2f0a0a;
border: none
}
td.diff-addedline {
background-color: #004000;
border: none;
}
td.diff-deletedline .diffchange {
background: #6f0606;
color: #ff5151
}
td.diff-addedline .diffchange {
background: #20560e;
color: #d5f752;
}
/* Wiki page footer */
#footer-places, #footer-icons {
    display: inline-block;  /* fixes footer height issue */
}
/* dark theme for UI input fields, dropdowns, etc. */
input,
textarea,
select,
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-changeslist-legend.mw-collapsible.mw-made-collapsible,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background: var(--ui-field-background-color);
    color: var(--ui-field-color);
    border-style: solid;
    border-width: 2px;
    border-color: var(--qud-color-k-dark);
    border-radius: 2px;
    padding: 6px;
    transition: border-color 250ms, box-shadow 250ms;
}
.oo-ui-tabOptionWidget,
.mw-widget-dateInputWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background: var(--ui-field-background-color);
    color: var(--ui-field-color);
}
.oo-ui-widget-disabled span.oo-ui-dropdownWidget-handle,
.oo-ui-widget-disabled input,
.oo-ui-toggleWidget-off {
    background: #656565 !important;
    color: var(--ui-field-color);
}
input:hover,
textarea:hover,
select:hover {
    border-color: #72777d;
}
input:focus,
textarea:focus,
select:focus {
    outline: 0;
    border-color: #36c;
    box-shadow: inset 0 0 0 1px #36c;
}
.mw-prefs-buttons,
.oo-ui-tabSelectWidget-framed {
    background: var(--ui-field-background-color);
}
/* styles for various warning boxes */
.mw-destfile-warning,
.mw-confirmaccount-bar {
    background: #2f0a0a;
    border: 1px solid #990000;
    color: var(--ui-field-color);
}
.warningbox {
    background: var(--qud-color-w);
    border: none;
}
.warningbox a {
    color: var(--qud-color-b-dark)
}
/* padding fixes for Preferences page */
.oo-ui-fieldsetLayout {
    padding: 10px;
}
/* darken & fix up the API sandbox form */
.mw-apisandbox-toolbar {
    background: var(--ui-field-background-color);
    padding: 1em;
}
/* Advanced search options form */
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-namespace-selection,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input,
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    background: var(--ui-field-background-color);
    color: var(--ui-field-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background: var(--qud-color-k);
    color: var(--body-color);
}
/* Fix dark font color in selected nodes of page history */
#pagehistory li.selected {
    color: var(--body-color);
}
#pagehistory li.selected span.comment.comment--without-parentheses {
    color: var(--qud-color-y);
    font-weight: bold;
}
/* Invert <math> formula color from black text to white */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: hue-rotate(180deg) invert(1);
}
div#mw-head li.selected > a  {
border:1px solid var(--qud-border-bg-color-semilght);
}
}
Retrieved from "https://wiki.cavesofqud.com/wiki/Special:MobileDiff/50928...88397"