1
2#dirtylittlehelper_overlay {
3  display:none;
4  height:350px;
5  width: 325px;
6  background-color:#fff;
7  position:relative;
8  top: 0px;
9  left:0px;
10  z-index:15;
11  overflow: auto;
12  border: 1px solid black;
13  font-size:11pt;
14  padding: 6px;
15  resize: both;
16  }
17
18
19#dirtylittlehelper_overlay div.inside,
20#dirtylittlehelper_overlay div.close{
21 background-color: #eee;
22 font-size: 10pt;
23 text-align: right;
24 padding-right: 6px;
25}
26
27#dirtylittlehelper_overlay div.inside {
28    padding-right: 0px;
29    width: 95%;
30    margin:  auto;
31    position: absolute;
32    bottom: 0;
33}
34#dirtylittlehelper_overlay div.dirtylittlehelper_ovl_insert {
35    padding: 4px;
36}
37#dirtylittlehelper_overlay div.close a {
38   padding-left: 4px;
39 }
40
41
42
43
44
45
46/* THE ADMIN MENU AT THE TOP */
47
48#dlh_top0 {
49    position: fixed;
50    top: 0px;
51    left: 0px;
52    right: 0px;
53    width: 100%;
54    height: 30px;
55    background-color: #EEE;
56    border-bottom: 1px solid #DDD;
57    padding-left: 20px;
58    padding-right: 20px;
59    padding-top: 5px;
60    text-align: center;
61    z-index: 9999;
62    font-size: 11px;
63    /* overflow: hidden; */
64}
65
66#dlh_top_helper_a{ width:40px;margin-right:10px;display:inline-block;}
67#dlh_top_helper_b{ display:none; width:600px;border:1px solid red;position: relative; margin-top: -15px; background-color: #FFF;}
68#dlh_top_helper_b input{width:550px;display:inline;}
69#dlh_top_helper_a:hover #dlh_top_helper_b{ display: table; }
70
71
72
73#dlh_top_struct_a { display:inline; }
74#dlh_top_struct_b { display:none; }
75#dlh_top_struct_c { display:none; }
76
77#dlh_top_struct_b button ,
78#dlh_top_struct_b div ,
79#dlh_top_struct_b span ,
80#dlh_top_struct_b input
81{ display:inline; }
82
83#dlh_top_pagesuggest { display:inline; }
84
85#dlh_top_dlhid { display:inline; }
86
87
88.dlh_top_menu { display: inline; }
89.dlh_top_menu_dropdown_admin { width: 100px; display:inline-block; }
90.dlh_top_menu_dropdown_admin:hover .dlh_top_menu_dropbtn_admin { background-color: #000000;}
91.dlh_top_menu_dropdown_admin:hover .dlh_top_menu_dropdown_content_admin { display: block;}
92
93.dlh_top_menu_dropbtn_admin { color: black; }
94
95.dlh_top_menu_dropdown_content_admin { position:relative; display: none; background-color: #f1f1f1; width: 500px; z-index: 999; margin-left: -200px;  margin-top: -20px;}
96.dlh_top_menu_dropdown_content_admin a { color: black; padding: 6px 8px;  border: 1px solid #CCCCCC; display: flex; text-decoration: none; font-size:12px; text-align: left; }
97.dlh_top_menu_dropdown_content_admin a:hover { background-color: #474747; color:#FFFFFF; text-decoration: none;}
98.dlh_top_menu_dropdown_content_admin a svg { width:16px; height:16px; margin-right:4px; }
99.dlh_top_menu_dropdown_content_admin table { width: 500px; }
100.dlh_top_menu_dropdown_content_admin table td { width: 50%; }
101
102
103#dlh_top_menu_page { display: inline; }
104#dlh_top_menu_page p { display: inline; }
105#dlh_top_all { display: inline; }
106#dlh_top_all div.field { display: inline; }
107.dlh_top_struct { display: none; }
108
109
110
111/* HACK THE WIKI STYLE */
112
113/* no footer */
114
115	#dokuwiki__footer {
116		display: none;
117	}
118
119/* buttons not so white */
120	button{
121		background-color:rgba(222, 222, 222, 0.3) !important;
122		/* background-image: none !important; */
123	}
124
125/* the page content is horizontal scrollabale */
126	.page {
127		overflow-x: auto !important;
128	}
129
130
131/* docInfo brighter */
132	.dokuwiki .docInfo{
133		color: #AAAAAA;
134	}
135
136/* preview gets a border etc */
137        .preview{
138                   border: 1px solid #777777 !important;
139                   max-width: 900px;
140                   resize: both;
141                   overflow: auto;
142        }
143
144/* top bar no margin-bottom */
145	#dokuwiki__header .tools {
146		margin-bottom: 0px !important;
147	}
148
149
150
151
152/* DIRTY LITTLE HELPER STYLE IN THE EDITOR */
153
154	.dlh_button_32_32 {
155		width:32px !important;
156		height:32px !important;
157		padding: 0 !important;
158		background-color:white !important;
159		color: green !important;
160		font-weight: bold !important;
161		display: inline !important;
162		margin-left: 1px !important;
163		margin-right: 1px !important;
164	}
165
166
167	.dlh_button_36_32 {
168		width:36px !important;
169		height:32px !important;
170		padding: 0 !important;
171		background-color:white !important;
172		color: green !important;
173		font-weight: bold !important;
174		display: inline !important;
175		margin-left: 1px !important;
176		margin-right: 1px !important;
177	}
178
179
180	#dlh_edit_tb_dlhid{
181		width: 100px;
182		font-size: 16px;
183		height: 32px;
184	}
185
186
187	.dlh_edit_tb_select{
188		width: 220px;
189		margin-right: 10px;
190		font-size: 16px;
191		height: 32px;
192	}
193
194
195	div.dlh_sep{
196		display: inline;
197		margin-left: 2px;
198		margin-right: 2px;
199		width: 1px;
200		border-right:2px solid #FF9900;
201	}
202
203
204
205/* THE SIDEBAR */
206
207	/* sidebar div */
208	.dlh_ontheleft{
209		/* margin-left: 12px;*/
210		overflow-x: auto;
211		overflow-y: hidden;
212	}
213
214	.dlh_ontheleft ::-webkit-scrollbar{
215		width:5px;
216	}
217
218	.dlh_ontheleft #sb__index__tree{
219		margin-left: 6px;
220	}
221
222
223	/* the tree entries more to the left */
224	.dlh_ontheleft ul.idx * {
225		margin-left: 1px;
226		white-space: nowrap;
227		text-transform: uppercase;
228		font-size: 12.5px;
229		font-family: monospace;
230	}
231
232	.dlh_left_button_sb_toggle{
233		width: 10px;
234		height: 10px;
235		border: 5px solid #E0E0E0;
236		position: absolute;
237		top: -10px;
238		padding: 0px;
239		overflow: hidden;
240    }
241
242
243
244/* MERMAID */
245.mermaid svg {
246	width: 100%;
247}
248
249
250/* ONE TREE ONLY */
251.dlh_one_tree_only{
252    color: red;
253    border: 1px solid red;
254    display: inline;
255    padding: 5px;
256}
257
258/* autocomplete on top */
259.ui-autocomplete{ z-index: 99999 !important; }
260
261.textcomplete-dropdown{ z-index: 999999 !important; }
262
263/* search info wider */
264.dokuwiki form.search div.ajax_qsearch{
265  left: -21.5em;
266  width: 20em;
267}
268
269
270