MediaWiki:ExtendedNavigation/code.css

/***********************************************  4th and 5th level menus CSS, version 1 Spottra, 23 November 2013 .WikiHeader > nav .subnav-3 { top: 29px !important; /*needed esp while on admin page*/ } .subnav-3-with-subnav-4, .subnav-4-with-subnav-5 { width: 175px; } .subnav li:hover > ul, .subnav li:hover > ul > li { display: block; } .WikiHeader > nav .subnav-3 li a { padding: 2px 9px; } .subnav-4, .subnav-5 { border: 1px solid #E6643C; box-shadow: 1px 2px 12px 0 #000; display: none; min-width: 125px; position: absolute; z-index: 91; } .subnav-4 { left: 174px; } .subnav-5 { left: 122px; } .chevron-right { border: 4px solid transparent; border-left-color: currentColor; position: absolute; right: 7px; top: 12px; } .WikiHeader > nav .subnav { padding: 1px; } .subnav-3 li:nth-child(1) > ul { top:   3px; } .subnav-3 li:nth-child(2) > ul { top:  32px; } .subnav-3 li:nth-child(3) > ul { top:  61px; } .subnav-3 li:nth-child(4) > ul { top:  90px; } .subnav-3 li:nth-child(5) > ul { top: 119px; } .subnav-3 li:nth-child(6) > ul { top: 148px; } .subnav-3 li:nth-child(7) > ul { top: 177px; } .subnav-3 li:nth-child(8) > ul { top: 206px; } .subnav-3 li:nth-child(9) > ul { top: 235px; } .subnav-3 li:nth-child(10) > ul { top: 264px; } .subnav-3 li:nth-child(11) > ul { top: 293px; } .subnav-3 li:nth-child(12) > ul { top: 322px; } .subnav-3 li:nth-child(13) > ul { top: 351px; } .subnav-3 li:nth-child(14) > ul { top: 380px; } .subnav-3 li:nth-child(15) > ul { top: 409px; } .subnav-3 li:nth-child(16) > ul { top: 438px; } .subnav-3 li:nth-child(17) > ul { top: 467px; } .subnav-3 li:nth-child(18) > ul { top: 496px; } .subnav-3 li:nth-child(19) > ul { top: 525px; } .subnav-3 li:nth-child(20) > ul { top: 554px; } .subnav-3 li:nth-child(21) > ul { top: 583px; } .subnav-3 li:nth-child(22) > ul { top: 612px; } .subnav-3 li:nth-child(23) > ul { top: 641px; } .subnav-3 li:nth-child(24) > ul { top: 670px; } .subnav-3 li:nth-child(25) > ul { top: 699px; } /***********************************************  4th and 5th level menus CSS, version 2 .pph-local-nav-l4, .pph-local-nav-l5 { box-sizing: border-box; left: 100%; min-width: 100%; top: 0; } /* sticked-to-parent is used on menu items with children numbering less than its own menu position */ .pph-sticked-to-parent .pph-local-nav-l4, .pph-sticked-to-parent .pph-local-nav-l5 { border-top-width: 1px; bottom: -13px; top: auto; } .pph-sticked-to-parent .pph-local-nav-item-l3, .pph-sticked-to-parent .pph-local-nav-item-l4 { position: relative; } /* set colour for chevrons to use as fill (note that hover colour is set in JS) */ .pph-local-nav-sub-chevron { color: #3a3a3a; } body.oasis-dark-theme .pph-local-nav-sub-chevron { color: #d5d4d4; } /* chevron fill color */ .pph-local-nav-sub-menu li:not(:hover) > .pph-local-nav-sub-chevron, .pph-local-nav-sub-menu li:hover > .pph-local-nav-sub-chevron { fill: currentcolor; }