xref: /template/ad-hominem/css/_admin.less (revision 9150fb96e2d91f49721f60a0bacf7aa0ccca8870) 
1.dokuwiki div.ui-admin {
2
3    /* main task grouped in two columns */
4    ul.admin_tasks {
5        float: left;
6        width: 40%;
7        list-style-type: none;
8        font-size: 1.125em;
9    }
10    [dir=rtl] & ul.admin_tasks {
11        float: right;
12    }
13
14    /* general menu item styling */
15    ul {
16        padding: 0;
17        li {
18            margin: 0 0 1em 0;
19            font-weight: bold;
20            list-style-type: none;
21            white-space: nowrap;
22
23            a {
24                display: flex;
25                span {
26                    display: inline-block;
27
28                    &.icon {
29                        width: 1.5em;
30                        min-height: 1.5em;
31                        margin: 0 0.5em;
32                        vertical-align: top;
33
34                        svg {
35                            width: 1.5em;
36                            height: 1.5em;
37                            fill: @ini_link;
38                            display: inline-block;
39                            path {
40                                fill: @ini_link;
41                            }
42                        }
43                    }
44
45                    &.prompt {
46                        white-space: normal;
47                    }
48                }
49            }
50        }
51    }
52
53	/* Security Warning */
54	#security__check {
55		clear: both;
56	}
57
58    /* DokuWiki version */
59    #admin__version {
60        clear: left;
61        float: right;
62        color: @ini_text_neu;
63        background-color: inherit;
64    }
65    [dir=rtl] & #admin__version {
66        clear: right;
67        float: left;
68    }
69}
70
71/* style the extension manager items: */
72.dokuwiki #extension__manager {
73	form.install { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: #EEE; }
74	form.install .block { text-align: left; width: 100% }
75	form.install input[name=installurl] {
76		font-family: @ini_mono_fonts;
77		padding: .25em .25em .25em 24px;
78		border-radius: 10px;
79		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;
80		width: calc(100% - 6em);
81	}
82	form.install input[name=overwrite] { width: auto; margin-left: 2em;}
83	form.install button[type=submit] {
84		border: #CCC solid 1.5pt;
85		padding: .5em .75em;
86		background-color: #cdf;
87	}
88	form.install button[type=submit]::before {
89		content: ' ';
90		display: inline-block;
91		position: relative;
92		top: .1em;
93		width: 1em;
94		height: 1em;
95		background: transparent url('images/editor/edit-save.svg') center bottom no-repeat;
96		margin-right: .25em;
97	}
98}
99
100/* dark mode overrides */
101@media (prefers-color-scheme: dark) {
102	body.darkmode.dokuwiki #extension__manager form.install { background-color: #39393D; }
103	body.darkmode.dokuwiki #extension__manager form.install button[type=submit] {
104		color: #CDF;
105		background-color: #346;
106		border-color: #90909B;
107	}
108	body.darkmode.dokuwiki #extension__manager form.install button[type=submit]::before { filter: invert(.9); }
109}