1.dokuwiki div.ui-admin { 2 3 & { 4 display: grid; 5 grid-template-columns: 1fr 1fr; 6 } 7 8 h1.first-child, 9 div.level1 { 10 grid-column: 1 / span 2; 11 margin-bottom: 1em; 12 } 13 14 /* main task grouped in two columns */ 15 ul.admin_tasks { 16 grid-column: 2; 17 list-style-type: none; 18 font-size: 1.125em; 19 margin: 0; 20 } 21 ul.admin_tasks:first-of-type { 22 grid-row: 3 / span 4; 23 grid-column: 1; 24 } 25 ul.admin_plugins { 26 grid-row: 6; 27 grid-column: 2; 28 } 29 30 /* general menu item styling */ 31 ul { 32 padding: 0; 33 li { 34 margin: 0 0 1em 0; 35 font-weight: bold; 36 list-style-type: none; 37 white-space: nowrap; 38 39 a { 40 display: flex; 41 span { 42 display: inline-block; 43 44 &.icon { 45 width: 1.5em; 46 min-height: 1.5em; 47 margin: 0 0.5em; 48 vertical-align: top; 49 50 svg { 51 width: 1.5em; 52 height: 1.5em; 53 fill: @ini_link; 54 display: inline-block; 55 path { 56 fill: @ini_link; 57 } 58 } 59 } 60 61 &.prompt { 62 white-space: normal; 63 } 64 } 65 } 66 } 67 } 68 69 /* Security Warning */ 70 #security__check { 71 clear: both; 72 grid-row: 7; 73 grid-column: 1 / span 2; 74 } 75 76 /* DokuWiki version */ 77 #admin__version { 78 display: block; 79 box-sizing: border-box; 80 width: 100%; 81 max-height: 7em; 82 overflow: auto; 83 color: @ini_text_neu; 84 background: @ini_background_alt url('images/info.svg') .25em .5em no-repeat; 85 background-size: 1em; 86 padding: .25em 0 .25em 1.75em; 87 border: @ini_border 1px solid; 88 border-radius: .25em; 89 box-shadow: inset .5pt .5pt 1pt #0008; 90 grid-row: 9; 91 grid-column: 1 / span 2; 92 } 93} 94 95/* style the extension manager items: */ 96.dokuwiki #extension__manager { 97 form.install { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: #EEE; } 98 form.install .block { text-align: left; width: 100% } 99 form.install input[name=installurl] { 100 font-family: @ini_mono_fonts; 101 padding: .25em .25em .25em 24px; 102 border-radius: 10px; 103 background: @ini_background_site url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABdklEQVR4AWMgAVRo1zY3rGk41rC+rqvCBCJWBpPM4WoomLHtdtuv/t9Lfk263TtrQ0t7Oj9cbzZDc/W6s/8T7khD+P+F/8bv29PZlswJVVBu0vPuVZyNYHFZbmAqE1SR0cbjXR6pjGBO58am962Ta3e3ftqy6B5LCcMasOj7gInrm9jBzI4vTX+bfjT/7/4/p/w/zFXybUmt71u4wJzGfxP/t/xvA+KaP2XnQSKVFpWPav/U/6+HKJjz++OVJUDp1n9N/+r+19QyMCz1mPC/8X/X/26Igrn3GiUeL5n/v+F/8//6/9NOMTC0hDUDefP/L4MoOL6ickVeSQ1QqAGooPdBJE/lnloge/fhixBHftFd9bLkR83/+n/1QAXVP8qX1Pyv/L/s/12f/4xQNz8s3Pa/6X/Vvzqgour/5f/r/q//f2fmLy54WP7lfJN74eMSoKIyoNFz/5/+9ar+Px9aZL3Xfjvz7aO3/96+eLvsnSVE7CPhOAYA9nvIX0UoNU8AAAAASUVORK5CYII=') 3px center no-repeat; 104 width: calc(100% - 6em); 105 } 106 form.install input[name=overwrite] { width: auto; margin-left: 2em;} 107 form.install button[type=submit] { 108 border: #CCC solid 1.5pt; 109 padding: .5em .75em; 110 background-color: #cdf; 111 } 112 form.install button[type=submit]::before { 113 content: ' '; 114 display: inline-block; 115 position: relative; 116 top: .1em; 117 width: 1em; 118 height: 1em; 119 background: transparent url('images/editor/edit-save.svg') center bottom no-repeat; 120 margin-right: .25em; 121 } 122} 123 124/* dark mode overrides */ 125@media (prefers-color-scheme: dark) { 126 body.darkmode.dokuwiki #extension__manager form.install { background-color: #39393D; } 127 body.darkmode.dokuwiki #extension__manager form.install button[type=submit] { 128 color: #CDF; 129 background-color: #346; 130 border-color: #90909B; 131 } 132 body.darkmode.dokuwiki #extension__manager form.install button[type=submit]::before { filter: invert(.9); } 133 body.darkmode.dokuwiki div.ui-admin #admin__version { color: @ini_text_alt_dark; background-color: @ini_background_alt_dark; } 134} 135/* below tablet size */ 136@media (max-width: @ini_tablet_width) { 137 .dokuwiki div.ui-admin { display: block; } 138}
