|
|
| Line 1: |
Line 1: |
| /* OSRS Beige Background */
| |
| body {
| |
| background-color: #e5d8c5;
| |
| background-image: none;
| |
| }
| |
|
| |
|
| /* Header image and fade */ | | /* Logo override */ |
| #mw-page-base {
| | #p-logo a, .mw-wiki-logo { |
| background-image: url('/images/valen_banner.png');
| | background-image: url('/images/windsofvalenlogo.ico') !important; |
| background-position: top center;
| | background-size: contain; |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| height: 350px;
| |
| -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
| |
| mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
| |
| }
| |
| | |
| #mw-head-base {
| |
| background: transparent;
| |
| height: 0;
| |
| }
| |
| | |
| /* Make header tabs and search transparent so they sit on the banner */
| |
| #mw-head {
| |
| background: rgba(0, 0, 0, 0.4);
| |
| }
| |
| #p-personal, #left-navigation, #right-navigation { | |
| background: transparent;
| |
| }
| |
| #p-personal ul li a, #left-navigation li a, #right-navigation li a {
| |
| color: #fff;
| |
| text-shadow: 1px 1px 2px black;
| |
| }
| |
| #p-search form, #simpleSearch {
| |
| background: rgba(255, 255, 255, 0.8);
| |
| }
| |
| .vector-menu-tabs li {
| |
| background: transparent;
| |
| }
| |
| | |
| /* Content Area */
| |
| #content {
| |
| background-color: #e5d8c5;
| |
| border: none;
| |
| margin-top: -100px; /* Pull content up into the fade */
| |
| }
| |
| | |
| /* Sidebar styling */
| |
| #mw-panel {
| |
| background-color: #d1c1a6;
| |
| padding-top: 1em;
| |
| }
| |
| #p-logo {
| |
| margin-bottom: 20px;
| |
| }
| |
| .vector-menu-portal .vector-menu-heading {
| |
| color: #332717;
| |
| font-weight: bold;
| |
| }
| |
| .vector-menu-portal .vector-menu-content li a {
| |
| color: #4a3a25;
| |
| }
| |
| | |
| /* Grid Layout for Main Page */
| |
| .osrs-grid-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 15px;
| |
| margin-top: 20px;
| |
| }
| |
| .osrs-grid-item {
| |
| flex: 1 1 calc(20% - 15px);
| |
| background-color: #fff; | |
| border: 2px solid #7d6b54;
| |
| text-align: center;
| |
| padding: 10px;
| |
| box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
| |
| }
| |
| .osrs-grid-item img {
| |
| max-width: 100px;
| |
| height: auto;
| |
| margin-bottom: 10px;
| |
| }
| |
| .osrs-grid-item-title {
| |
| font-weight: bold;
| |
| color: #332717;
| |
| background-color: #e8dcc4;
| |
| padding: 5px;
| |
| border-top: 1px solid #7d6b54;
| |
| }
| |
| | |
| /* Popular Pages Buttons */ | |
| .osrs-popular-grid { | |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 10px;
| |
| }
| |
| .osrs-button {
| |
| flex: 1 1 calc(33% - 10px);
| |
| background-color: #4a3a25;
| |
| color: white !important;
| |
| text-align: center;
| |
| padding: 10px;
| |
| font-weight: bold;
| |
| text-decoration: none;
| |
| border: 2px solid #332717;
| |
| }
| |
| .osrs-button:hover {
| |
| background-color: #5c482e; | |
| text-decoration: none;
| |
| } | | } |