summary refs log tree commit diff stats
path: root/theme/css/uniform.php
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2008-11-19 17:27:03 -0500
committerStarla Insigna <hatkirby@fourisland.com>2008-11-19 17:27:03 -0500
commit24503e3abe705acde2df159aeae61be0d009f92e (patch)
tree8debbd53dcd0db2f5934c5e2af4e697e3787781d /theme/css/uniform.php
downloadfourisland-24503e3abe705acde2df159aeae61be0d009f92e.tar.gz
fourisland-24503e3abe705acde2df159aeae61be0d009f92e.tar.bz2
fourisland-24503e3abe705acde2df159aeae61be0d009f92e.zip
Imported sources
Diffstat (limited to 'theme/css/uniform.php')
-rw-r--r--theme/css/uniform.php270
1 files changed, 270 insertions, 0 deletions
diff --git a/theme/css/uniform.php b/theme/css/uniform.php new file mode 100644 index 0000000..0a57b49 --- /dev/null +++ b/theme/css/uniform.php
@@ -0,0 +1,270 @@
1/* Four Island UniForm CSS */
2
3/* uniForm */
4 .uniForm{
5 margin:0; padding:0;
6 position:relative;
7 width:100%;
8 /* user prefs */
9 padding:10px 0;
10 }
11
12 /* Some generals */
13 .uniForm fieldset{
14 border:none;
15 margin:0; padding:0;
16 /* user prefs */
17 margin:0 0 7px 0; padding:0 0 10px 0;
18 border-bottom:1px solid #efefef;
19 }
20 .uniForm fieldset legend{
21 color:#000; /* Reset IE */
22 margin:0; padding:0;
23 /* user prefs */
24 margin:0 0 .5em 0;
25 font:bold small-caps 100%/100% "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif;
26 letter-spacing:.1em;
27 color:#93b5be;
28 }
29
30 .ctrlHolder{ /* This is the main unit that contains our form "modules" */
31 overflow:hidden;
32 margin:0; padding:0;
33 clear:both;
34 /* user prefs */
35 background:#f9f9f9;
36 margin:0; padding:7px 4px;
37 }
38
39 .buttonHolder{
40 overflow:hidden;
41 clear:both;
42 /* user prefs */
43 background:#f9f9f9;
44 border:1px solid #ccc; border-width:1px 0;
45 margin:10px 0 0 0; padding:10px;
46 text-align:right;
47 }
48 .resetButton{
49 }
50 .submitButton{
51 }
52
53 .uniForm .inlineLabel{
54 width:auto;
55 float:none;
56 display:inline;
57 /* user prefs */
58 margin:0 2em 0 0;
59 font-weight:normal;
60 }
61 .uniForm .inlineLabel input{
62 }
63
64 /* Highlighting the rows on input focus */
65 .focused{
66 background:#FFFCDF url(/theme/images/uf_focused.png);
67 border:1px solid #EFE795; border-width:1px 0;
68 padding:6px 4px;
69 }
70
71
72 /* Styles for form controls where labels are in line with the input elements */
73 /* Set the class to the parent to .inlineLabels */
74 .inlineLabels .ctrlHolder{
75 }
76 .inlineLabels label,
77 .inlineLabels .label{
78 float:left;
79 margin:.3em 0 0 0; padding:0;
80 line-height:100%;
81 /* user prefs */
82 width:30%;
83 font-weight:bold;
84 }
85
86 .inlineLabels .textInput,
87 .inlineLabels .fileUpload{
88 float:left;
89 /* user prefs */
90 width:68%;
91 border:2px solid #dfdfdf;
92 }
93 .inlineLabels .fileUpload > input{
94 }
95
96 .inlineLabels .selectInput{
97 float:left;
98 /* user prefs */
99 width:69%;
100 border:2px solid #dfdfdf;
101 }
102
103 .inlineLabels textarea{
104 float:left;
105 width:68%;
106 /* user prefs */
107 border:2px solid #dfdfdf;
108 height:12em;
109 }
110
111 .inlineLabels .formHint{
112 clear:both;
113 /* user prefs */
114 color:#999;
115 margin:.5em 0 0 30%; padding:3px 0;
116 font-size:80%;
117 }
118
119 /* inlineLabels esthetics */
120 .inlineLabels .formHint strong{
121 padding:0 0 0 14px;
122 background:url(/theme/images/icon_alert.png) 0 0 no-repeat;
123 display:inline-block;
124 }
125
126
127 /* ########################################################################## */
128
129 /* Styles for form controls where labels are above the input elements */
130 /* Set the class to the parent to .blockLabels */
131 .blockLabels .ctrlHolder{
132 }
133
134 .blockLabels label,
135 .blockLabels .label{
136 display:block;
137 float:none;
138 margin:.3em 0; padding:0;
139 line-height:100%;
140 width:60%;
141 /* user prefs */
142 font-weight:bold;
143 width:auto;
144 }
145 .blockLabels .label{
146 float:left;
147 margin-right:3em;
148 }
149
150 .blockLabels .textInput{
151 float:left;
152 width:60%;
153 /* user prefs */
154 border:2px solid #dfdfdf;
155 }
156
157 .blockLabels .selectInput{
158 float:left;
159 width:60%;
160 /* user prefs */
161 border:2px solid #dfdfdf;
162
163 }
164
165 .blockLabels textarea{
166 display:block;
167 float:left;
168 /* user prefs */
169 border:2px solid #dfdfdf;
170 height:12em;
171 }
172
173 .blockLabels .formHint{
174 float:right;
175 margin:0;
176 width:38%;
177 clear:none;
178 /* user prefs */
179 color:#999;
180 font-size:80%;
181 font-style:italic;
182 }
183
184 /* blockLabels esthetics */
185 .blockLabels .ctrlHolder{
186 border:1px solid #dfdfdf; border-width:1px 0;
187 margin-top:-1px;
188 }
189
190 .blockLabels .focused{
191 padding:7px 4px;
192 }
193
194 /* ########################################################################## */
195
196 /* Focus pseudoclasses */
197 .ctrlHolder .textInput:focus{
198 border-color:#DFD77D;
199 }
200 div.focused .textInput:focus{
201 }
202 div.focused .formHint{
203 color:#000;
204 }
205
206 /* Required asterisk styling, use if needed */
207 label em,
208 .label em{
209 display:block;
210 position:absolute; left:28%;
211 font-style:normal;
212 font-weight:bold;
213 }
214 .blockLabels label em,
215 .blockLabels .label em{
216 position:static;
217 display:inline;
218 }
219
220 /* Messages */
221 .uniForm #errorMsg{
222 background:#ffdfdf url(/theme/images/uf_error.png);
223 border:1px solid #df7d7d; border-width:1px 0;
224 margin:0 0 1em 0; padding:1em;
225 }
226 .uniForm .error,
227 .uniForm .blockLabels.ctrlHolder.error{
228 background:#ffdfdf url(/theme/images/uf_error.png);
229 border:1px solid #df7d7d; border-width:1px 0;
230 position:relative;
231 }
232 .uniForm #errorMsg dt,
233 .uniForm #errorMsg h3{
234 margin:0 0 .5em 0;
235 font-size:110%;
236 line-height:100%;
237 font-weight:bold;
238 color:#000;
239 padding:2px 0 2px 18px;
240 background:url(/theme/images/icon-error.png) 0 0 no-repeat;
241 }
242 .uniForm #errorMsg dd{
243 margin:0; padding:0;
244 }
245 .uniForm #errorMsg ol{
246 margin:0; padding:0;
247 }
248 .uniForm #errorMsg ol li{
249 margin:0; padding:2px;
250 list-style-position:inside;
251 border-bottom:1px dotted #df7d7d;
252 position:relative;
253 }
254 .uniForm .errorField{
255 margin:0 0 3px 0;
256 }
257 .uniForm .inlineLabels .errorField{
258 margin-left:30%;
259 }
260 .uniForm .errorField strong{
261 background:#FFE2E2;
262 padding:1px 3px 3px 3px;
263 }
264 .ctrlHolder.error input,
265 .ctrlHolder.error input:focus{
266 border-color:#DF7D7D;
267 }
268 .ctrlHolder.error.focused{
269 padding:7px 4px;
270 }