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