|
|
| Line 1: |
Line 1: |
| /*
| |
| /* Keep header grid compact */
| |
| .vector-header-container {
| |
| align-items: start;
| |
| }
| |
|
| |
|
| /* Remove logo from grid flow */
| |
| .vector-header-start {
| |
| position: relative;
| |
| }
| |
|
| |
| /* Absolutely position the logo */
| |
| .vector-header-start .mw-logo-wordmark {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 20;
| |
| z-index: 20;
| |
| }
| |
|
| |
| /* Optional: push logo downward */
| |
| .vector-header-start .mw-logo-wordmark img {
| |
| margin-top: 0; /* or e.g. 20px */
| |
| }
| |
|
| |
| .mw-body {
| |
| padding-top: 40px; /* adjust to logo overhang */
| |
| }
| |
| .mw-table-of-contents-container {
| |
| margin-top: 80px; /* adjust to logo overhang */
| |
| }
| |
| @media (min-width: 1000px) {
| |
| body:not(:has(#vector-toc-pinned-container .vector-toc)) .mw-body {
| |
| padding-top: 150px;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 999px) {
| |
| .vector-header-start .mw-logo-wordmark {
| |
| position: static; /* cancel absolute positioning */
| |
| }
| |
| .mw-logo-wordmark img {
| |
| height: 80px; /* choose your value */
| |
| width: auto;
| |
| }
| |
| }
| |
| */
| |
