1/** 2 * This file provides the styles for the hamburger menu. 3 * inspired by Austin Wulf 4 * https://www.sitepoint.com/pure-css-off-screen-navigation-menu/ 5 * 6 * @author Klaus Vormweg <klaus.vormweg@gmx.de> 7 */ 8div.dokuwiki .vishelp { 9 display: none; 10} 11div.dokuwiki nav.mainmenu { 12 padding: 0px 1em 5px 0px; 13 float: left; 14} 15 16div.dokuwiki nav.mainmenu > ul { 17 position: absolute; 18 display: none; 19 list-style-type: none; 20 margin: 0; 21 padding: 0; 22 height: auto; 23 border: 1px solid __border__; 24 margin-top: 5px; 25} 26#dokuwiki__header nav.mainmenu > ul .curid a { 27 font-weight: bold; 28} 29div.dokuwiki nav.mainmenu ul.idx li { 30 list-style-image: none; 31} 32div.dokuwiki nav.mainmenu ul.idx li div.li span.inout { 33 cursor: pointer; 34 padding: 3px 5px 0 1px; 35} 36div.dokuwiki nav.mainmenu ul.idx li div.li span.open { 37 background: transparent url("../../images/open.png") no-repeat center; 38} 39div.dokuwiki nav.mainmenu ul.idx li div.li span.closed { 40 background: transparent url("../../images/closed.png") no-repeat center; 41} 42div.dokuwiki input#hamburger { 43 position: absolute; 44 clip: rect(0, 0, 0, 0); 45} 46div.dokuwiki label[for="hamburger"] img { 47 margin-bottom: 3px; 48} 49div.dokuwiki #hamburger:checked ~ ul { 50 display: block; 51 background-color: __background_alt__; 52 padding: 1em 0 1em 2em; 53 width: auto; 54 font-size: 0.875rem; 55 max-width: 20.5em; 56 z-index: 99; 57} 58div.dokuwiki nav.mainmenu ul li { 59 margin: 0 1em 0 0; 60 line-height: 1.25em; 61 padding: 0.25em 0; 62} 63 64div.dokuwiki nav.mainmenu ul ul { 65 padding: 0px 0px 0.25em 1em; 66 list-style-type: none; 67 list-style-image: none; 68} 69 70div.dokuwiki nav.mainmenu ul li.closed ul { 71 display: none; 72} 73 74div.dokuwiki nav.mainmenu ul ul li { 75 border-top: 1px dotted black; 76 margin-right: 0 !important; 77 padding: 0.25em 0; 78} 79 80div.dokuwiki nav.mainmenu ul li.open, div.dokuwiki nav.mainmenu ul ul li.open { 81 padding-right: 0; 82 background-image: none; 83} 84