User:Umsibaba/minerva.css

/* General Styles */ body, p { font-size: 16px; line-height: 1.8; text-align: justify; hyphens: auto; margin: 0; padding: 0; }

/* Header and Navigation */ .minerva-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #ccc; }

.minerva-header .search-box { position: relative; width: auto; transition: width 0.3s ease; }

.minerva-header .branding-box { min-width: 200px; }

.minerva-user-navigation { min-width: 100px; }

.minerva-header .branding-box img { width: auto; height: 55px; }

.header-container.header-chrome { background: var(--menu-background); position: fixed; top: 0; right: 0; width: 100%; height: 65px; z-index: 2; display: flex; justify-content: space-between; padding: 0 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

/* Content Width */ .banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form, #mw-mf-page-center .pointer-overlay { max-width: 90%; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 768px) { .banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form { width: 100%; max-width: calc(100vw - 140px); }   .page-heading { width: calc(100% - 330px); } }

/* Overlay Adjustments */ .overlay.search-overlay .search-box, .overlay.search-overlay .search-content, .overlay.search-overlay .spinner-container, .overlay.search-overlay .results { margin-left: 0; width: 100%; } .overlay.search-overlay.visible { right: 0 !important; left: auto; width: 420px; height: auto; position: fixed; box-shadow: -2px 0px 25px rgba(0,0,0,0.2) !important; } .overlay.search-overlay .overlay-title { padding-left: 0px; padding-top: 15px; } .overlay.search-overlay .search-box { width: 420px; } .overlay.search-overlay .search { margin-left: 0px; } .overlay.search-overlay .spinner-container, .overlay.search-overlay .search-content, .overlay.search-overlay .results { margin-left: 0; width: 100%; }

/* Thumbnail and Image Styles */ .thumbimage { border-top-right-radius: 20px !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 20px !important; border-bottom-left-radius: 0 !important; box-shadow: none !important; }

/* Infobox Adjustments */ .content .infobox { margin: 0.5em 0 1em 35px; max-width: 350px !important; }

/* Miscellaneous */ .header .branding-box { transition: 100ms ease-in-out; opacity: 1; } .header .branding-box h1 img, .header .branding-box a img { transition: 250ms ease-in-out; }   color: var(--link-color); } .page-actions-menu__list-item > a { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif; color: var(--grey-text-color); }
 * 1) mw-mf-page-left ul.hlist li a {

/* Enhanced Search */ @keyframes search { 0% {       transform: translate(420px, 0px); }   100% {        transform: translate(0px, 0px); } } .overlay.search-overlay.visible { right: 0 !important; left: auto; width: 420px; height: 100%; position: fixed; transition: height 400ms ease-in-out; box-shadow: -2px 0px 25px rgba(0,0,0,0.2) !important; animation: search 150ms linear forwards !important; }

/* Responsive Adjustments */ @media screen and (max-width: 768px) { .header-container.header-chrome { width: 100%; height: 55px; }   .overlay.search-overlay .search-box { width: 100%; } }

/* Options Menu */ .options-menu { display: none; position: absolute; right: 0; top: 65px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border: 1px solid #ccc; z-index: 10; }

.options-menu.active { display: block; }

.options-button { cursor: pointer; padding: 10px; }