MediaWiki:Common.css: Difference between revisions
Restoring Main Page layout, applying OSRS Architecture, and fixing logo |
Style tabs to match OSRS Wiki and sit flush on content box |
||
| Line 390: | Line 390: | ||
@media screen and (max-width: 980px) { | @media screen and (max-width: 980px) { | ||
#content { margin: 10px; border-width: 2px; } | #content { margin: 10px; border-width: 2px; } | ||
} | |||
/* --- 9. Vector Legacy Tabs Styling --- */ | |||
/* Remove default Vector tab backgrounds */ | |||
.vector-menu-tabs, | |||
.vector-menu-tabs a, | |||
.vector-menu-tabs li, | |||
#p-views, | |||
#p-cactions { | |||
background-image: none !important; | |||
} | |||
/* Base inactive tab style */ | |||
.vector-menu-tabs .vector-menu-content-list > li { | |||
background-color: #cfc08d !important; /* OSRS inactive tab beige */ | |||
border: 1px solid #94866d !important; | |||
border-bottom: none !important; | |||
border-radius: 3px 3px 0 0; | |||
margin-right: 4px !important; | |||
display: inline-block; | |||
padding: 0 !important; | |||
} | |||
/* Active tab style */ | |||
.vector-menu-tabs .vector-menu-content-list > li.selected { | |||
background-color: #f1e7d3 !important; /* Matches #content parchment */ | |||
border: 3px solid #3d2b1f !important; | |||
border-bottom: none !important; | |||
position: relative; | |||
z-index: 2; /* Sit on top of the content border */ | |||
margin-bottom: -3px; /* Pull it down over the content border */ | |||
} | |||
/* Tab link text */ | |||
.vector-menu-tabs .vector-menu-content-list > li > a { | |||
color: #4a3c28 !important; | |||
padding: 10px 12px 6px 12px !important; | |||
font-family: 'PT Serif', Georgia, serif; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
background: transparent !important; | |||
} | |||
/* Active tab text */ | |||
.vector-menu-tabs .vector-menu-content-list > li.selected > a { | |||
color: #000000 !important; | |||
padding-bottom: 9px !important; /* Extra padding to cover the gap */ | |||
} | |||
/* Remove the top margin on content so tabs touch the border */ | |||
#content { | |||
margin-top: 0 !important; | |||
} | |||
/* Push the whole header/navigation block down so it doesn't overlap the logo */ | |||
#mw-head { | |||
top: 15px !important; | |||
} | |||
/* Style the Search Box to match OSRS */ | |||
#p-search { | |||
margin-top: 4px !important; | |||
margin-left: 10px !important; | |||
} | |||
#simpleSearch { | |||
background-color: #efeee6 !important; | |||
border: 1px solid #94866d !important; | |||
} | } | ||