1/** 2 * This file provides styles for the general layout structure. 3 * 4 * @author Anika Henke <anika@selfthinker.org> 5 */ 6body { 7 margin: 0 auto; 8} 9#navbar { 10 position:fixed; 11 width:@ini_sidebar_width; 12 top: 0px; 13 left: 0px; 14 overflow: auto; 15 overflow-x:hidden; 16 scrollbar-width:thin; 17 max-height: 100%; 18 padding: 15px; 19 padding-right: 0px ; 20 bottom:0px; 21 z-index:5 ; 22 background-color: rgb(236, 236, 236); 23 border-right: 2px solid rgb(208, 208, 208); 24} 25 26/* Position and style the close button (top right corner) */ 27.closebtn { 28 position: absolute; 29 top: 5px; 30 right: 10px; 31 font-size: 20px; 32 margin-left: 50px; 33 z-index:5; 34 cursor: pointer; 35 opacity: 0.6; 36 background-color: Transparent; 37 38} 39 40.openbtn { 41 position: absolute; 42 top:5px; 43 margin-left: 5px; 44 font-size: 20px; 45 cursor: pointer; 46 z-index:5; 47 visibility: hidden; 48 opacity: 0.6; 49 background-color: Transparent; 50 51} 52 53 54#main { 55 position: absolute; 56 top: 0px; 57 left: @ini_sidebar_width; 58 right: 0px; 59 margin:5px; 60} 61#dokuwiki__site { 62 margin: 0 auto; 63 max-width: @ini_site_width; 64} 65 66#dokuwiki__site > .site { 67 padding: 0 .5em; 68} 69 70#dokuwiki__header { 71 width: 100%; 72 73 .headings { 74 float: left; 75 } 76 77 .tools { 78 float: right; 79 text-align: right; 80 } 81} 82 83[dir=rtl] #dokuwiki__header { 84 .headings { 85 float: right; 86 text-align: right; 87 } 88 89 .tools { 90 float: left; 91 text-align: left; 92 } 93} 94 95#dokuwiki__site .wrapper { 96 position: relative; 97} 98 99#dokuwiki__aside { 100 width: @ini_sidebar_width; 101 float: left; 102 position: relative; 103 display: block; 104 105 > .pad { 106 margin: 0 1.5em 0 0; 107 } 108} 109 110[dir=rtl] #dokuwiki__aside { 111 float: right; 112 > .pad { 113 margin: 0 0 0 1.5em; 114 } 115} 116 117.showSidebar #dokuwiki__content { 118 float: right; 119 margin-left: (-1 * @ini_sidebar_width); 120 width: 100%; 121 122 > .pad { 123 margin-left: @ini_sidebar_width; 124 } 125} 126 127[dir=rtl] .showSidebar #dokuwiki__content { 128 float: left; 129 margin-left: 0; 130 margin-right: (-1 * @ini_sidebar_width); 131 132 > .pad { 133 margin-left: 0; 134 margin-right: @ini_sidebar_width; 135 } 136} 137 138#dokuwiki__footer { 139 clear: both; 140} 141