1/* Written by Gero Gothe <practical@medizin-lernen.de> */
2
3/* Allgemeine Seitendarstellung */
4
5/* #dokuwiki__footer {display:none;} */
6
7body {
8	/*background:#f2f2f2;*/
9	background:none;
10	font: normal 90%/1.4 Arial,sans-serif;
11	overflow-x:hidden;
12}
13
14html {
15	background-position: center;
16	background-size: cover !important;
17	background-repeat: no-repeat;
18	background-attachment: fixed !important;
19	background:#eaeaea;
20    background-size: auto;
21}
22
23.dokuwiki a.wikilink1 {
24	color:#2b73b7;
25}
26
27/* Inhaltsseiten */
28
29.dokuwiki div.page {
30	box-shadow: 0 1px 20px -1px rgba(0, 0, 0, 0.1);
31    min-height: 400px !important;
32}
33
34.dokuwiki .pageId span {
35	box-shadow: none;
36	border:none;
37	margin-right:1em;
38}
39
40#dokuwiki__content h1{
41	padding-left:16px;
42	padding-top:10px;
43	padding-bottom:10px;
44	border-left:15px solid black;
45	font-weight:bold;
46}
47
48/* Header und Footer anpassen */
49
50#dokuwiki__header h1 img {
51	max-width:220px !important;
52	max-height:55px !important;
53}  /* Logo: Größe */
54
55#dokuwiki__header h1 span {
56	color: #ffffff;
57	font-size:30px;
58	font-family:Arial;
59
60	/* text-shadow: 1px 1px 2px #ccc;	*/
61	padding-top:15px;
62}
63
64#dokuwiki__usertools {
65	position:relative;
66	top:0;
67	right:0;
68}
69
70#dokuwiki__header {
71	font: normal 85%/1.4 Arial,sans-serif;
72	padding-top:0;
73	position:absolute;
74	left:0;
75	top:0;
76	width:100vw;
77}
78
79#dokuwiki__header .tools {
80	margin-bottom:0;
81	margin-top:0;
82	margin-right:1.5em;
83}
84
85#dokuwiki__header a {color:white;}
86
87
88#dokuwiki__site {
89	padding-top:6em;
90	padding-bottom:2em;
91	max-width:1380px;
92}
93
94
95
96
97
98.dokuwiki div.breadcrumbs {
99
100	font: normal 85%/1.4 Arial,sans-serif;
101	position: fixed;
102    width: 100vw;
103    left: 0;
104    bottom: 0;
105    margin-bottom: 0;
106    background:#f6f6f6;
107    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
108    z-index: 1;
109}
110
111
112#dokuwiki__header .pad.group{
113
114	padding:5px 10px 5px 10px;
115
116    max-width: 1300px;
117    margin: 0 auto;
118
119}
120
121#dokuwiki__usertools li a, #dokuwiki__usertools .user{
122
123	padding:2px;
124}
125
126#dokuwiki__pagetools div.tools ul {
127	background-color:white;
128	border:1px solid #aaaaaa;
129}
130
131
132/* Medienseite */
133#mediamgr__aside, #mediamgr__content {background-color:white;}
134
135
136/* Seitenleiste */
137.showSidebar #dokuwiki__aside {
138	width: 18.5em;
139    margin-right: -18.5em;
140    margin-left: -2.3em;
141}
142
143.showSidebar #dokuwiki__content {
144
145	width:100%;
146
147}
148
149
150#dokuwiki__aside .content {
151	/*background-color:rgba(255, 255,255, .95);*/
152	padding:10px;
153	margin-top:2em;
154	border-radius:2px;
155	/*box-shadow: 0 0 0.5em #999;*/
156	transition:350ms;
157}
158
159
160#dokuwiki__aside .content .group {
161    background: white;
162    padding-top: 1em;
163    padding-right:1px;
164    padding-left:5px;
165    border: 1px solid #aaaaaa;
166
167
168}
169
170#dokuwiki__aside h1, #dokuwiki__aside h2, #dokuwiki__aside h3{
171
172	/*border-left:6px solid rgba(173, 173, 173, 0.28);*/
173	font-size:1.125em;
174	background-color: rgba(212, 212, 212, 1) ;
175	padding-top:10px;
176	margin-top:20px;
177	padding-bottom:7px;
178	padding-left:15px;
179	margin-left:-10px !important;
180	margin-right:-10px !important;
181}
182
183
184
185@media only screen and (max-width: 1020px) {
186	.bigbutton_toggle img {
187		width:30px !important;
188	}
189}
190
191/* Überschrift und Logo bei kleinen Bildschirmen entfernen */
192@media only screen and (max-width: 800px) {
193  .kkh_template_title {
194	display:none !important;
195  }
196
197  #dokuwiki__header .headings {
198	width:0% !important;
199  }
200
201  #dokuwiki__header .tools{
202	width:100% !important;
203  }
204
205}
206
207@media only screen and (max-width: 1180px) {
208	#dokuwiki__header h1 span {
209		display:none;
210	}
211
212	#dokuwiki__header .headings {
213		width:200px;
214	}
215
216	body {
217		font: normal 85%/1.4 Arial,sans-serif;
218	}
219}
220
221
222
223/* Small button right side */
224.rightslider {
225	position: fixed;
226	width: 130px;
227	right: -130px;
228	height: 42px;
229	transition: right 0.2s ease-in-out;
230    z-index:11;
231}
232
233.rightslider:hover {right:0px;}
234
235.rightslider_toggle {
236	position: absolute;
237	right: 130px;
238	padding: 5px;
239	background:inherit;
240}
241
242.rightslider img {max-width:none;width:32px;}
243
244.kkh_toggle {
245	position: absolute;
246	left: 200px;
247	padding: 5px;
248	background:inherit;
249}
250
251.kkh_toggle img {max-width:none;width:32px;}
252
253.kkh_box {padding:10px;background:white}
254
255
256/* AddnewPage Formularelemente */
257
258.addnewpage select.edit {
259	border:none;
260	background-color: #f3f3f3;
261	outline:none;
262	padding:0;
263}
264
265.addnewpage input.edit {
266	border-top:none;border-left:none;border-right:none;
267	border-radius:0;
268	outline:none;
269}
270
271.addnewpage input.button {
272	background: #f3f3f3;
273	border:1px solid white;
274	border-radius:0;
275}
276
277.addnewpage input.button:hover {
278	background: #f4f4f4;
279	border:1px solid gray;
280	color:black;
281}
282
283/**************************************/
284/* Formatierung der Suchergebnisseite */
285/**************************************/
286
287.search_fullpage_result .wikilink1 {
288	font-weight:bold;
289	font-size:130%;
290	color:SteelBlue !important;
291}
292
293.search_fullpage_result {
294	margin-bottom:20px;
295	border-bottom:1px solid lightgray;
296}
297
298.search_quickresult {
299	padding:10px;
300	border:1px solid LightSteelBlue;
301}
302
303.search_quickresult a {
304	font-weight:bold;
305	font-size:110%;
306	color:SteelBlue !important;
307}
308
309.search_quickresult ul li {
310	width:20em;
311}
312
313
314.nohome .branding {
315	width:360px;
316
317	margin:0 auto;
318	position:fixed;
319	top:250px;
320	left:0;
321	right:0;
322	padding:5px;
323
324	transform:scale(0);
325	animation:fadeout 0.9s;
326	background: white;
327    padding: 2em;
328    border-radius: 10px;
329    border: 3px solid #bbb;
330}
331
332
333
334.nohome .branding .logo {
335	margin-left:2em;
336	/*float:right;*/
337	max-height:60px;
338
339}
340
341.nohome .branding .loader {
342	float:left;
343}
344
345.startpage .branding {display:none;}
346
347
348
349.startpage #dokuwiki__header {
350	box-shadow:none;
351	padding-bottom:0px;
352}
353
354
355@keyframes visiblein {
356	99% {visibility:hidden;}
357	100% {visibility:visible;}
358}
359
360
361@keyframes fadein {
362    0% { transform:scale(0); }
363    25% { transform:scale(0); }
364    100%{ transform:scale(1); }
365}
366
367
368@keyframes fadeout {
369    0% { transform:scale(0); }
370    30%{ transform:scale(1); }
371    90%{ transform:scale(1);}
372    100%{ transform:scale(0); }
373}
374
375
376
377.nohome .dokuwiki div.page{
378	border:1px solid #aaaaaa;
379}
380
381@keyframes rollin {
382    0% {
383		left:100vw;
384
385    }
386
387
388    100%   {
389
390		left:0;
391	}
392}
393
394/******************************************/
395/* Approve-Plugin: Positionierung, Farben */
396/******************************************/
397
398#plugin__approve {
399	position:relative;
400	margin-bottom:8px;
401	margin-top:-10px;
402	margin-left:-15px;
403	margin-right:-15px;
404	font-size:11px;
405	max-width:80%;
406}
407
408.plugin__approve_red {
409  background-color: #feff98;
410  color: black;
411}
412
413.plugin__approve_green {
414  background-color: white;
415  color: #b8b8b8;
416}
417
418.plugin__approve_ready {
419  background-color: LightGreen ;
420  color:black;
421  border:2px solid black;
422}
423
424.plugin__approve_ready a{
425	font-size:12px;
426	text-transform: uppercase;
427	font-weight:bold;
428}
429
430
431/* Transparent Option for box-Wrap of the Wrap-Plugin
432 * Usage <WRAP box transparent> */
433
434.wrap_box.wrap_transparent {
435    background-color:rgba(255,255,255,0.8);
436}
437
438/*---------------------------------------------------------------------*/
439