diff options
author | Starla Insigna <hatkirby@fourisland.com> | 2009-08-13 17:46:09 -0400 |
---|---|---|
committer | Starla Insigna <hatkirby@fourisland.com> | 2009-08-13 17:46:09 -0400 |
commit | b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a (patch) | |
tree | 0449277e94a42aa155995a90fd8a89cb3309e7ab /theme/admin/css | |
parent | 6a1d5b60e6ec541a36727b84b71168f62221f7d7 (diff) | |
download | fourisland-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.css | 81 | ||||
-rw-r--r-- | theme/admin/css/ie6.css | 23 | ||||
-rw-r--r-- | theme/admin/css/ie7.css | 9 | ||||
-rw-r--r-- | theme/admin/css/layout.css | 280 | ||||
-rw-r--r-- | theme/admin/css/reset.css | 50 | ||||
-rw-r--r-- | theme/admin/css/transdmin.css | 15 | ||||
-rwxr-xr-x | theme/admin/css/uni-form-generic.css | 136 | ||||
-rwxr-xr-x | theme/admin/css/uni-form.css | 118 |
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 @@ | |||
1 | p { | ||
2 | margin: 1em 0; | ||
3 | } | ||
4 | |||
5 | div#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 | |||
17 | body { | ||
18 | background: url(/theme/images/backgrounds/island6.PNG) aqua repeat-x bottom left fixed; | ||
19 | } | ||
20 | |||
21 | h1 { | ||
22 | background: url(/theme/images/header.png); | ||
23 | margin: 0 auto; | ||
24 | } | ||
25 | |||
26 | h1, h1 a { | ||
27 | width: 800px; | ||
28 | height: 200px; | ||
29 | } | ||
30 | |||
31 | div#header { | ||
32 | background: url(/theme/images/header-repeat.png); | ||
33 | } | ||
34 | |||
35 | div#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 | |||
45 | h2 { | ||
46 | float: none; | ||
47 | } | ||
48 | |||
49 | div.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 | |||
63 | td.table-img { | ||
64 | width: 17px; | ||
65 | padding: 0 5px !important; | ||
66 | } | ||
67 | |||
68 | td.table-author { | ||
69 | text-align: right; | ||
70 | padding-right: 20px; | ||
71 | } | ||
72 | |||
73 | td.table-checkbox { | ||
74 | width: 17px; | ||
75 | padding: 0 5px; | ||
76 | } | ||
77 | |||
78 | tr.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 | |||
17 | button { | ||
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 | |||
5 | body { | ||
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 | |||
21 | h1 { | ||
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 | |||
28 | h1 a { | ||
29 | display: block; | ||
30 | width: 225px; | ||
31 | height: 28px; | ||
32 | } | ||
33 | |||
34 | h1 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 | |||
122 | h2 { | ||
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 | |||
134 | h2 a { | ||
135 | color: #646464; | ||
136 | text-decoration: none; | ||
137 | } | ||
138 | |||
139 | h2 a.active { color: #c66653; } | ||
140 | |||
141 | h2 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 | |||
151 | h3 { | ||
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 @@ | |||
1 | html, body, div, span, applet, object, iframe, | ||
2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
3 | a, abbr, acronym, address, big, cite, code, | ||
4 | del, dfn, em, font, img, ins, kbd, q, s, samp, | ||
5 | small, strike, strong, sub, sup, tt, var, | ||
6 | b, u, i, center, | ||
7 | dl, dt, dd, ol, ul, li, | ||
8 | fieldset, form, label, legend, | ||
9 | table, 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 | } | ||
18 | body { | ||
19 | line-height: 1; | ||
20 | } | ||
21 | ol, ul { | ||
22 | list-style: none; | ||
23 | } | ||
24 | blockquote, 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 */ | ||
34 | textarea { | ||
35 | resize: none; | ||
36 | } | ||
37 | |||
38 | /* remember to highlight inserts somehow! */ | ||
39 | ins { | ||
40 | text-decoration: none; | ||
41 | } | ||
42 | del { | ||
43 | text-decoration: line-through; | ||
44 | } | ||
45 | |||
46 | /* tables still need 'cellspacing="0"' in the markup */ | ||
47 | table { | ||
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 | /* | ||
112 | IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, | ||
113 | AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, | ||
114 | YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... | ||
115 | */ | ||
116 | |||
117 | /* ------------------------------------------------------------------------------ */ | ||
118 | |||