|
|
| Line 1: |
Line 1: |
| /* ===== Base ===== */
| |
| body {
| |
| background-image: linear-gradient(rgba(15,10,5,0.65), rgba(15,10,5,0.65)), url('/wiki/resources/assets/parchment_bg.png');
| |
| background-size: cover;
| |
| background-position: center top;
| |
| background-repeat: no-repeat;
| |
| background-attachment: scroll;
| |
| }
| |
|
| |
| #content, .mw-body {
| |
| background: linear-gradient(160deg,#221910,#15100a);
| |
| border: 1px solid #5d4316;
| |
| border-radius: 10px;
| |
| color: #c8bca0;
| |
| box-shadow: 0 4px 18px rgba(0,0,0,0.35);
| |
| }
| |
|
| |
| h1, h2, h3, h4, h5, h6 {
| |
| font-family: 'Cinzel', Georgia, serif;
| |
| color: #f0c75e;
| |
| border-bottom-color: #5d4316;
| |
| }
| |
|
| |
| #firstHeading, .firstHeading {
| |
| color: #f0c75e;
| |
| }
| |
|
| |
| a {
| |
| color: #d4880e;
| |
| transition: color .15s ease;
| |
| }
| |
|
| |
| a:hover {
| |
| color: #ffcf6a;
| |
| }
| |
|
| |
| a:visited {
| |
| color: #b0761f;
| |
| }
| |
|
| |
| a.new {
| |
| color: #e2574a;
| |
| }
| |
|
| |
| .vector-menu-content a, #p-navigation a, #mw-panel a, .mw-portlet a {
| |
| color: #d4880e;
| |
| }
| |
|
| |
| .mw-wiki-logo, #p-logo a {
| |
| filter: none;
| |
| }
| |
|
| |
| .vector-header, .mw-header, #mw-head, .mw-header-container {
| |
| background: #15100a;
| |
| border-bottom: 1px solid #5d4316;
| |
| }
| |
|
| |
| .vector-menu-tabs,
| |
| .vector-menu-tabs ul,
| |
| #p-views,
| |
| #p-namespaces,
| |
| #left-navigation,
| |
| #right-navigation {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .vector-menu-tabs ul li,
| |
| #p-views ul li,
| |
| #p-namespaces ul li {
| |
| background: #1c140b !important;
| |
| border: 1px solid #5d4316 !important;
| |
| border-radius: 6px 6px 0 0 !important;
| |
| margin-right: 2px;
| |
| }
| |
|
| |
| .vector-menu-tabs ul li a,
| |
| #p-views ul li a,
| |
| #p-namespaces ul li a {
| |
| color: #d4880e !important;
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .vector-menu-tabs ul li.selected,
| |
| #p-views ul li.selected,
| |
| #p-namespaces ul li.selected {
| |
| background: #2a1d0c !important;
| |
| border-bottom-color: #2a1d0c !important;
| |
| }
| |
|
| |
| .vector-menu-tabs ul li.selected a,
| |
| #p-views ul li.selected a,
| |
| #p-namespaces ul li.selected a {
| |
| color: #f0d48a !important;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .vector-menu-tabs ul li:hover,
| |
| #p-views ul li:hover,
| |
| #p-namespaces ul li:hover {
| |
| background: #2a1d0c !important;
| |
| }
| |
|
| |
| .vector-dropdown .vector-dropdown-content,
| |
| .mw-portlet-dropdown .vector-menu-content {
| |
| background: #1c140b !important;
| |
| border: 1px solid #5d4316 !important;
| |
| border-radius: 6px;
| |
| }
| |
|
| |
| .vector-dropdown-content ul li a {
| |
| color: #d4880e !important;
| |
| }
| |
|
| |
| .cdx-search-input__input,
| |
| .vector-search-box-input,
| |
| .oo-ui-inputWidget-input,
| |
| #searchInput,
| |
| input[type="search"] {
| |
| background: #120d07 !important;
| |
| color: #f0d48a !important;
| |
| border: 1px solid #5d4316 !important;
| |
| border-radius: 6px !important;
| |
| }
| |
|
| |
| .cdx-search-input,
| |
| .vector-search-box {
| |
| border-radius: 6px;
| |
| }
| |
|
| |
| #toc, .toc, .vector-toc, .vector-toc-landmark {
| |
| background: #1a130b !important;
| |
| border: 1px solid #5d4316 !important;
| |
| border-radius: 8px !important;
| |
| color: #c8bca0 !important;
| |
| }
| |
|
| |
| #toc a, .toc a, .vector-toc a {
| |
| color: #d4880e !important;
| |
| }
| |
|
| |
| #toc #toctitle, .toc #toctitle, .vector-toc-title {
| |
| color: #f0c75e !important;
| |
| }
| |
|
| |
| input, textarea, select {
| |
| background: #120d07;
| |
| color: #f0d48a;
| |
| border: 1px solid #5d4316;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .cdx-button, button, .mw-ui-button {
| |
| background: #2a1d0c !important;
| |
| color: #f0d48a !important;
| |
| border: 1px solid #5d4316 !important;
| |
| border-radius: 6px !important;
| |
| }
| |
|
| |
| .cdx-button:hover, button:hover, .mw-ui-button:hover {
| |
| background: #3a2c14 !important;
| |
| }
| |
|
| |
| .wikitable {
| |
| background: #1a130b;
| |
| border: 1px solid #5d4316;
| |
| border-radius: 6px;
| |
| color: #c8bca0;
| |
| }
| |
|
| |
| .wikitable th {
| |
| background: #221910;
| |
| color: #f0d48a;
| |
| }
| |
|
| |
| .mw-editfont-monospace, #wpTextbox1 {
| |
| background: #120d07;
| |
| color: #f0d48a;
| |
| border-radius: 6px;
| |
| }
| |
|
| |
| #footer, .mw-footer {
| |
| background: #15100a;
| |
| border-top: 1px solid #5d4316;
| |
| color: #9a8c70;
| |
| border-radius: 0 0 10px 10px;
| |
| }
| |
|
| |
| #footer a, .mw-footer a {
| |
| color: #d4880e;
| |
| }
| |
|
| |
| #mw-panel, .mw-portlet {
| |
| background: rgba(15,10,5,0.55);
| |
| border-radius: 8px;
| |
| padding: 8px 10px;
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| #mw-panel a, .mw-portlet a {
| |
| color: #f0c75e !important;
| |
| }
| |
|
| |
| /* ===== Sidebar section headings (e.g. "Tools") ===== */
| |
| .vector-menu-heading,
| |
| .mw-portlet-tools h3,
| |
| .mw-portlet h3,
| |
| .vector-menu-heading-label {
| |
| color: #f0c75e !important;
| |
| }
| |
|
| |
| /* ===== TOC numbers ===== */
| |
| .tocnumber {
| |
| color: #d4880e !important;
| |
| }
| |
|
| |
| /* ===== Footer text contrast ===== */
| |
| #footer, .mw-footer,
| |
| #footer li, .mw-footer li,
| |
| #footer-info, .mw-footer-info,
| |
| #footer-places, .mw-footer-places {
| |
| color: #b0a488 !important;
| |
| }
| |
|
| |
| #footer a, .mw-footer a {
| |
| color: #d4880e !important;
| |
| }
| |
|
| |
| /* ===== Fix gap between content box and footer ===== */
| |
| #footer, .mw-footer {
| |
| margin-top: 0;
| |
| border-radius: 0 0 10px 10px;
| |
| }
| |
|
| |
| /* ===== Merge content box and footer seamlessly ===== */
| |
| #content, .mw-body {
| |
| border-bottom: none;
| |
| border-radius: 10px 10px 0 0;
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| #footer, .mw-footer {
| |
| border-top: 1px solid #5d4316;
| |
| border-radius: 0 0 10px 10px;
| |
| margin-top: 0;
| |
| padding-bottom: 24px;
| |
| position: relative;
| |
| }
| |
|
| |
| /* Fade the footer's bottom edge into the parchment instead of a hard cutoff */
| |
| #footer::after, .mw-footer::after {
| |
| content: "";
| |
| position: absolute;
| |
| left: 0;
| |
| right: 0;
| |
| bottom: -40px;
| |
| height: 40px;
| |
| background: linear-gradient(to bottom, #15100a, rgba(21,16,10,0));
| |
| pointer-events: none;
| |
| }
| |
|
| |
| /* ===== Remove white thumbnail frames site-wide ===== */ | | /* ===== Remove white thumbnail frames site-wide ===== */ |
| .thumb, .thumbinner, div.thumb div.thumbinner { | | .thumb, .thumbinner, div.thumb div.thumbinner { |