xref: /template/ad-hominem/css/_forms.css (revision 6b8be8bdb588e730590d3a388319181f61b9f25d) 
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.dokuwiki input[type="text"] {
56	& {
57		border: @ini_border solid 1px;
58		border-radius: 1pt;
59		padding: .25em;
60	}
61	&:focus {
62		box-shadow: inset .125em .125em .25em fadeout(@ini_text, 60%);
63	}
64}
65.dokuwiki input[type="checkbox"],
66.dokuwiki select {
67	& {
68		border: @ini_border solid 1px;
69		border-radius: 1pt;
70		padding: .25em;
71	}
72	&:hover, &:focus {
73		box-shadow: .125em .125em .25em fadeout(@ini_text, 60%);
74	}
75}
76.dokuwiki input.edit,
77.dokuwiki select.edit {
78  vertical-align: middle;
79}
80
81.dokuwiki button {
82	vertical-align: middle;
83}
84.dokuwiki input:focus,
85.dokuwiki select:focus,
86.dokuwiki button:focus {
87	outline:	@ini_focus_color solid 2px;
88}
89/**
90 * Styles for auth forms
91 */
92#dw__login fieldset,
93#dw__resendpwd fieldset,
94#dw__register fieldset {
95	max-width: calc(100% - 1em);
96	padding-bottom: 0.7em;
97}
98
99#dw__login fieldset label.block,
100#dw__resendpwd fieldset label.block,
101#dw__register fieldset label.block {
102	width: 100%;
103	max-width: 320px;
104}
105#dw__login label[for="remember__me"] {
106	margin: 0 10% 1.4em;
107}
108
109#dw__profiledelete {
110	display: block;
111	margin-top: 2.8em;
112}
113
114/**
115 * Styles for the subscription page
116 */
117
118#subscribe__form {
119	display: block;
120	width: 400px;
121	text-align: center;
122}
123
124#subscribe__form fieldset {
125	text-align: left;
126	margin: 0.5em 0;
127}
128[dir=rtl] #subscribe__form fieldset {
129	text-align: right;
130}
131
132#subscribe__form label {
133	display: block;
134	margin: 0 0.5em 0.5em;
135}
136