xref: /plugin/usersettings/style.css (revision 54f11439a68c5f07eddd4c7f20a09acd149bde82) 
1/*
2 * User Settings plugin styles.
3 *
4 * Deliberately simple selectors only — no :has(), :not(), :is(),
5 * aspect-ratio, container queries or CSS nesting — so the stylesheet works
6 * in older browsers (Firefox 78 ESR). Colours use DokuWiki's standard
7 * style.ini replacement tokens, so the plugin follows light and dark
8 * templates automatically.
9 */
10
11/* ---- settings page + admin edit form -------------------------------- */
12
13.plugin_usersettings .us-intro {
14    margin: 0 0 1.2em;
15    color: __text_alt__;
16}
17
18.plugin_usersettings .us-form {
19    max-width: 40em;
20}
21
22.plugin_usersettings .us-row {
23    margin: 0 0 1em;
24    padding: 0 0 1em;
25    border-bottom: 1px solid __border__;
26}
27
28.plugin_usersettings .us-label {
29    display: block;
30    font-weight: bold;
31    cursor: pointer;
32}
33
34.plugin_usersettings .us-label input[type="checkbox"] {
35    margin-right: 0.5em;
36}
37
38.plugin_usersettings .us-row-select .us-name {
39    display: block;
40    margin-bottom: 0.35em;
41}
42
43.plugin_usersettings .us-row-select select {
44    min-width: 18em;
45    max-width: 100%;
46    font-weight: normal;
47}
48
49.plugin_usersettings .us-desc {
50    margin-top: 0.35em;
51    font-size: 90%;
52    color: __text_alt__;
53}
54
55.plugin_usersettings .us-actions {
56    margin-top: 1.2em;
57}
58
59.plugin_usersettings .us-back {
60    margin-left: 1em;
61}
62
63/* ---- admin overview table ------------------------------------------- */
64
65.plugin_usersettings_table {
66    width: 100%;
67}
68
69.plugin_usersettings_table th a {
70    white-space: nowrap;
71    text-decoration: none;
72}
73
74.plugin_usersettings_table tr.us-default-row td {
75    color: __text_alt__;
76}
77
78.plugin_usersettings_table .us-default-mark {
79    font-style: italic;
80}
81
82/* per-column filter row */
83
84.plugin_usersettings_table .us-filterrow td {
85    padding-top: 0.3em;
86    padding-bottom: 0.3em;
87}
88
89.plugin_usersettings_table .us-filterrow input.edit {
90    width: 100%;
91    box-sizing: border-box;
92}
93
94.plugin_usersettings_table .us-filterrow select {
95    max-width: 100%;
96}
97
98.plugin_usersettings_table .us-filteractions {
99    white-space: nowrap;
100}
101
102.us-clear {
103    margin-left: 0.5em;
104    font-size: 90%;
105}
106
107.plugin_usersettings_admin .us-none {
108    text-align: center;
109    color: __text_alt__;
110    font-style: italic;
111}
112
113.plugin_usersettings_admin .us-count {
114    color: __text_alt__;
115    font-size: 90%;
116}
117
118/* numbered pager */
119
120.us-pager {
121    margin: 0.6em 0;
122}
123
124.us-pager .pager_btn,
125.us-pager .pager_cur,
126.us-pager .pager_gap,
127.us-pager .pager_disabled {
128    display: inline-block;
129    min-width: 1.6em;
130    padding: 0.15em 0.45em;
131    margin: 0 0.1em;
132    text-align: center;
133}
134
135.us-pager .pager_btn,
136.us-pager .pager_cur,
137.us-pager .pager_disabled {
138    border: 1px solid __border__;
139}
140
141.us-pager .pager_btn {
142    text-decoration: none;
143}
144
145.us-pager .pager_cur {
146    background-color: __background_alt__;
147    font-weight: bold;
148}
149
150.us-pager .pager_disabled {
151    color: __text_alt__;
152}
153
154.us-pager .pager_gap {
155    border: 0;
156}
157