MediaWiki:Vector.css

From Phantasy Star Universe Clementine
Revision as of 13:46, 21 March 2024 by Lostbob (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: hidden;
}

/* unvisited link */
a:link {
  color: #e5ac29;
}

/* visited link */
a:visited {
  color: #e5ac29;
}

/* mouse over link */
a:hover {
  color: #e5ac29;
}

/* selected link */
a:active {
  color: #e5ac29;
}

.vector-feature-zebra-design-disabled .vector-header-container {
    max-width: 99.75em;
    min-width: 31.25em;
    margin: 0 auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #212121;
    box-sizing: border-box;
}

.vector-feature-zebra-design-disabled body {
    background-color: #212121;
    background: rgb(0,23,34);
    background: linear-gradient(0deg, rgba(18,18,18,1) 0%, rgba(28,28,28,1) 100%);
height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #ffffff;
}

.vector-feature-zebra-design-disabled .mw-page-container {
    position: relative;
    z-index: 0;
    padding-top: 0.05px;
    padding-bottom: 0.05px;
    max-width: 99.75em;
    min-width: 31.25em;
    margin: 0 auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #212121;
    box-sizing: border-box;
}

.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
    margin-left: -14px;
    margin-top: 11px;
    padding: 6px 14px;
    background-color: #292929;
    border: solid 2px #db9018;
}

.editOptions {
    background-color: #292929;
    color: #ffffff;
    border: 1px solid #c8ccd1;
    border-top: 0;
    padding: 1em 1em 1.5em 1em;
    margin-bottom: 2em;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading, .vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    font-size: 0.875rem;
    align-self: center;
    color: #ffffff;
    font-weight: normal;
    cursor: default;
    border-color: #c8ccd1;
    border-width: 1px;
    justify-content: right;
}

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
    background-color: #292929;
    color: #ffffff;
    border-color: #a2a9b1;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
    color: #ffca00;
}
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    font-size: 0.875rem;
    color: #ffca00;
}

.vector-feature-zebra-design-disabled .vector-main-menu .vector-main-menu-action-opt-out a:not(.mw-selflink):visited, .vector-feature-zebra-design-disabled .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content:not(.mw-selflink):visited {
    color: #ffca00;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #2c415b;
    text-align: center;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid #000000;
    padding: 0.2em 0.4em;
}

.wikitable {
    background-color: #292929;
    color: #ffffff;
    margin: 1em 0;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #313131;
    color: #fff;
    margin: 0;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    padding: 5px 8px;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143em;
}

.mw-message-box-error {
    background-color: #515151;
    border-color: #ffffff;
}

.mw-message-box {
    background-color: #212121;
    color: #ffffff;
    box-sizing: border-box;
    margin-bottom: 16px;
    border: 1px solid #000000;
    padding: 12px 24px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #3a63c9;
    color: #ffffff;
    border-color: #000000;
}

.oo-ui-popupWidget-popup {
    background-color: #292929;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);
}

pre, code, .mw-code {
    background-color: #292929;
    color: #ffffff;
    border: 1px solid #eaecf0;
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
    position: absolute;
    top: 100%;
    left: -1px;
    opacity: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    padding: 4px 0;
    z-index: 50;
    background-color: #292929;
    border: 1px solid #cbcbcb;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    transition-property: opacity;
    transition-duration: 100ms;
    width: max-content;
    max-width: 200px;
}

.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink) {
    color: #ffffff;
}

figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    border: 1px solid #ffffff;
    border-top: 0;
    background-color: #292929;
    font-size: 88.4%;
}

.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after {
    content: none;
}

.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
    content: none;
}

.vector-feature-zebra-design-disabled .vector-toc {
    max-height: 75vh;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #292929;
    font-size: 0.875em;
    border: solid 2px #d4942a;
    margin-left: 10px;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-link {
    word-break: break-word;
    color: #fac02b;
    display: block;
}

disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
    color: #3ec0f4;
    font-weight: bold;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
    color: #0080ff;
    font-weight: bold;
}

.catlinks {
    background-color: #292929;
    margin-top: 1em;
    border: 1px solid #a2a9b1;
    padding: 5px;
    clear: both;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
    color: #0080ff;
}

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
    color: #e5ac29;
}

.vector-menu-tabs .mw-list-item a {
    color: #e5ac29;
}

.mw-parser-output a.external:visited {
    color: #e5ac29;
}

.mw-parser-output a.external {
    color: #e5ac29;
}

figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: 1px solid #ffffff;
    border-bottom: 0;
    background-color: #292929;
}

/* Testing inverting icon colors */

.vector-icon.mw-ui-icon-wikimedia-menu {
    background-image: invert(100%);
}
Retrieved from ‘https://psu-clementine.com/wiki/index.php?title=MediaWiki:Vector.css&oldid=38948’