summary refs log tree commit diff stats
path: root/theme/admin/css
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2009-08-13 17:46:09 -0400
committerStarla Insigna <hatkirby@fourisland.com>2009-08-13 17:46:09 -0400
commitb5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a (patch)
tree0449277e94a42aa155995a90fd8a89cb3309e7ab /theme/admin/css
parent6a1d5b60e6ec541a36727b84b71168f62221f7d7 (diff)
downloadfourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.tar.gz
fourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.tar.bz2
fourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.zip
Rewrote Admin panel
The following database changes must be made:

* A TEXT column called "text" must be added to the end of "polloftheweek"
* The transferPollRss.php script must be run
* The "pollrss" table must be dropped

Closes #113
Diffstat (limited to 'theme/admin/css')
-rw-r--r--theme/admin/css/hack.css81
-rw-r--r--theme/admin/css/ie6.css23
-rw-r--r--theme/admin/css/ie7.css9
-rw-r--r--theme/admin/css/layout.css280
-rw-r--r--theme/admin/css/reset.css50
-rw-r--r--theme/admin/css/transdmin.css15
-rwxr-xr-xtheme/admin/css/uni-form-generic.css136
-rwxr-xr-xtheme/admin/css/uni-form.css118
8 files changed, 712 insertions, 0 deletions
diff --git a/theme/admin/css/hack.css b/theme/admin/css/hack.css new file mode 100644 index 0000000..ca78b58 --- /dev/null +++ b/theme/admin/css/hack.css
@@ -0,0 +1,81 @@
1p {
2 margin: 1em 0;
3}
4
5div#flash {
6 position: fixed;
7 left: 0;
8 top: 0;
9 width: 100%;
10 background-color: yellow;
11 padding: 10px 0;
12 text-align: center;
13 border-bottom: 1px solid black;
14 z-index: 9999;
15}
16
17body {
18 background: url(/theme/images/backgrounds/island6.PNG) aqua repeat-x bottom left fixed;
19}
20
21h1 {
22 background: url(/theme/images/header.png);
23 margin: 0 auto;
24}
25
26h1, h1 a {
27 width: 800px;
28 height: 200px;
29}
30
31div#header {
32 background: url(/theme/images/header-repeat.png);
33}
34
35div#manage-options {
36 margin: .5em 0;
37 padding: .5em;
38 background-color: gray;
39 -moz-border-radius: 10px;
40 -webkit-border-radius: 10px;
41 -khtml-border-radius: 10px;
42 border-radius: 10px;
43}
44
45h2 {
46 float: none;
47}
48
49div.manage-pagination {
50 margin: .5em 0;
51 padding: .5em;
52 text-align: center;
53}
54
55.uniForm { background: #F2FAFF; }
56.uniForm fieldset{ margin: 0 0 1.5em 0; }
57.uniForm .inlineLabel em{ left: 10px !important; }
58.uniForm .inlineLabels .ctrlHolder .multiField.phoneNum .blockLabel{ width: auto; }
59.uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_ccode.textInput,
60.uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_area.textInput{ width: 4em; }
61.uniForm .blockLabels .ctrlHolder textarea { width: 99%; }
62
63td.table-img {
64 width: 17px;
65 padding: 0 5px !important;
66}
67
68td.table-author {
69 text-align: right;
70 padding-right: 20px;
71}
72
73td.table-checkbox {
74 width: 17px;
75 padding: 0 5px;
76}
77
78tr.table-header td {
79 font-weight: bold;
80 text-align: center;
81}
diff --git a/theme/admin/css/ie6.css b/theme/admin/css/ie6.css new file mode 100644 index 0000000..de5f9c7 --- /dev/null +++ b/theme/admin/css/ie6.css
@@ -0,0 +1,23 @@
1#main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
2#main table tr .action .edit { color: #c5a059; }
3#main table tr .action .delete { color: #a02b2b; }
4#main table tr .action .view { color: #55a34a; }
5#main table tr .action a:hover { text-decoration: underline; }
6
7#main fieldset p { margin: 0 0 7px 0; } /* half of the normal bottom margin */
8
9.jNiceSelectWrapper ul {
10 height: 99px;
11}
12
13.jNiceSelectWrapper div span {
14 padding: 9px 7px 0;
15}
16
17button {
18 width: 85px;
19}
20
21.uniForm, .uniForm fieldset, .uniForm .ctrlHolder, .uniForm .formHint, .uniForm .buttonHolder, .uniForm .ctrlHolder .multiField, .uniForm .inlineLabel{ zoom:1; }
22.uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .blockLabels label, .uniForm .blockLabels .label, .uniForm .inlineLabel span{ padding-bottom: .2em; }
23.uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input{ margin-top: -.3em; }
diff --git a/theme/admin/css/ie7.css b/theme/admin/css/ie7.css new file mode 100644 index 0000000..c67e008 --- /dev/null +++ b/theme/admin/css/ie7.css
@@ -0,0 +1,9 @@
1#main fieldset p { margin: 0 0 7px 0; } /* half of the normal bottom margin */
2
3.jNiceSelectWrapper div span {
4 padding: 9px 7px 0;
5}
6
7.uniForm, .uniForm fieldset, .uniForm .ctrlHolder, .uniForm .formHint, .uniForm .buttonHolder, .uniForm .ctrlHolder .multiField, .uniForm .inlineLabel{ zoom:1; }
8.uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .blockLabels label, .uniForm .blockLabels .label, .uniForm .inlineLabel span{ padding-bottom: .2em; }
9.uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input{ margin-top: -.3em; }
diff --git a/theme/admin/css/layout.css b/theme/admin/css/layout.css new file mode 100644 index 0000000..06aa372 --- /dev/null +++ b/theme/admin/css/layout.css
@@ -0,0 +1,280 @@
1/* Basic ---------------------------------------- */
2
3.clear { clear: both; }
4
5body {
6 background: white;
7 font-family: Arial, Helvetica, sans-serif;
8 font-size: 12px;
9 color: #646464;
10 text-align: center;
11}
12
13#wrapper {
14 text-align: left;
15 width: 930px;
16 margin: 0 auto;
17}
18
19/* Logo ---------------------------------------- */
20
21h1 {
22 margin: 15px 0 10px 5px;
23 width: 225px;
24 height: 28px;
25 background: url(../img/transdmin-light.gif) no-repeat left top;
26}
27
28h1 a {
29 display: block;
30 width: 225px;
31 height: 28px;
32}
33
34h1 span { display: none; }
35
36/* Main Navigation ---------------------------------------- */
37
38#mainNav {
39 width: 918px;
40 height: 37px;
41 padding: 6px;
42 margin: 0 0 30px 0;
43 background: url(../img/top-menu-bg.gif) no-repeat left top;
44 /* We used a background image making the thick border and the thin one to keep the html structure simple */
45}
46
47#mainNav li {
48 float: left;
49 height: 37px;
50 border-right: 1px solid #ddd;
51}
52
53#mainNav li a {
54 display: block;
55 float: left;
56 height: 37px;
57 font-weight: bold;
58 line-height: 37px;
59 text-decoration: none;
60 color: #646464;
61 padding: 0 20px;
62}
63
64#mainNav li.logout {
65 float: right;
66 border-left: 1px solid #ddd;
67 border-right: none;
68}
69
70#mainNav li a:hover { background: #fdfcf6; }
71
72#mainNav li a.active, #mainNav li a.active {
73 background: #f0f0f0 url(../img/top-menu-item-bg.gif) repeat-x left top;
74 color: #454545;
75}
76
77/* Container ---------------------------------------- */
78
79#containerHolder {
80 background: #eee;
81 padding: 5px;
82}
83
84
85#container {
86 background: #fff url(../img/content.gif) repeat-y left top;
87 border: 1px solid #ddd;
88 width: 918px;
89}
90
91/* Sidebar ---------------------------------------- */
92
93#sidebar {
94 width: 179px;
95 float: left;
96}
97
98#sidebar .sideNav { width: 179px; }
99
100#sidebar .sideNav li { border-bottom: 1px solid #ddd; width: 179px; }
101
102#sidebar .sideNav li a {
103 display: block;
104 color: #646464;
105 background: #f6f6f6;
106 text-decoration: none;
107 height: 29px;
108 line-height: 29px;
109 padding: 0 19px;
110 width: 141px;
111}
112
113#sidebar .sideNav li a:hover { background: #fdfcf6; }
114
115#sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover {
116 background: #f0f7fa;
117 color: #c66653;
118}
119
120/* Breadcrumb ---------------------------------------- */
121
122h2 {
123 width: 718px;
124 float: right;
125 color: #646464;
126 font-size: 16px;
127 line-height: 16px;
128 font-weight: bold;
129 margin: 20px 0 0 0;
130 padding: 0 0 10px 0;
131 border-bottom: 1px solid #ddd;
132}
133
134h2 a {
135 color: #646464;
136 text-decoration: none;
137}
138
139h2 a.active { color: #c66653; }
140
141h2 a:hover { text-decoration: underline; }
142
143/* Content ---------------------------------------- */
144
145#main {
146 width: 700px;
147 float: right;
148 padding: 0 19px 0 0;
149}
150
151h3 {
152 font-size: 14px;
153 line-height: 14px;
154 font-weight: bold;
155 color: #5494af;
156 padding: 0 0 0 10px;
157 margin: 20px 0 10px;
158}
159
160#main table {
161 border-top: 1px solid #ddd;
162 width: 700px;
163}
164
165#main table tr td {
166 background: #f6f6f6;
167 padding: 0px 20px;
168 height: 29px;
169 line-height: 29px;
170 border-bottom: 1px solid #ddd;
171}
172
173#main table tr.odd td {
174 background: #fbfbfb;
175}
176
177#main table tr:hover td { background: #fdfcf6; }
178
179#main table .action {
180 text-align: right;
181 padding: 0 20px 0 10px;
182}
183
184#main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
185#main table tr:hover .action .edit { color: #c5a059; }
186#main table tr:hover .action .delete { color: #a02b2b; }
187#main table tr:hover .action .view { color: #55a34a; }
188
189#main table tr:hover .action a:hover { text-decoration: underline; }
190
191/*#main fieldset {
192 border: 1px solid #ddd;
193 padding: 19px;
194 margin: 0 0 20px 0;
195 background: #fbfbfb;
196}
197
198#main fieldset p { margin: 0 0 14px 0; float: left; width: 100%; }
199
200#main fieldset label {
201 display: block;
202 width: 100%;
203 margin: 0 0 7px 0;
204 line-height: 12px;
205}
206
207#main fieldset .text-long {
208 border: 1px solid #ddd;
209 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
210 font: 11px Arial, Helvetica, sans-serif;
211 color: #646464;
212 padding: 5px 7px;
213 width: 264px;
214 float: left;
215 margin: 0 10px 0 0;
216}
217
218#main fieldset .text-medium {
219 border: 1px solid #ddd;
220 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
221 font: 11px Arial, Helvetica, sans-serif;
222 color: #646464;
223 padding: 5px 7px;
224 width: 124px;
225 float: left;
226 margin: 0 10px 0 0;
227}
228
229#main fieldset .text-small {
230 border: 1px solid #ddd;
231 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
232 font: 11px Arial, Helvetica, sans-serif;
233 color: #646464;
234 padding: 5px 7px;
235 width: 44px;
236 float: left;
237 margin: 0 10px 0 0;
238}
239
240#main fieldset .text-long:focus,
241#main fieldset .text-medium:focus,
242#main fieldset .text-small:focus,
243#main fieldset textarea:focus { background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top; }
244
245#main fieldset textarea {
246 border: 1px solid #ddd;
247 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
248 font: 11px Arial, Helvetica, sans-serif;
249 color: #646464;
250 padding: 5px 7px;
251 width: 364px;
252 float: left;
253 margin: 0 10px 0 0;
254 height: 148px;
255 overflow: hidden;
256}*/
257
258.button-submit {
259 font: 11px Arial, Helvetica, sans-serif;
260 color: #646464;
261 width: 94px;
262 height: 29px;
263 cursor: pointer;
264 border: none;
265 background: url(../img/button-submit.gif) no-repeat left top;
266}
267
268/* Footer ---------------------------------------- */
269
270#footer {
271 margin: 10px 0 30px 0;
272 font-size: 11px;
273 line-height: 11px;
274 color: #9B9B9B;
275 padding: 0 0 0 5px;
276}
277
278#footer a { color: #9B9B9B; }
279
280#footer a:hover { text-decoration: none; }
diff --git a/theme/admin/css/reset.css b/theme/admin/css/reset.css new file mode 100644 index 0000000..08ec888 --- /dev/null +++ b/theme/admin/css/reset.css
@@ -0,0 +1,50 @@
1html, body, div, span, applet, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, big, cite, code,
4del, dfn, em, font, img, ins, kbd, q, s, samp,
5small, strike, strong, sub, sup, tt, var,
6b, u, i, center,
7dl, dt, dd, ol, ul, li,
8fieldset, form, label, legend,
9table, caption, tbody, tfoot, thead, tr, th, td {
10 margin: 0;
11 padding: 0;
12 border: 0;
13 outline: 0;
14 font-size: 100%;
15 vertical-align: baseline;
16 background: transparent;
17}
18body {
19 line-height: 1;
20}
21ol, ul {
22 list-style: none;
23}
24blockquote, q {
25 quotes: none;
26}
27
28/* remember to define focus styles! */
29:focus {
30 outline: 0;
31}
32
33/* remove textarea resize at Safari */
34textarea {
35 resize: none;
36}
37
38/* remember to highlight inserts somehow! */
39ins {
40 text-decoration: none;
41}
42del {
43 text-decoration: line-through;
44}
45
46/* tables still need 'cellspacing="0"' in the markup */
47table {
48 border-collapse: collapse;
49 border-spacing: 0;
50}
diff --git a/theme/admin/css/transdmin.css b/theme/admin/css/transdmin.css new file mode 100644 index 0000000..5c03204 --- /dev/null +++ b/theme/admin/css/transdmin.css
@@ -0,0 +1,15 @@
1/* -----------------------------------------------
2
3 * Screen Style Sheet
4
5 * Name: Transdmin Light
6
7 * Coded by: Perspectived
8 http://www.perspectived.com
9
10----------------------------------------------- */
11
12/* CSS reset by Eric Meyer */
13@import url("reset.css");
14@import url("layout.css");
15@import url("hack.css");
diff --git a/theme/admin/css/uni-form-generic.css b/theme/admin/css/uni-form-generic.css new file mode 100755 index 0000000..f9e0f39 --- /dev/null +++ b/theme/admin/css/uni-form-generic.css
@@ -0,0 +1,136 @@
1/* Uni-Form by Dragan Babic [Superawesome Industries] - http: //sprawsm.com/uni-form/ */
2/* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */
3/* Do not edit this file directly, make your changes to uni-form.css in the same folder */
4
5/* ------------------------------------------------------------------------------ */
6
7.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
8
9 /* Some generals and more resets */
10 .uniForm fieldset{ border: none; margin: 0; padding: 0; }
11 .uniForm fieldset legend{ margin: 0; padding: 0; }
12
13 /* This is the main unit that contains our form elements */
14 .uniForm .ctrlHolder,
15 .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
16
17 /* Clear all floats */
18 .uniForm:after,
19 .uniForm .buttonHolder:after,
20 .uniForm .ctrlHolder:after,
21 .uniForm .ctrlHolder .multiField:after,
22 .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
23
24 /* A class to be used on a label that contains a checkbox or a radio button */
25 .uniForm .inlineLabel,
26 .uniForm .inlineLabels .inlineLabel,
27 .uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
28 /* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
29 /* Legacy/Inheritance fix */
30 .uniForm .inlineLabel input,
31 .uniForm .inlineLabels .inlineLabel input,
32 .uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }
33
34/* ------------------------------------------------------------------------------ */
35
36 /* Styles for form controls where labels are above the input elements */
37 /* Set the class of the parent (preferably to a fieldset) to .blockLabels */
38
39 .uniForm label,
40 .uniForm .label,
41 .uniForm .blockLabels label,
42 .uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; }
43
44 /* Float the input elements */
45 .uniForm .textInput,
46 .uniForm .blockLabels .textInput,
47 .uniForm .blockLabels .fileUpload,
48 .uniForm .selectInput,
49 .uniForm .blockLabels .selectInput,
50 .uniForm .blockLabels select,
51 .uniForm textarea,
52 .uniForm .blockLabels textarea{ float: left; }
53
54 /* Postition the hints */
55 .uniForm .formHint,
56 .uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; }
57
58 /* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
59 .uniForm .multiField,
60 .uniForm .blockLabels .multiField{ width: auto; float: left; }
61 .uniForm .multiField .inlineLabel,
62 .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
63 .uniForm .multiField .blockLabel,
64 .uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
65 .uniForm .multiField .blockLabel .textInput,
66 .uniForm .multiField .blockLabel .selectInput,
67 .uniForm .multiField .blockLabel select,
68 .uniForm .blockLabels .multiField .blockLabel .textInput,
69 .uniForm .blockLabels .multiField .blockLabel .selectInput,
70 .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }
71
72/* ------------------------------------------------------------------------------ */
73
74 /* Styles for form controls where labels are in line with the input elements */
75 /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
76 .uniForm .inlineLabels label,
77 .uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
78
79 /* Float the input elements */
80 .uniForm .inlineLabels .textInput,
81 .uniForm .inlineLabels .fileUpload,
82 .uniForm .inlineLabels .selectInput,
83 .uniForm .inlineLabels select,
84 .uniForm .inlineLabels textarea{ float: left; }
85
86 /* Postition the hints */
87 .uniForm .inlineLabels .formHint{ clear: both; float: none; }
88 .uniForm .inlineLabels .multiField{ float: left; }
89 .uniForm .inlineLabels .multiField .inlineLabel{}
90 .uniForm .inlineLabels .multiField .blockLabel{}
91 .uniForm .inlineLabels .multiField .blockLabel .textInput,
92 .uniForm .inlineLabels .multiField .blockLabel .selectInput,
93 .uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
94 .uniForm .inlineLabels .multiField select{ float: left; }
95
96/* ------------------------------------------------------------------------------ */
97
98 /* Required fields asterisk styling for .blockLabels */
99 .uniForm label em,
100 .uniForm .label em,
101 .uniForm .blockLabels label em,
102 .uniForm .blockLabels .label em{ position: absolute; left: -7px; }
103
104 /* Required fields asterisk styling for .inlineLabels */
105 .uniForm .inlineLabels label em,
106 .uniForm .inlineLabels .label em{ display: block; position: absolute; left: auto; right: 0; font-style: normal; font-weight: bold; }
107 .uniForm .inlineLabel em{ position: absolute; left: 7px; }
108
109/* ------------------------------------------------------------------------------ */
110
111 /* Messages */
112 .uniForm #errorMsg,
113 .uniForm .error{
114 }
115 .uniForm #errorMsg dt,
116 .uniForm #errorMsg h3{
117 }
118 .uniForm #errorMsg dd{
119 }
120 .uniForm #errorMsg ol{
121 }
122 .uniForm #errorMsg ol li{
123 }
124 .uniForm .errorField{
125 }
126
127 .uniForm #OKMsg{
128 }
129
130/* ------------------------------------------------------------------------------ */
131
132 /* Columns */
133
134 .uniForm .col{ float: left; }
135 .uniForm .col.first{}
136 .uniForm .col.last{} \ No newline at end of file
diff --git a/theme/admin/css/uni-form.css b/theme/admin/css/uni-form.css new file mode 100755 index 0000000..53520ba --- /dev/null +++ b/theme/admin/css/uni-form.css
@@ -0,0 +1,118 @@
1@import "uni-form-generic.css";
2/* Keep in mind that wherever you see 'Required property' it means that the property must exist */
3
4/* ------------------------------------------------------------------------------ */
5
6 /* Generals */
7 .uniForm fieldset{}
8 .uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
9
10 /* This is the main unit that contains our form elements */
11 .uniForm .ctrlHolder{ padding: 7px; border-bottom: 1px solid #dfdfdf; }
12
13 .uniForm .buttonHolder{ text-align: right; }
14 .uniForm .resetButton{ float: left; }
15 .uniForm .primaryAction{ font-weight: bold; }
16
17 /* This class gets added to div.ctrlHolder to highlight the row */
18 .uniForm .focused{ background: #fffcdf; }
19
20 /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
21 .uniForm .inlineLabel input,
22 .uniForm .inlineLabels .inlineLabel input,
23 .uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; }
24 .uniForm .inlineLabel span{ float: left; width: 90%; }
25
26/* ------------------------------------------------------------------------------ */
27
28 /* .blockLabels (default style, will be applied even if you don't class the parent element) */
29 .uniForm .blockLabels .ctrlHolder{}
30
31 .uniForm label,
32 .uniForm .blockLabels label,
33 .uniForm .blockLabels .label{ margin: 0 0 .5em 0; }
34
35 .uniForm .textInput,
36 .uniForm .blockLabels .textInput,
37 .uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }
38
39 .uniForm .selectInput,
40 .uniForm select,
41 .uniForm .blockLabels .selectInput,
42 .uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ }
43 .uniForm textarea,
44 .uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; }
45
46 .uniForm .formHint,
47 .uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
48
49 .uniForm .multiField,
50 .uniForm .blockLabels .multiField{ width: 53%; }
51 .uniForm .multiField .inlineLabel,
52 .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
53 .uniForm .multiField .blockLabel,
54 .uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
55 .uniForm .multiField .blockLabel .textInput,
56 .uniForm .multiField .blockLabel .selectInput,
57 .uniForm .multiField .blockLabel select,
58 .uniForm .blockLabels .multiField .blockLabel .textInput,
59 .uniForm .blockLabels .multiField .blockLabel .selectInput,
60 .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
61
62/* ------------------------------------------------------------------------------ */
63
64 /* .inlineLabels */
65 .uniForm .inlineLabels .ctrlHolder{}
66
67 .uniForm .inlineLabels label,
68 .uniForm .inlineLabels .label{ width: 45%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
69
70 .uniForm .inlineLabels .textInput,
71 .uniForm .inlineLabels .fileUpload{ width: 45%; /* <- Required property */ }
72
73 .uniForm .inlineLabels .selectInput,
74 .uniForm .inlineLabels select{ width: 45%; /* <- Required property */ }
75
76 .uniForm .inlineLabels textarea{ width: 45%; /* <- Required property */ height: 12em; }
77
78 .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 47%; font-size: .9em; color: #777; position: static; }
79
80 .uniForm .inlineLabels .multiField{ width: 45%; /* <- Required property */ margin: 0 0 .3em 0; }
81 .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
82 .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
83 .uniForm .inlineLabels .multiField .blockLabel .textInput,
84 .uniForm .inlineLabels .multiField .blockLabel .selectInput,
85 .uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
86
87/* Focus pseudoclasses */
88.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
89.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
90.uniForm div.focused .formHint{ color: #333; }
91
92/* Columns (they are floated left by default) */
93.uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
94/* Use .first and .last classes to control the layout/spacing of your columns */
95.uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
96.uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }
97
98/* Messages */
99.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
100.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }
101
102 .uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
103 .uniForm #errorMsg dd{ margin: 0; padding: 0; }
104 .uniForm #errorMsg ol{ margin: 0; padding: 0; }
105 .uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
106 .uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }
107
108.uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
109 .uniForm #OKMsg p{ margin: 0; }
110
111/*
112IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE,
113AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE,
114YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK...
115*/
116
117/* ------------------------------------------------------------------------------ */
118