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