MediaWiki:Common.css: Difference between revisions
Fresh layout rebuild - OSRS style from scratch |
Fix body background and logo text positioning |
||
| Line 857: | Line 857: | ||
.discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; } | .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; } | ||
.discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; } | .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; } | ||
/* ========================================================================== | |||
TARGETED FIXES - appended last to win cascade | |||
========================================================================== */ | |||
/* 1. Force body to pure beige - override ALL earlier background rules */ | |||
body, | |||
html body { | |||
background: #e1d5be !important; | |||
background-image: none !important; | |||
background-color: #e1d5be !important; | |||
} | |||
/* 2. Sidebar navigation link colors - make them visible */ | |||
#mw-panel a, | |||
#mw-panel .vector-menu-heading-label, | |||
.portal h3, | |||
.mw-portlet h3 { | |||
color: #4a3c28 !important; | |||
} | |||
/* 3. Logo text: reposition for new 160px tall logo area | |||
Logo icon occupies roughly the top 110px, text goes below it */ | |||
#p-logo::after { | |||
position: relative !important; | |||
top: auto !important; | |||
display: block !important; | |||
text-align: center !important; | |||
margin-top: -10px !important; | |||
font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif !important; | |||
font-size: 1.1em !important; | |||
color: #f1e7d3 !important; | |||
text-shadow: 2px 2px 4px #000, -1px -1px 2px #000 !important; | |||
line-height: 1.2 !important; | |||
z-index: 10 !important; | |||
} | |||
/* 4. Make sure the logo link fills the full banner height */ | |||
#p-logo a { | |||
display: flex !important; | |||
flex-direction: column !important; | |||
align-items: center !important; | |||
justify-content: flex-start !important; | |||
height: 160px !important; | |||
background-position: center 10px !important; | |||
background-size: 120px auto !important; | |||
padding-top: 0 !important; | |||
} | |||