1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
/* Uni-Form by Dragan Babic [Superawesome Industries] - http: //sprawsm.com/uni-form/ */
/* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */
/* Do not edit this file directly, make your changes to uni-form.css in the same folder */
/* ------------------------------------------------------------------------------ */
.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
/* Some generals and more resets */
.uniForm fieldset{ border: none; margin: 0; padding: 0; }
.uniForm fieldset legend{ margin: 0; padding: 0; }
/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder,
.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
/* Clear all floats */
.uniForm:after,
.uniForm .buttonHolder:after,
.uniForm .ctrlHolder:after,
.uniForm .ctrlHolder .multiField:after,
.uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
/* A class to be used on a label that contains a checkbox or a radio button */
.uniForm .inlineLabel,
.uniForm .inlineLabels .inlineLabel,
.uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
/* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
/* Legacy/Inheritance fix */
.uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }
/* ------------------------------------------------------------------------------ */
/* Styles for form controls where labels are above the input elements */
/* Set the class of the parent (preferably to a fieldset) to .blockLabels */
.uniForm label,
.uniForm .label,
.uniForm .blockLabels label,
.uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; }
/* Float the input elements */
.uniForm .textInput,
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload,
.uniForm .selectInput,
.uniForm .blockLabels .selectInput,
.uniForm .blockLabels select,
.uniForm textarea,
.uniForm .blockLabels textarea{ float: left; }
/* Postition the hints */
.uniForm .formHint,
.uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; }
/* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
.uniForm .multiField,
.uniForm .blockLabels .multiField{ width: auto; float: left; }
.uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .multiField .blockLabel,
.uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
.uniForm .multiField .blockLabel .textInput,
.uniForm .multiField .blockLabel .selectInput,
.uniForm .multiField .blockLabel select,
.uniForm .blockLabels .multiField .blockLabel .textInput,
.uniForm .blockLabels .multiField .blockLabel .selectInput,
.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }
/* ------------------------------------------------------------------------------ */
/* Styles for form controls where labels are in line with the input elements */
/* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
/* Float the input elements */
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload,
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select,
.uniForm .inlineLabels textarea{ float: left; }
/* Postition the hints */
.uniForm .inlineLabels .formHint{ clear: both; float: none; }
.uniForm .inlineLabels .multiField{ float: left; }
.uniForm .inlineLabels .multiField .inlineLabel{}
.uniForm .inlineLabels .multiField .blockLabel{}
.uniForm .inlineLabels .multiField .blockLabel .textInput,
.uniForm .inlineLabels .multiField .blockLabel .selectInput,
.uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
.uniForm .inlineLabels .multiField select{ float: left; }
/* ------------------------------------------------------------------------------ */
/* Required fields asterisk styling for .blockLabels */
.uniForm label em,
.uniForm .label em,
.uniForm .blockLabels label em,
.uniForm .blockLabels .label em{ position: absolute; left: -7px; }
/* Required fields asterisk styling for .inlineLabels */
.uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em{ display: block; position: absolute; left: auto; right: 0; font-style: normal; font-weight: bold; }
.uniForm .inlineLabel em{ position: absolute; left: 7px; }
/* ------------------------------------------------------------------------------ */
/* Messages */
.uniForm #errorMsg,
.uniForm .error{
}
.uniForm #errorMsg dt,
.uniForm #errorMsg h3{
}
.uniForm #errorMsg dd{
}
.uniForm #errorMsg ol{
}
.uniForm #errorMsg ol li{
}
.uniForm .errorField{
}
.uniForm #OKMsg{
}
/* ------------------------------------------------------------------------------ */
/* Columns */
.uniForm .col{ float: left; }
.uniForm .col.first{}
.uniForm .col.last{}
|
