xref: /template/ad-hominem/css/_forms.css (revision 2bc6d755e867f7b8378520b4bc35d951242eee58)
1/* TODO: this file is not up to the best standards and will be fixed after an overhaul of the form code */
2
3/**
4 * This file provides styles for forms in general and specifically
5 * for ?do=
6 *   - login
7 *   - resendpwd
8 *   - register
9 *   - profile
10 *   - subscribe
11 */
12
13/* ---------------- forms ------------------------ */
14
15.dokuwiki form {
16  border: none;
17  display: inline;
18}
19
20.dokuwiki label.block {
21  display: block;
22  text-align: right;
23  font-weight: bold;
24}
25[dir=rtl] .dokuwiki label.block {
26    text-align: left;
27}
28
29.dokuwiki label.simple {
30  display: block;
31  text-align: left;
32  font-weight: normal;
33}
34[dir=rtl] .dokuwiki label.simple {
35    text-align: right;
36}
37
38.dokuwiki label.block select,
39.dokuwiki label.block input.edit {
40  width: 50%;
41}
42
43.dokuwiki label span {
44    vertical-align: middle;
45}
46
47.dokuwiki fieldset {
48  width: 400px;
49  text-align: center;
50  border: 1px solid @ini_border;
51  padding: 0.5em;
52  margin: auto;
53}
54
55
56.dokuwiki input.edit,
57.dokuwiki select.edit {
58  vertical-align: middle;
59}
60.dokuwiki select.edit {
61  padding: 0.1em 0;
62}
63
64.dokuwiki button {
65    vertical-align: middle;
66}
67.dokuwiki input:focus,
68.dokuwiki select:focus,
69.dokuwiki button:focus {
70	outline:	@ini_focus_color solid 2px;
71}
72/**
73 * Styles for auth forms
74 */
75#dw__login label[for="remember__me"] {
76    margin-left: 50%;
77    margin-bottom: 1.4em;
78}
79#dw__login fieldset,
80#dw__resendpwd fieldset,
81#dw__register fieldset {
82    padding-bottom: 0.7em;
83}
84#dw__profiledelete {
85    display: block;
86    margin-top: 2.8em;
87}
88
89/**
90 * Styles for the subscription page
91 */
92
93#subscribe__form {
94    display: block;
95    width: 400px;
96    text-align: center;
97}
98
99#subscribe__form fieldset {
100    text-align: left;
101    margin: 0.5em 0;
102}
103[dir=rtl] #subscribe__form fieldset {
104    text-align: right;
105}
106
107#subscribe__form label {
108    display: block;
109    margin: 0 0.5em 0.5em;
110}
111