xref: /plugin/passwd/style.css (revision eb872c2a652d2b4294f9c5ebca2ba18675c61627)
1/**
2 * PASSWD Plugin — minimal styling for password-protected sections.
3 *
4 * Ships with the plugin but can be overridden by the template.
5 * DokuWiki auto-loads style.css from plugin directories.
6 */
7
8.passwd_block {
9  margin: 1.5em 0;
10  padding: 1em 1.2em;
11  border: 1px dashed #bbb;
12  background: #fafafa;
13  border-radius: 4px;
14}
15
16.passwd_prompt {
17  font-weight: bold;
18  margin: 0 0 0.6em 0;
19}
20
21.passwd_input {
22  width: 280px;
23  max-width: 100%;
24  padding: 8px 10px;
25  font-size: 1em;
26  border: 1px solid #ccc;
27  border-radius: 3px;
28  box-sizing: border-box;
29  display: block;
30}
31
32.passwd_input_wrapper {
33  display: flex;
34  align-items: stretch;
35  gap: 4px;
36  max-width: 340px;
37}
38
39.passwd_input_wrapper .passwd_input {
40  width: auto;
41  flex: 1;
42  margin-bottom: 0;    /* margin handled by wrapper */
43}
44
45.passwd_toggle {
46  border: 1px solid #ccc;
47  border-radius: 3px;
48  background: #fff;
49  cursor: pointer;
50  font-size: 1.1em;
51  line-height: 1;
52  padding: 4px 10px;
53  white-space: nowrap;
54  user-select: none;
55}
56
57.passwd_toggle:hover {
58  background: #f0f0f0;
59}
60
61.passwd_error {
62  display: block;       /* let it stack vertically */
63  clear: both;
64  color: #c00 !important;     /* always red, even if template overrides */
65  font-size: 0.9em;
66  margin: 0.3em 0 0.5em 0;
67  display: none;              /* shown by JS on failure */
68}
69
70.passwd_captcha {
71  margin: 0.3em 0 0.6em 0;
72}
73
74.passwd_btn {
75  /* inherit button styling from template, just add spacing */
76  margin-top: 0.2em;
77}
78