xref: /template/ad-hominem/css/_forms.css (revision c8a4fd957175ecea2e63fbb884bf0e0a11628f77) 
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
77.dokuwiki input.edit,
78.dokuwiki select.edit {
79  vertical-align: middle;
80}
81
82.dokuwiki button {
83	vertical-align: middle;
84}
85.dokuwiki input:focus,
86.dokuwiki select:focus,
87.dokuwiki button:focus {
88	outline:	@ini_focus_color solid 2px;
89}
90/**
91 * Styles for auth forms
92 */
93#dw__login fieldset,
94#dw__resendpwd fieldset,
95#dw__register fieldset {
96	max-width: calc(100% - 1em);
97	padding-bottom: 0.7em;
98}
99
100#dw__login fieldset label.block,
101#dw__resendpwd fieldset label.block,
102#dw__register fieldset label.block {
103	width: 100%;
104	max-width: 320px;
105}
106#dw__login label[for="remember__me"] {
107	margin: 0 10% 1.4em;
108}
109
110#dw__profiledelete {
111	display: block;
112	margin-top: 2.8em;
113}
114
115/**
116 * Styles for the subscription page
117 */
118
119#subscribe__form {
120	display: block;
121	width: 400px;
122	text-align: center;
123}
124
125#subscribe__form fieldset {
126	text-align: left;
127	margin: 0.5em 0;
128}
129[dir=rtl] #subscribe__form fieldset {
130	text-align: right;
131}
132
133#subscribe__form label {
134	display: block;
135	margin: 0 0.5em 0.5em;
136}
137