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	}
73
74    /* DokuWiki version */
75    #admin__version {
76		display: block;
77		width: 100%; height: 1.5em;
78        color: @ini_text_neu;
79		background: @ini_background_alt url('images/info.svg') .25em center no-repeat;
80		background-size: 1em;
81		padding: .25em 0 .25em 1.75em;
82		border-radius: 1em;
83	}
84}
85
86/* style the extension manager items: */
87.dokuwiki #extension__manager {
88	form.install { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: #EEE; }
89	form.install .block { text-align: left; width: 100% }
90	form.install input[name=installurl] {
91		font-family: @ini_mono_fonts;
92		padding: .25em .25em .25em 24px;
93		border-radius: 10px;
94		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;
95		width: calc(100% - 6em);
96	}
97	form.install input[name=overwrite] { width: auto; margin-left: 2em;}
98	form.install button[type=submit] {
99		border: #CCC solid 1.5pt;
100		padding: .5em .75em;
101		background-color: #cdf;
102	}
103	form.install button[type=submit]::before {
104		content: ' ';
105		display: inline-block;
106		position: relative;
107		top: .1em;
108		width: 1em;
109		height: 1em;
110		background: transparent url('images/editor/edit-save.svg') center bottom no-repeat;
111		margin-right: .25em;
112	}
113}
114
115/* dark mode overrides */
116@media (prefers-color-scheme: dark) {
117	body.darkmode.dokuwiki #extension__manager form.install { background-color: #39393D; }
118	body.darkmode.dokuwiki #extension__manager form.install button[type=submit] {
119		color: #CDF;
120		background-color: #346;
121		border-color: #90909B;
122	}
123	body.darkmode.dokuwiki #extension__manager form.install button[type=submit]::before { filter: invert(.9); }
124	body.darkmode.dokuwiki div.ui-admin #admin__version { color: @ini_text_alt_dark; background-color: @ini_background_alt_dark; }
125}
126/* below tablet size */
127@media (max-width: @ini_tablet_width) {
128	.dokuwiki div.ui-admin { display: block; }
129}