xref: /plugin/usersettings/style.css (revision f51fe07cd1ae2d1dfd14f525b27faf57a788b46f)
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_admin .us-filter {
66    margin: 0 0 1em;
67    padding: 0.5em 0.7em;
68    background-color: __background_alt__;
69    border: 1px solid __border__;
70}
71
72.plugin_usersettings_admin .us-filter select {
73    margin: 0 0.4em;
74}
75
76.plugin_usersettings_table {
77    width: 100%;
78}
79
80.plugin_usersettings_table th a {
81    white-space: nowrap;
82    text-decoration: none;
83}
84
85.plugin_usersettings_table tr.us-default-row td {
86    color: __text_alt__;
87}
88
89.plugin_usersettings_table .us-default-mark {
90    font-style: italic;
91}
92