|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /*
| | .vector-typeahead-search-container { |
| /* Keep header grid compact */
| | padding-left: 10px; |
| .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;
| |
| }
| |
| }
| |
| */
| |
