Winds Of Valen Wiki

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →

Life (talk | contribs)

3 user groups
2,267 edits
cleaned up the mobile header a bit
fixed the mobile layout scrolling sideways
Line 942: Line 942:
     .vector-menu-tabs .vector-menu-content-list > li {
     .vector-menu-tabs .vector-menu-content-list > li {
         margin-bottom: 2px !important;
         margin-bottom: 2px !important;
    }
    /* Solid strip behind the hamburger button and search box, since there's
      no single wrapper element to put a real background on. */
    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 58px;
        background: #3d2b1f;
        border-bottom: 2px solid #b3a07d;
        z-index: 550;
     }
     }


Line 973: Line 959:
         cursor: pointer;
         cursor: pointer;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    }
    /* Pull the existing search box out of the collapsed header and pin it
      into the fixed top bar next to the hamburger button, so search is
      always one tap away instead of buried in the drawer menu. */
    #p-search {
        display: block !important;
        position: fixed !important;
        top: 10px !important;
        left: 120px !important;
        right: 10px !important;
        margin: 0 !important;
        z-index: 600 !important;
    }
    #p-search h3 {
        display: none !important;
    }
    #p-search #simpleSearch,
    #p-search .vector-search-box-inner {
        width: 100% !important;
    }
    #p-search input {
        width: 100% !important;
        height: 38px !important;
        box-sizing: border-box !important;
        border-radius: 4px !important;
        border: 2px solid #b3a07d !important;
        background-color: #efeee6 !important;
        padding: 0 10px !important;
        font-size: 16px !important; /* keeps iOS Safari from zooming in on focus */
     }
     }


Line 1,360: Line 1,316:
}
}


.mainpage-container, .mainpage-layout, .mainpage-header,
.mainpage-container, .mainpage-layout, .mainpage-header, .mainpage-left, .mainpage-right,
.tile-row, .updates-row, .categories-grid, .popular-grid, .skills-grid,
.tile-row, .updates-row, .categories-grid, .popular-grid, .skills-grid,
.update-card, .category-card, .skill-item, .header-intro, .header-stats {
.update-card, .category-card, .skill-item, .header-intro, .header-stats {
Retrieved from "https://windsofvalenwiki.com/w/MediaWiki:Common.css"