/* iT Guys Premium Documentation Style v2 */ /* ROOT VARIABLES - Professional "Blue Grey" Theme */ :root { --md-primary-fg-color: #37474F; /* Blue Grey 800 */ --md-primary-fg-color--light: #546E7A; /* Blue Grey 600 */ --md-primary-fg-color--dark: #263238; /* Blue Grey 900 */ --md-accent-fg-color: #FF6D00; /* Deep Orange for Call to Actions */ /* Modern Shadows */ --md-shadow-z1: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } /* HEADER LAYOUT - Force Centered Search */ @media screen and (min-width: 76.25em) { .md-header__inner { position: relative; /* For absolute positioning of search */ justify-content: space-between; } /* 1. HIDE SITE NAME (Keep Logo) */ .md-header__title .md-header__topic { display: none !important; } .md-header__title { min-width: 50px; /* Just enough for logo */ margin-right: 0; } /* 2. CENTER SEARCH BAR */ .md-search { position: absolute; left: 50%; transform: translateX(-50%); top: 0.4rem; /* Adjust vertical alignment */ width: 400px !important; margin: 0 !important; } .md-search__inner { width: 100% !important; border-radius: 4px; background-color: rgba(255, 255, 255, 0.15); } /* 3. PUSH TOGGLE TO RIGHT */ .md-header__option { margin-left: auto; /* Pushes to right in flex */ } } /* GENERAL TYPOGRAPHY */ h1 { color: var(--md-primary-fg-color--dark) !important; font-weight: 800 !important; text-transform: uppercase; font-size: 1.8rem; border-left: 5px solid var(--md-accent-fg-color); padding-left: 1rem; margin-bottom: 2rem !important; } h2 { color: var(--md-primary-fg-color); font-weight: 700; margin-top: 3rem !important; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.5rem; } /* Dark Mode Adjustments */ [data-md-color-scheme="slate"] { --md-primary-fg-color: #455A64; --md-primary-fg-color--dark: #eceff1; } [data-md-color-scheme="slate"] h1 { color: #eceff1 !important; } /* TABLES - Corporate Look */ .md-typeset table:not([class]) { border-radius: 4px; box-shadow: none; border: 1px solid #ddd; } .md-typeset table:not([class]) th { background-color: #f5f5f5; color: #333 !important; text-transform: none; font-weight: 700; } [data-md-color-scheme="slate"] .md-typeset table:not([class]) th { background-color: #37474f; color: #fff !important; } /* BUTTONS */ .md-button { border-radius: 30px; /* Pill shape */ font-weight: 600; text-transform: none; padding: 0.6em 1.2em; } .md-button--primary { background-color: var(--md-primary-fg-color) !important; } .md-button--primary:hover { background-color: var(--md-accent-fg-color) !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.2); } /* HIDDEN ELEMENTS */ .md-copyright, .md-footer-meta__text { display: none; /* Clean footer */ }