MediaWiki:Common.css: Difference between revisions

Remove tab borders to match OSRS
Fix tab overlaps
Line 422: Line 422:
.vector-menu-tabs .vector-menu-content-list > li > a {
.vector-menu-tabs .vector-menu-content-list > li > a {
     color: #794900 !important;
     color: #794900 !important;
     padding: 12px 18px !important;
     padding: 10px 14px !important;
     font-family: 'Museo Sans', 'PT Serif', sans-serif;
     font-family: 'Museo Sans', 'PT Serif', sans-serif;
     font-weight: normal;
     font-weight: normal;
     font-size: 0.95em;
     font-size: 0.95em;
     background: transparent !important;
     background: transparent !important;
    height: 40px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}
}


Line 432: Line 436:
.vector-menu-tabs .vector-menu-content-list > li.selected > a {
.vector-menu-tabs .vector-menu-content-list > li.selected > a {
     color: #3b240b !important;
     color: #3b240b !important;
     padding-bottom: 12px !important;  
}
 
/* --- Right Navigation (Read, Edit, History) Overrides --- */
/* In OSRS, the right tabs are just text links, not white boxes */
#p-views .vector-menu-content-list > li.selected {
    background-color: transparent !important;
     margin-bottom: 0 !important;
    z-index: 2 !important;
}
#p-views .vector-menu-content-list > li.selected > a {
    color: #794900 !important;
}
}


Line 705: Line 719:
     }
     }


     /* Active tab latches onto content box top border */
     /* Active tab latches onto content box top border (only left tabs) */
     .vector-menu-tabs .vector-menu-content-list > li.selected {
     #left-navigation .vector-menu-tabs .vector-menu-content-list > li.selected {
         margin-bottom: -3px !important;
         margin-bottom: -3px !important;
         z-index: 3 !important;
         z-index: 3 !important;
         position: relative !important;
         position: relative !important;
    }
   
    #right-navigation .vector-menu-tabs .vector-menu-content-list > li.selected {
        margin-bottom: 0 !important;
     }
     }