16b725a9aSAndreas Gohrdiv.mobile-hamburger, 26b725a9aSAndreas Gohrdiv.mobile-menu, 36b725a9aSAndreas Gohrdiv.mobile-logo { 46b725a9aSAndreas Gohr display: none; 56b725a9aSAndreas Gohr} 66b725a9aSAndreas Gohr 76b725a9aSAndreas Gohr 86b725a9aSAndreas Gohr@media only screen and (max-width: 750px) { 96b725a9aSAndreas Gohr 106b725a9aSAndreas Gohr div.mobile-hamburger { 116b725a9aSAndreas Gohr display: block; 126b725a9aSAndreas Gohr position: absolute; 136b725a9aSAndreas Gohr top: 0; 14*9d29d10aSAndreas Gohr right: 0; 156b725a9aSAndreas Gohr z-index: 1000; 166b725a9aSAndreas Gohr 176b725a9aSAndreas Gohr cursor: pointer; 186b725a9aSAndreas Gohr font-size: 2.5rem; 196b725a9aSAndreas Gohr line-height: 3rem; 206b725a9aSAndreas Gohr 216b725a9aSAndreas Gohr width: 3rem; 226b725a9aSAndreas Gohr height: 3rem; 236b725a9aSAndreas Gohr text-align: center; 246b725a9aSAndreas Gohr 256b725a9aSAndreas Gohr &::before { 266b725a9aSAndreas Gohr content: '☰'; 276b725a9aSAndreas Gohr } 286b725a9aSAndreas Gohr } 296b725a9aSAndreas Gohr 306b725a9aSAndreas Gohr div.mobile-hamburger.open { 31e9b172d6SAndreas Gohr background-color: @ini_background; 326b725a9aSAndreas Gohr &::before { 336b725a9aSAndreas Gohr content: '✕'; 346b725a9aSAndreas Gohr } 356b725a9aSAndreas Gohr } 366b725a9aSAndreas Gohr 376b725a9aSAndreas Gohr div.mobile-logo { 386b725a9aSAndreas Gohr display: block; 396b725a9aSAndreas Gohr a { 406b725a9aSAndreas Gohr display: block; 416b725a9aSAndreas Gohr width: 100%; 426b725a9aSAndreas Gohr height: 3rem; 436b725a9aSAndreas Gohr background-size: contain; 446b725a9aSAndreas Gohr background-repeat: no-repeat; 45*9d29d10aSAndreas Gohr background-position: left; 466b725a9aSAndreas Gohr } 476b725a9aSAndreas Gohr } 486b725a9aSAndreas Gohr 496b725a9aSAndreas Gohr div.mobile-menu { 506b725a9aSAndreas Gohr position: absolute; 516b725a9aSAndreas Gohr top: 0; 52*9d29d10aSAndreas Gohr right: 0; 536b725a9aSAndreas Gohr 546b725a9aSAndreas Gohr height: 100%; 556b725a9aSAndreas Gohr overflow-y: auto; 56*9d29d10aSAndreas Gohr -ms-overflow-style: none; // IE 10+ 57*9d29d10aSAndreas Gohr overflow: -moz-scrollbars-none; // Firefox 58*9d29d10aSAndreas Gohr &::-webkit-scrollbar { 59*9d29d10aSAndreas Gohr display: none; // Safari and Chrome 60*9d29d10aSAndreas Gohr } 616b725a9aSAndreas Gohr 626b725a9aSAndreas Gohr z-index: 500; 636b725a9aSAndreas Gohr background-color: @ini_background; 64*9d29d10aSAndreas Gohr box-shadow: -5px 0 5px @ini_border; 656b725a9aSAndreas Gohr 666b725a9aSAndreas Gohr padding-top: 3rem; 676b725a9aSAndreas Gohr 686b725a9aSAndreas Gohr a { 696b725a9aSAndreas Gohr color: @ini_existing; 706b725a9aSAndreas Gohr } 716b725a9aSAndreas Gohr 726b725a9aSAndreas Gohr .mobile-search { 736b725a9aSAndreas Gohr display: block; 746b725a9aSAndreas Gohr margin: 0.25em; 75*9d29d10aSAndreas Gohr div { 76*9d29d10aSAndreas Gohr display: flex; 77*9d29d10aSAndreas Gohr 786b725a9aSAndreas Gohr input, 796b725a9aSAndreas Gohr button { 806b725a9aSAndreas Gohr line-height: inherit; 81*9d29d10aSAndreas Gohr flex-grow: 0; 82*9d29d10aSAndreas Gohr } 83*9d29d10aSAndreas Gohr input { 84*9d29d10aSAndreas Gohr flex-grow: 1; 85*9d29d10aSAndreas Gohr } 866b725a9aSAndreas Gohr } 876b725a9aSAndreas Gohr } 886b725a9aSAndreas Gohr 896b725a9aSAndreas Gohr ul { 906b725a9aSAndreas Gohr padding: 0; 916b725a9aSAndreas Gohr list-style-type: none; 926b725a9aSAndreas Gohr list-style-image: none !important; 936b725a9aSAndreas Gohr margin: 0.25em 0; 946b725a9aSAndreas Gohr 956b725a9aSAndreas Gohr border-bottom: 1px solid @ini_border; 966b725a9aSAndreas Gohr 976b725a9aSAndreas Gohr li { 986b725a9aSAndreas Gohr margin: 0; 996b725a9aSAndreas Gohr padding: 0.25em; 1006b725a9aSAndreas Gohr } 1016b725a9aSAndreas Gohr } 1026b725a9aSAndreas Gohr } 1036b725a9aSAndreas Gohr 1046b725a9aSAndreas Gohr div.mobile-menu.open { 1056b725a9aSAndreas Gohr display: block; 1066b725a9aSAndreas Gohr } 1076b725a9aSAndreas Gohr 1086b725a9aSAndreas Gohr #page-base, 1096b725a9aSAndreas Gohr #head-base, 1106b725a9aSAndreas Gohr #head, 1116b725a9aSAndreas Gohr #panel { 1126b725a9aSAndreas Gohr display: none; 1136b725a9aSAndreas Gohr } 1146b725a9aSAndreas Gohr 1156b725a9aSAndreas Gohr div#content, 1166b725a9aSAndreas Gohr div#footer { 1176b725a9aSAndreas Gohr margin-left: 0; 1186b725a9aSAndreas Gohr } 1196b725a9aSAndreas Gohr 1206b725a9aSAndreas Gohr} 121a384fd1fSAndreas Gohr 122a384fd1fSAndreas Gohr// translation plugin adjustment 123a384fd1fSAndreas Gohrdiv#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before, 124a384fd1fSAndreas Gohrdiv#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before, 125a384fd1fSAndreas Gohrdiv#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after, 126a384fd1fSAndreas Gohrdiv#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after { 127a384fd1fSAndreas Gohr content: ''; 128a384fd1fSAndreas Gohr} 129