|
|
| Line 1: |
Line 1: |
| /* ============================== */
| |
| /* WIZLORDS VECTOR SKIN OVERRIDES */
| |
| /* ============================== */
| |
|
| |
|
|
| |
| /* LAYOUT VARIABLES */
| |
| /* ---------------- */
| |
| :root {
| |
| --wiki-shell-width: min(1350px, calc(100vw - 80px));
| |
| --wiki-sidebar-width: 210px;
| |
| --wiki-content-gutter: 16px;
| |
| --wiki-content-width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width) - (var(--wiki-content-gutter) * 2));
| |
| --wiki-shell-gap: max(0px, calc((100vw - var(--wiki-shell-width)) / 2));
| |
| --wiki-head-height: 82px;
| |
| --wiki-user-row-top: 8px;
| |
| --wiki-nav-row-top: 42px;
| |
| --wiki-content-padding: 16px;
| |
| }
| |
|
| |
|
| |
| /* PAGE BACKGROUND */
| |
| /* --------------- */
| |
| html,
| |
| body.skin-vector-legacy {
| |
| background: #f5f3ee;
| |
| }
| |
|
| |
|
| |
| /* DISABLE VECTOR'S FAKE BACKGROUND STRIPS */
| |
| /* --------------------------------------- */
| |
| body.skin-vector-legacy #mw-page-base,
| |
| body.skin-vector-legacy #mw-head-base {
| |
| display: none !important;
| |
| }
| |
|
| |
|
| |
| /* LEFT SIDEBAR PANEL */
| |
| /* ------------------ */
| |
| body.skin-vector-legacy #mw-panel {
| |
| position: absolute !important;
| |
| left: var(--wiki-shell-gap) !important;
| |
| top: 0 !important;
| |
| width: var(--wiki-sidebar-width) !important;
| |
| min-height: 100vh;
| |
| box-sizing: border-box;
| |
| padding: 24px 18px;
| |
| z-index: 50;
| |
|
| |
| background: #171717;
| |
| color: #f2eadc;
| |
| border-left: 1px solid #3a2f1d;
| |
| border-right: 1px solid #3a2f1d;
| |
| }
| |
|
| |
|
| |
| /* LEFT SIDEBAR LOGO */
| |
| /* ----------------- */
| |
| body.skin-vector-legacy #p-logo {
| |
| position: relative !important;
| |
| top: 0 !important;
| |
| left: 0 !important;
| |
| width: 100% !important;
| |
| height: 150px;
| |
| margin: 0 0 24px 0;
| |
| background-position: center top;
| |
| background-size: contain;
| |
| }
| |
|
| |
|
| |
| /* TOP HEAD BAR */
| |
| /* ------------ */
| |
| body.skin-vector-legacy #mw-head {
| |
| position: absolute !important;
| |
| top: 0 !important;
| |
| left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important;
| |
| right: auto !important;
| |
| width: var(--wiki-content-width) !important;
| |
| height: var(--wiki-head-height) !important;
| |
| box-sizing: border-box;
| |
| z-index: 20;
| |
|
| |
| background: #fff;
| |
| border-bottom: 1px solid #a7d7f9;
| |
| overflow: visible;
| |
| }
| |
|
| |
|
| |
| /* USER MENU */
| |
| /* --------- */
| |
| body.skin-vector-legacy #p-personal {
| |
| position: absolute !important;
| |
| top: var(--wiki-user-row-top) !important;
| |
| right: 0 !important;
| |
| left: auto !important;
| |
| width: auto !important;
| |
| margin: 0 !important;
| |
| z-index: 40;
| |
| }
| |
|
| |
|
| |
| /* LEFT PAGE TABS */
| |
| /* -------------- */
| |
| body.skin-vector-legacy #left-navigation {
| |
| position: absolute !important;
| |
| left: 0 !important;
| |
| top: var(--wiki-nav-row-top) !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| z-index: 30;
| |
| }
| |
|
| |
|
| |
| /* RIGHT PAGE TABS AND SEARCH */
| |
| /* -------------------------- */
| |
| body.skin-vector-legacy #right-navigation {
| |
| position: absolute !important;
| |
| right: 0 !important;
| |
| top: var(--wiki-nav-row-top) !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| max-width: 760px;
| |
| box-sizing: border-box;
| |
| z-index: 30;
| |
| }
| |
|
| |
|
| |
| /* SEARCH BOX */
| |
| /* ---------- */
| |
| body.skin-vector-legacy #p-search {
| |
| max-width: 330px;
| |
| }
| |
|
| |
| body.skin-vector-legacy #p-search input {
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
|
| |
| /* MAIN CONTENT BODY */
| |
| /* ----------------- */
| |
| body.skin-vector-legacy #content.mw-body {
| |
| position: absolute !important;
| |
| top: var(--wiki-head-height) !important;
| |
| left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important;
| |
| right: auto !important;
| |
|
| |
| margin: 0 !important;
| |
| width: var(--wiki-content-width) !important;
| |
| max-width: var(--wiki-content-width) !important;
| |
| min-height: calc(100vh - var(--wiki-head-height));
| |
| box-sizing: border-box;
| |
| z-index: 10;
| |
|
| |
| background: #fff;
| |
| border: 1px solid #333;
| |
| padding: var(--wiki-content-padding) !important;
| |
| }
| |
|
| |
|
| |
| /* PAGE TITLE STRIP */
| |
| /* ---------------- */
| |
| body.skin-vector-legacy h1#firstHeading {
| |
| display: block !important;
| |
| margin: 0 0 12px 0 !important;
| |
| padding: 0 0 8px 0 !important;
| |
| box-sizing: border-box;
| |
|
| |
| font-family: Arial, Helvetica, sans-serif !important;
| |
| font-size: 28px !important;
| |
| line-height: 1.1 !important;
| |
| font-weight: normal !important;
| |
|
| |
| border-bottom: 1px solid #c8ccd1;
| |
| background: transparent;
| |
| }
| |
|
| |
| body.skin-vector-legacy h1#firstHeading .mw-page-title-main {
| |
| font-family: Arial, Helvetica, sans-serif !important;
| |
| font-size: inherit !important;
| |
| line-height: inherit !important;
| |
| font-weight: inherit !important;
| |
| }
| |
|
| |
|
| |
| /* PAGE CONTENT AREA */
| |
| /* ----------------- */
| |
| body.skin-vector-legacy #bodyContent {
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| background: transparent;
| |
| }
| |
|
| |
| body.skin-vector-legacy #mw-content-text,
| |
| body.skin-vector-legacy .mw-parser-output {
| |
| margin: 0;
| |
| padding: 0;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
|
| |
| /* SIDEBAR LINKS */
| |
| /* ------------- */
| |
| body.skin-vector-legacy #mw-panel a {
| |
| color: #d08b00;
| |
| }
| |
|
| |
| body.skin-vector-legacy #mw-panel a:visited {
| |
| color: #d08b00;
| |
| }
| |
|
| |
| body.skin-vector-legacy #mw-panel a:hover {
| |
| color: #ffb536;
| |
| }
| |
|
| |
|
| |
| /* SIDEBAR SECTIONS */
| |
| /* ---------------- */
| |
| body.skin-vector-legacy #mw-panel .portal {
| |
| margin: 0 0 18px 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| body.skin-vector-legacy #mw-panel .portal h3 {
| |
| color: #cfc2aa;
| |
| font-weight: bold;
| |
| border-bottom: 1px dotted #7b5b1d;
| |
| margin: 0 0 8px 0;
| |
| padding-bottom: 4px;
| |
| }
| |
|
| |
| body.skin-vector-legacy #mw-panel .portal .body {
| |
| margin: 0;
| |
| padding: 0;
| |
| background: transparent;
| |
| }
| |