Template:CR Funds Navbar/styles.css
Appearance
From Meta, a Wikimedia project coordination wiki
This is an archived version of this page, as edited by DSaroyan (WMF) (talk | contribs) at 15:21, 24 September 2024 (Making link color blue, active link black, per quiddity requets). It may differ significantly from the current version .
.flex-grid-row{ display:flex; } .flex-grid-col{ flex:1; flex-direction:row; } #wmf-navbar-header{ width:100%; } .wmf-navbar-body-row1{ display:flex; border-bottom:1.5px#eaecf0solid; align-items:center; } .funds-menu-selected-1li:nth-child(1), .funds-menu-selected-2li:nth-child(2), .funds-menu-selected-3li:nth-child(3), .funds-menu-selected-4li:nth-child(4), .funds-menu-selected-5li:nth-child(5), .funds-menu-selected-6li:nth-child(6), .funds-menu-selected-7li:nth-child(7), .funds-menu-selected-8li:nth-child(8){ padding-bottom:12px; margin:10px0; margin-bottom:0; border-bottom:3px#3a25ffsolid; } .funds-menu-selected-1li:nth-child(1)a, .funds-menu-selected-2li:nth-child(2)a, .funds-menu-selected-3li:nth-child(3)a, .funds-menu-selected-4li:nth-child(4)a, .funds-menu-selected-5li:nth-child(5)a, .funds-menu-selected-6li:nth-child(6)a, .funds-menu-selected-7li:nth-child(7)a, .funds-menu-selected-8li:nth-child(8)a{ color:#000; } .wmf-navbar-body-row1-links{ flex:1; display:flex; justify-content:center; } .wmf-navbar-body-row1-links, .wmf-navbar-body-row2-links, .wmf-navbar-body-row3-links{ padding-top:10px; padding-bottom:10px; } .wmf-navbar-body-row1-linksul, .wmf-navbar-body-row2-linksul, .wmf-navbar-body-row3-linksul{ list-style:none; margin-left:0; } .wmf-navbar-body-row1-linksulli, .wmf-navbar-body-row2-linksulli, .wmf-navbar-body-row3-linksulli{ display:inline; } .wmf-navbar-body-row1-linksullia{ color:#3a25ff; text-decoration:none; padding:5px10px; margin:10px0; } .wmf-navbar-body-row1-linksullia:hover, .wmf-navbar-body-row2-linksullia:hover, .wmf-navbar-body-row3-linksullia:hover{ background-color:#eeeaff; } .wmf-navbar-body-row1-linksullia.selflink, .wmf-navbar-body-row2-linksullia.selflink, .wmf-navbar-body-row3-linksullia.selflink, .wmf-navbar-body-active-link{ padding-bottom:12px; margin:10px0; margin-bottom:0; border-bottom:3px#3a25ffsolid; color:#3a25ff; } .wmf-navbar-body-row2, .wmf-navbar-body-row3{ border-bottom:1.5px#eaecf0solid; } .wmf-navbar-body-row2-linksullia, .wmf-navbar-body-row3-linksullia{ color:#000; text-decoration:none; padding:5px10px; margin:10px0; font-size:14px; line-height:175%; } #navbar-row-about-wmf, #navbar-row-movement-resources, #navbar-row-news-and-events, .wmf-navbar-body-row3{ display:none; } .funds-title{ padding:1em0.5em0; font-size:2em; font-weight:bold; color:#202122; } .funds-subtitle{ padding:00.5em0; font-size:1.2em; font-weight:bold; color:#202122; } .funds-menulismall{ display:block; margin-top:.5em; font-size:60%; } .mw-pt-languages{ border-radius:2px; padding:.5em; border:1pxsolid#EAECF0; } @mediaonlyscreenand(max-width:900px){ .funds-menu-selected-1li:nth-child(1), .funds-menu-selected-2li:nth-child(2), .funds-menu-selected-3li:nth-child(3), .funds-menu-selected-4li:nth-child(4), .funds-menu-selected-5li:nth-child(5), .funds-menu-selected-6li:nth-child(6), .funds-menu-selected-7li:nth-child(7), .funds-menu-selected-8li:nth-child(8){ padding-bottom:1px; } }