|
|
| Line 1: |
Line 1: |
| /* Ensure body is beige */ | | /* Common.css - applies to all skins. Keep minimal - theme is in Vector-2022.css */ |
| body, html {
| |
| background-color: #c7b89e !important; /* Slightly darker beige for the far background */
| |
| }
| |
|
| |
|
| /* | | /* Main page category grid (wikitext tables) */ |
| The banner image spanning the top
| | /* Already handled inline in wikitext */ |
| */
| |
| #mw-page-base {
| |
| display: block !important;
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 400px !important;
| |
| background-image: linear-gradient(to bottom, rgba(199,184,158,0) 60%, #c7b89e 100%), url('/images/valen_banner.png') !important;
| |
| background-position: center top !important;
| |
| background-repeat: no-repeat !important;
| |
| background-size: cover !important;
| |
| z-index: 0 !important;
| |
| }
| |
| | |
| /* Base header spacer - keeps things from flying to the top */
| |
| #mw-head-base {
| |
| height: 5em !important;
| |
| background: transparent !important;
| |
| }
| |
| | |
| /* Transparent Sidebar */
| |
| #mw-panel {
| |
| background: transparent !important;
| |
| z-index: 2;
| |
| }
| |
| #p-logo {
| |
| background: transparent !important;
| |
| }
| |
| .mw-wiki-logo {
| |
| background-image: url('/images/windsofvalenlogo.ico') !important;
| |
| background-size: contain !important;
| |
| background-color: transparent !important;
| |
| }
| |
| .portal {
| |
| background: transparent !important;
| |
| }
| |
| .vector-menu-portal .vector-menu-heading {
| |
| color: #332717 !important;
| |
| font-weight: bold;
| |
| text-shadow: 1px 1px 2px rgba(255,255,255,0.7);
| |
| }
| |
| .vector-menu-portal .vector-menu-content li a {
| |
| color: #4a3a25 !important;
| |
| }
| |
| | |
| /* Transparent Tabs */ | |
| #mw-head {
| |
| background: transparent !important;
| |
| z-index: 5 !important;
| |
| }
| |
| #p-namespaces li, #p-views li, #p-variants li, .vector-menu-tabs li, #left-navigation, #right-navigation, #p-personal {
| |
| background: transparent !important;
| |
| background-image: none !important;
| |
| }
| |
| #p-namespaces li a, #p-views li a, #p-personal ul li a {
| |
| color: #fff !important;
| |
| text-shadow: 1px 1px 3px black !important;
| |
| font-weight: bold;
| |
| }
| |
| #p-namespaces li.selected a, #p-views li.selected a {
| |
| color: #ffd700 !important;
| |
| }
| |
| #p-search form, #simpleSearch {
| |
| background: rgba(255, 255, 255, 0.8) !important;
| |
| border: 1px solid #7d6b54 !important;
| |
| }
| |
| | |
| /* Content Area - Fixed width to prevent infinite stretching, shifted down to overlap banner */
| |
| #content {
| |
| background-color: #e5d8c5 !important; /* OSRS Beige */
| |
| color: #332717 !important;
| |
| border: 2px solid #7d6b54 !important;
| |
| border-radius: 5px;
| |
| position: relative;
| |
| z-index: 1;
| |
| margin-top: 150px !important; /* Push down to overlap banner beautifully */
| |
| margin-left: 12em !important; /* Make room for sidebar */
| |
| max-width: 1000px !important; /* Prevent full width stretching */
| |
| padding: 2em;
| |
| box-shadow: 0 0 15px rgba(0,0,0,0.5);
| |
| }
| |
| | |
| /* Links and Headers */
| |
| h1, h2, h3, h4 {
| |
| color: #332717 !important;
| |
| border-bottom: 1px solid #7d6b54 !important;
| |
| }
| |
| a {
| |
| color: #633f00; /* Darker brown links */
| |
| }
| |
| | |
| /* Hide Main Page Header */
| |
| .page-Main_Page #firstHeading {
| |
| display: none !important;
| |
| }
| |