commit | author | age
|
fab45e
|
1 |
@charset "UTF-8"; |
C |
2 |
/* |
|
3 |
Document : styles.css |
|
4 |
Created on : 06.07.2012, 12:21:59 |
|
5 |
Author : Christian Foellmann (foe-services.de) |
|
6 |
Description: |
|
7 |
Basis was css-code from the "ISPConfig 3: default theme" which was based on |
|
8 |
"Yet Another Multicolumn Layout" - (X)HTML/CSS Framework 3.0.6 |
|
9 |
by Copyright 2005-2008, Dirk Jesse (http://www.yaml.de) |
|
10 |
*/ |
|
11 |
|
|
12 |
/* overall |
|
13 |
-------------------------------------------------------------- */ |
|
14 |
* { |
|
15 |
margin: 0; |
|
16 |
padding: 0; |
|
17 |
} |
5889ff
|
18 |
html * { font-size: 100.01% } |
C |
19 |
body { |
|
20 |
font-family: "Trebuchet MS", sans-serif; |
|
21 |
font-size: 75.00%; |
|
22 |
color: #444; |
|
23 |
background: url("../images/screen_bg.png") repeat-x top left fixed #EEEEEE; |
|
24 |
padding: 10px 0; |
|
25 |
} |
a9c5c1
|
26 |
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em } |
C |
27 |
li { margin-left: 1.5em; line-height: 1.5em } |
|
28 |
dt { font-weight: bold } |
|
29 |
dd { margin: 0 0 1em 2em } |
|
30 |
a { |
|
31 |
color: #4D87C7; |
|
32 |
text-decoration:none; |
fab45e
|
33 |
} |
5889ff
|
34 |
a:focus, |
C |
35 |
a:hover, |
a9c5c1
|
36 |
a:active { |
C |
37 |
color:#182E7A; |
|
38 |
text-decoration:underline; |
|
39 |
} |
5889ff
|
40 |
hr { |
C |
41 |
color: #fff; |
|
42 |
background:transparent; |
|
43 |
margin: 0 0 0.5em 0; |
|
44 |
padding: 0 0 0.5em 0; |
|
45 |
border:0; |
|
46 |
border-bottom: 1px #eee solid; |
|
47 |
} |
a9c5c1
|
48 |
textarea, pre, tt, code { |
C |
49 |
font-family: Consolas,"Lucida Console","Courier New",monospace; |
|
50 |
font-size: 0.9em; |
|
51 |
} |
5889ff
|
52 |
|
a9c5c1
|
53 |
h1,h2,h3,h4,h5,h6 { |
C |
54 |
font-family: "Trebuchet MS", sans-serif; |
|
55 |
font-weight:bold; |
|
56 |
color:#666; |
|
57 |
margin: 0 0 0.25em 0; |
|
58 |
} |
|
59 |
h1 { font-size: 200% } /* 24px */ |
|
60 |
h2 { font-size: 200% } /* 24px */ |
|
61 |
h3 { font-size: 150% } /* 18px */ |
|
62 |
h4 { font-size: 133.33% } /* 16px */ |
|
63 |
h5 { font-size: 116.67% } /* 14px */ |
|
64 |
h6 { font-size: 116.67%; font-style:italic } /* 14px */ |
5889ff
|
65 |
|
a9c5c1
|
66 |
p { line-height: 1.5em; margin: 0 0 1em 0; } |
5889ff
|
67 |
|
a9c5c1
|
68 |
cite, blockquote { font-style:italic } |
C |
69 |
blockquote { margin: 0 0 1em 1.5em } |
5889ff
|
70 |
|
a9c5c1
|
71 |
strong,b { font-weight: bold } |
C |
72 |
em,i { font-style:italic } |
|
73 |
|
|
74 |
pre, code { font-family: monospace; font-size: 1.1em; } |
|
75 |
|
|
76 |
acronym, abbr { |
|
77 |
letter-spacing: .07em; |
|
78 |
border-bottom: .1em dashed #c00; |
|
79 |
cursor: help; |
|
80 |
} |
|
81 |
|
|
82 |
header, #nav, #main, footer { |
|
83 |
clear: both; |
|
84 |
} |
5889ff
|
85 |
#page { |
C |
86 |
min-width: 980px; |
|
87 |
max-width: 80%; |
|
88 |
background: #fff; |
|
89 |
text-align:left; |
|
90 |
margin: 0 auto; |
|
91 |
padding: 10px; |
a9c5c1
|
92 |
} |
C |
93 |
.skip, .hideme, .print { |
|
94 |
height: 1px; |
|
95 |
left: -1000em; |
|
96 |
position: absolute; |
|
97 |
top: -1000em; |
|
98 |
width: 1px; |
5889ff
|
99 |
} |
fab45e
|
100 |
|
C |
101 |
/* header |
|
102 |
-------------------------------------------------------------- */ |
|
103 |
header { |
|
104 |
position: relative; |
|
105 |
color: #faf0e6; |
|
106 |
padding: 15px 2em 5px 20px; |
5889ff
|
107 |
background: url("../images/header_bg.png") repeat-x top left #9a9a9a; |
fab45e
|
108 |
} |
C |
109 |
header h1 { |
|
110 |
font-size:2.5em; |
|
111 |
letter-spacing:-2px; |
|
112 |
line-height:65%; |
|
113 |
color: silver; |
|
114 |
} |
|
115 |
header span { |
|
116 |
color: #333333; |
|
117 |
} |
|
118 |
|
|
119 |
/* header/topsubnav |
|
120 |
-------------------------------------------------------------- */ |
|
121 |
#topsubnav { |
|
122 |
position:absolute; |
|
123 |
top: 10px; |
|
124 |
right: 10px; |
|
125 |
text-align: right; |
|
126 |
} |
a9c5c1
|
127 |
#topsubnav a { |
C |
128 |
color: #f0f8ff; |
|
129 |
font-weight: normal; |
|
130 |
background:transparent; |
|
131 |
text-decoration:none; |
|
132 |
} |
fab45e
|
133 |
#topsubnav a:focus, |
C |
134 |
#topsubnav a:hover, |
a9c5c1
|
135 |
#topsubnav a:active { |
C |
136 |
text-decoration:underline; |
|
137 |
background-color: transparent; |
|
138 |
} |
fab45e
|
139 |
|
C |
140 |
/* nav |
|
141 |
-------------------------------------------------------------- */ |
|
142 |
#topNav ul { |
|
143 |
list-style: none; |
|
144 |
padding: 0 0 0 20px; |
|
145 |
margin: 0; |
|
146 |
background: #9a9a9a |
|
147 |
} |
|
148 |
|
|
149 |
#topNav ul li { |
|
150 |
display: inline; |
|
151 |
margin: 0 2px 0 0; |
|
152 |
} |
|
153 |
|
|
154 |
#topNav a { |
a9c5c1
|
155 |
background: url("../icons/x32_sprite.png") no-repeat #D3D3D3; |
fab45e
|
156 |
color:black; |
C |
157 |
display:inline-block; |
|
158 |
height:20px; |
|
159 |
padding-top:37px; |
|
160 |
text-align:center; |
|
161 |
text-decoration:none; |
b81e1a
|
162 |
min-width:78px; |
fab45e
|
163 |
} |
C |
164 |
|
|
165 |
#topNav a:hover { |
|
166 |
background-color: #eeeeee; |
|
167 |
color: #000000; |
|
168 |
} |
b81e1a
|
169 |
|
fab45e
|
170 |
#topNav #topNav_current a { |
C |
171 |
font-weight: bold; |
|
172 |
color: black; |
|
173 |
background-color: #ffffff; |
|
174 |
} |
a9c5c1
|
175 |
.topnav-tools { background-position: 22px -10px !important; } |
5889ff
|
176 |
.topnav-admin { background-position: 22px -74px !important; } |
a9c5c1
|
177 |
.topnav-sites { background-position: 22px -523px !important; } |
C |
178 |
.topnav-monitor { background-position: 22px -585px !important; } |
|
179 |
.topnav- { background-position: 22px -650px !important; } |
|
180 |
.topnav-help { background-position: 22px -715px !important; } |
5889ff
|
181 |
.topnav-mail { background-position: 22px -780px !important; } |
C |
182 |
.topnav-mailuser { background-position: 22px -780px !important; } |
|
183 |
.topnav-vm { background-position: 22px -842px !important; } |
a9c5c1
|
184 |
.topnav-domain { background-position: 22px -905px !important; } |
C |
185 |
.topnav-dns { background-position: 22px -970px !important; } |
|
186 |
.topnav-dashboard { background-position: 22px -1035px !important; } |
|
187 |
.topnav-client { background-position: 22px -1098px !important; } |
5889ff
|
188 |
.topnav-billing { background-position: 22px -1162px !important; } |
b81e1a
|
189 |
#topNav a span { |
C |
190 |
padding: 0 3px; |
|
191 |
} |
fab45e
|
192 |
/* main |
C |
193 |
-------------------------------------------------------------- */ |
|
194 |
#main { |
|
195 |
background: #fff; |
|
196 |
padding: 1em 0; |
|
197 |
} |
|
198 |
|
|
199 |
/* main/sideNav + submenu |
|
200 |
-------------------------------------------------------------- */ |
a9c5c1
|
201 |
#sideNav { |
C |
202 |
width: 200px; |
|
203 |
float:left; |
|
204 |
padding: 0 10px 0 0; |
fab45e
|
205 |
} |
C |
206 |
|
|
207 |
#submenu { |
|
208 |
width: 100%; |
|
209 |
overflow: hidden; |
|
210 |
margin: 0px; |
|
211 |
list-style-type: none; |
|
212 |
border-bottom: 2px #ddd solid; |
|
213 |
} |
|
214 |
|
a9c5c1
|
215 |
#submenu ul { |
C |
216 |
list-style-type: none; |
|
217 |
margin:0; |
|
218 |
padding: 0; |
|
219 |
} |
|
220 |
#submenu li { |
|
221 |
float:left; |
|
222 |
width: 100%; |
|
223 |
margin:0; |
|
224 |
padding: 0; |
|
225 |
font-size:0.9em; |
|
226 |
} |
fab45e
|
227 |
|
C |
228 |
#submenu a, |
|
229 |
#submenu strong { |
|
230 |
display:block; |
|
231 |
width: 90%; |
|
232 |
padding: 2px 0px 2px 10%; |
|
233 |
text-decoration: none; |
|
234 |
background-color:#fff; |
|
235 |
color: #444; |
|
236 |
border-bottom: 1px #eee solid; |
|
237 |
} |
|
238 |
|
|
239 |
/* Menu Title */ |
|
240 |
#submenu li.title { |
|
241 |
width: 100%; |
|
242 |
padding: 0px; |
|
243 |
font-weight: bold; |
|
244 |
color: #444; |
|
245 |
background-color: #fff; |
|
246 |
border-top: 2px #888 solid; |
|
247 |
font-size: 1.1em; |
|
248 |
} |
|
249 |
|
|
250 |
#submenu li.title a { |
|
251 |
background-color: #f0f8ff; |
|
252 |
color: #444; |
|
253 |
} |
|
254 |
#submenu li.title a:hover { |
|
255 |
color: white; |
|
256 |
} |
|
257 |
|
|
258 |
#submenu li span { |
|
259 |
display:block; |
|
260 |
width: 90%; |
|
261 |
padding: 3px 0px 3px 10%; |
|
262 |
font-weight: bold; |
|
263 |
border-bottom: 1px #ddd solid; |
|
264 |
} |
|
265 |
|
|
266 |
/* Level 1 */ |
|
267 |
#submenu li.active, |
|
268 |
#submenu li strong { |
|
269 |
width: 90%; |
|
270 |
padding: 3px 0px 3px 10%; |
|
271 |
font-weight: bold; |
|
272 |
color: #fff; |
|
273 |
background-color:#aab; |
|
274 |
border-bottom: 1px #eee solid; |
|
275 |
} |
|
276 |
|
a9c5c1
|
277 |
#submenu li a { |
C |
278 |
width: 90%; |
|
279 |
padding-left: 10%; |
|
280 |
background-color:#fff; |
|
281 |
color: #444; |
|
282 |
} |
fab45e
|
283 |
#submenu li a:focus, |
C |
284 |
#submenu li a:hover, |
a9c5c1
|
285 |
#submenu li a:active { |
C |
286 |
background-color:#f63; |
|
287 |
color: #fff; |
|
288 |
} |
fab45e
|
289 |
|
C |
290 |
/* Form-Elements in the Menu*/ |
|
291 |
#submenu * select#server_id { |
|
292 |
margin: 3px 10%; |
|
293 |
padding: 1px; |
|
294 |
width: 80%; |
|
295 |
} |
|
296 |
|
|
297 |
/* main/content |
|
298 |
-------------------------------------------------------------- */ |
|
299 |
#content { |
|
300 |
margin-left: 200px; |
|
301 |
margin-right: 0; |
|
302 |
padding: 0px 10px 10px 20px; |
|
303 |
border-left: 1px #ddd solid; |
|
304 |
} |
|
305 |
|
|
306 |
/* footer |
|
307 |
-------------------------------------------------------------- */ |
|
308 |
|
|
309 |
footer { |
|
310 |
color:#666; |
|
311 |
background: #f9f9f9; |
|
312 |
padding: 10px 20px; |
|
313 |
border-top: 5px #efefef solid; |
|
314 |
font-size: 0.8em; |
|
315 |
text-align: center; |
|
316 |
} |
a9c5c1
|
317 |
footer a { |
C |
318 |
color: #999; |
|
319 |
background:transparent; |
|
320 |
font-weight: bold; |
|
321 |
} |
fab45e
|
322 |
footer a:hover, footer a:active { |
C |
323 |
color: #4D87C7; |
|
324 |
background-color: transparent; |
|
325 |
text-decoration:underline; |
|
326 |
} |
|
327 |
|
|
328 |
/* Set a background-color, no system backgorund used anymore */ |
|
329 |
select, input, textarea { |
|
330 |
background: #FFFFFF; |
|
331 |
border: 1px solid #DFDFDF; |
|
332 |
padding: 1px; |
|
333 |
outline:none; |
|
334 |
} |
|
335 |
|
|
336 |
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; } |
|
337 |
table.full { width: 100%; } |
|
338 |
table.fixed { table-layout:fixed } |
|
339 |
|
a9c5c1
|
340 |
table.list td { |
C |
341 |
max-width: 350px; |
|
342 |
min-width: 32px; |
|
343 |
white-space: nowrap; |
|
344 |
overflow:hidden; |
|
345 |
text-overflow: ellipsis; |
|
346 |
-o-text-overflow: ellipsis; |
|
347 |
-icab-text-overflow: ellipsis; |
|
348 |
-khtml-text-overflow: ellipsis; |
|
349 |
-moz-text-overflow: ellipsis; |
|
350 |
-webkit-text-overflow: ellipsis; |
fab45e
|
351 |
} |
a9c5c1
|
352 |
th, |
C |
353 |
td { |
|
354 |
padding: 0.5em; |
|
355 |
text-align:left; |
|
356 |
} |
|
357 |
thead th { |
|
358 |
background: #444 url("../images/lists_thead_bg.png") repeat-x; |
|
359 |
color: #fff; |
|
360 |
} |
|
361 |
tbody th { |
|
362 |
background: #ccc; |
|
363 |
color: #333; |
|
364 |
} |
|
365 |
tbody th.sub { |
|
366 |
background: #ddd; |
|
367 |
color: #333; |
|
368 |
} |
c513fa
|
369 |
table.list th[class$="_pid"], |
C |
370 |
table.list td[class$="_pid"], |
|
371 |
table.list th[class$="_active"], |
|
372 |
table.list td[class$="_active"], |
|
373 |
table.list th.tbl_col_autoresponder, |
|
374 |
table.list td.tbl_col_autoresponder { |
|
375 |
width: 70px; |
|
376 |
text-align: center; |
|
377 |
} |
|
378 |
table.list .tbl_col_buttons, |
|
379 |
table.list .tbl_col_limit { |
|
380 |
width: 150px; |
|
381 |
} |
|
382 |
.tbl_col_client_pid input { |
|
383 |
width: 50px; |
|
384 |
} |
a9c5c1
|
385 |
.pnl_listarea th[class^="tbl_col"] { cursor:pointer; } |
C |
386 |
.pnl_listarea th[class^="tbl_col"]:hover { background-position:0 -15px!important; } |
|
387 |
|
|
388 |
.pageForm_description { font-size: 12px; } |
fab45e
|
389 |
|
C |
390 |
/* Tab-Box */ |
a9c5c1
|
391 |
.tabbox_tabs { border-bottom: 1px solid #d3d3d3; } |
fab45e
|
392 |
.tabbox_tabs ul { |
C |
393 |
list-style: none; |
|
394 |
padding: 0; |
|
395 |
margin: 0; |
|
396 |
} |
|
397 |
.tabbox_tabs li { |
|
398 |
display: inline; |
|
399 |
margin: 0 2px 0 0; |
|
400 |
} |
|
401 |
.tabbox_tabs a { |
|
402 |
padding: 0 1em; |
|
403 |
text-decoration: none; |
|
404 |
color: black; |
|
405 |
background: #d3d3d3; |
|
406 |
border: 1px solid #d3d3d3; |
|
407 |
} |
|
408 |
.tabbox_tabs a:hover { |
|
409 |
background: #fc0; |
|
410 |
color: #540; |
|
411 |
} |
|
412 |
.tabbox_tabs .active a { |
|
413 |
font-weight: bold; |
|
414 |
color: #ff6600; |
|
415 |
background: #ffffff; |
|
416 |
} |
|
417 |
.pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formsarea fieldset { |
|
418 |
border-top: 1px solid #949494; |
|
419 |
margin: 20px 0; |
|
420 |
} |
|
421 |
.pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend { |
|
422 |
font-weight: bold; |
|
423 |
color: #6299c5; |
|
424 |
} |
|
425 |
.pnl_formarea fieldset { |
|
426 |
font-weight: bold; |
|
427 |
} |
|
428 |
/* hide line and legend when inside tabbed content */ |
|
429 |
#tabbox_content * .pnl_toolsarea fieldset, #tabbox_content * .pnl_listarea fieldset, #tabbox_content * .pnl_formsarea fieldset { border: none !important; } |
|
430 |
#tabbox_content * .pnl_toolsarea fieldset legend, #tabbox_content * .pnl_listarea fieldset legend, #tabbox_content * .pnl_formsarea fieldset legend { display: none !important; } |
|
431 |
.codeview { |
|
432 |
margin:20px 0; |
|
433 |
padding:2px; |
|
434 |
border: 1px solid #ffcc00; |
|
435 |
background: #fffaea; |
|
436 |
font-family: Consolas, "Lucida Console", "Courier New", monospace; |
|
437 |
font-size: 0.9em; |
|
438 |
} |
|
439 |
/* Lists */ |
|
440 |
table.list { |
|
441 |
width: 100%; |
|
442 |
border: 1px solid #d3d3d3 !important; |
|
443 |
} |
|
444 |
table.list thead th { font-size: 10px; } |
|
445 |
table.list tbody { border: 1px solid #d3d3d3 !important; } |
5889ff
|
446 |
table.list tfoot td { text-align: center; background: #f8f8f8 url("../images/lists_tfoot_bg.png") repeat-x bottom left; padding: 24px 8px 8px 8px; } |
72695f
|
447 |
table.list .tbl_paging img { vertical-align: top; } |
fab45e
|
448 |
table.list .tbl_row_even { background: #fcfcfc; } |
C |
449 |
table.list .tbl_row_uneven { background: #f0f8ff; } |
|
450 |
table.list tr:hover { background: #fffacd; } |
|
451 |
table.list td { word-wrap:break-word;white-space:pre-wrap; } |
526b99
|
452 |
table.list td.tbl_col_buttons { word-wrap:normal;white-space:normal;overflow:visible; } |
fab45e
|
453 |
|
C |
454 |
/* Password Strength */ |
|
455 |
#passBar { |
|
456 |
width: 101px; height: 10px; |
5889ff
|
457 |
background: url("../images/meter_bg.gif") repeat-x bottom left; |
fab45e
|
458 |
margin: 2px 0; |
C |
459 |
float: left; |
|
460 |
} |
|
461 |
#passText { |
|
462 |
padding: 0; |
|
463 |
float: left; |
|
464 |
} |
|
465 |
|
|
466 |
/* Systemmonitor */ |
a9c5c1
|
467 |
.systemmonitor-server, |
C |
468 |
.systemmonitor-ve, |
fab45e
|
469 |
.systemmonitor-state { |
C |
470 |
margin: 10px 5px; |
|
471 |
font-family: Consolas, "Lucida Console", "Courier New", monospace; |
|
472 |
font-size: 0.9em; |
|
473 |
float: left; |
|
474 |
width: 100%; |
|
475 |
} |
a9c5c1
|
476 |
.systemmonitor-server:hover, |
C |
477 |
.systemmonitor-vm:hover { background-color: #FFFACD; } |
|
478 |
.state-no_state, |
|
479 |
.state-no_state-ve { |
fab45e
|
480 |
border-top: 4px solid #95A19F; |
C |
481 |
background-color: #f8f8ff; |
|
482 |
} |
a9c5c1
|
483 |
.state-unknown, |
C |
484 |
.state-unknown-ve { |
fab45e
|
485 |
border-top: 4px solid #30302e; |
C |
486 |
background-color: #cecfc5; |
|
487 |
} |
a9c5c1
|
488 |
.state-ok, |
C |
489 |
.state-ok-ve { |
fab45e
|
490 |
border-top: 4px solid #23fb00; |
C |
491 |
background-color: #adffa2; |
|
492 |
} |
a9c5c1
|
493 |
.state-info, |
C |
494 |
.state-info-ve { |
fab45e
|
495 |
border-top: 4px solid #183e99; |
C |
496 |
background-color: #d4e2ff; |
|
497 |
} |
a9c5c1
|
498 |
.state-warning, |
C |
499 |
.state-warning-ve { |
fab45e
|
500 |
border-top: 4px solid #ffa800; |
C |
501 |
background-color: #ffda93; |
|
502 |
} |
a9c5c1
|
503 |
.state-critical, |
C |
504 |
.state-critical-ve { |
fab45e
|
505 |
border-top: 4px solid #ff0000; |
C |
506 |
background-color: #ffb9b9; |
|
507 |
} |
a9c5c1
|
508 |
.state-error, |
C |
509 |
.state-error-ve { |
fab45e
|
510 |
border-top: 4px solid #ff0000; |
C |
511 |
background-color: #ff7f7f; |
a9c5c1
|
512 |
} |
C |
513 |
div.icoDevice { |
fab45e
|
514 |
float: left; |
a9c5c1
|
515 |
width: 64px; |
C |
516 |
height: 64px; |
|
517 |
margin: 5px; |
|
518 |
background: url("../icons/device_sprite.png") no-repeat transparent; |
fab45e
|
519 |
} |
a9c5c1
|
520 |
.systemmonitor-server div.icoDevice { background-position: 0 0; } |
C |
521 |
.systemmonitor-ve div.icoDevice { background-position: -64px 0; } |
|
522 |
.systemmonitor-network div.icoDevice { background-position: -128px 0; } |
|
523 |
div.statusDevice, |
|
524 |
div.statusMsg { float: left; } |
|
525 |
div.statusMsg p { |
fab45e
|
526 |
float: left; |
a9c5c1
|
527 |
padding: 5px; |
fab45e
|
528 |
} |
a9c5c1
|
529 |
.systemmonitor-state .status { |
fab45e
|
530 |
margin: 5px; |
C |
531 |
} |
a9c5c1
|
532 |
.status { |
C |
533 |
float: right; |
|
534 |
width: 32px; |
|
535 |
height: 32px; |
|
536 |
background: url("../icons/x32_sprite.png") no-repeat transparent; |
fab45e
|
537 |
} |
a9c5c1
|
538 |
div.status { |
C |
539 |
float: left !important; |
fab45e
|
540 |
} |
a9c5c1
|
541 |
.state-warning .status, |
C |
542 |
.state-warning-ve .status { background-position: 0 -143px; } |
|
543 |
.state-no_state .status, |
|
544 |
.state-no_state-ve .status, |
|
545 |
.state-unknown .status, |
|
546 |
.state-unknown-ve .status { background-position: 0 -207px; } |
|
547 |
.state-ok .status, |
|
548 |
.state-ok-ve .status { background-position: 0 -270px; } |
|
549 |
.state-info .status, |
|
550 |
.state-info-ve .status { background-position: 0 -336px; } |
|
551 |
.state-error .status, |
|
552 |
.state-error-ve .status { background-position: 0 -400px; } |
|
553 |
.state-critical .status, |
|
554 |
.state-critical-ve .status { background-position: 0 -463px; } |
fab45e
|
555 |
|
a9c5c1
|
556 |
/* Usage unknown |
fab45e
|
557 |
.systemmonitor-content table { |
C |
558 |
border: none; |
|
559 |
margin-top: 10px; |
|
560 |
} |
|
561 |
|
|
562 |
.systemmonitor-content * .online { |
|
563 |
border: 1px solid #ffffff; |
|
564 |
background-color: #E3FFB8; |
|
565 |
color: #000000; |
|
566 |
padding:0px 5px; |
|
567 |
} |
|
568 |
.systemmonitor-content * .offline { |
|
569 |
border: 1px solid #ffffff; |
|
570 |
background-color: #d12f19; |
|
571 |
color:#ffffff; |
|
572 |
padding:0px 5px; |
a9c5c1
|
573 |
}*/ |
fab45e
|
574 |
|
C |
575 |
/* Dashboard */ |
|
576 |
.dashboard-modules { |
|
577 |
float:left; |
|
578 |
width:60px; |
|
579 |
height: 60px; |
|
580 |
border:1px dotted #888888; |
|
581 |
background-color: #cccccc; |
|
582 |
margin:10px; |
|
583 |
background-position: center 5px; |
|
584 |
background-repeat: no-repeat; |
|
585 |
text-align: center; |
|
586 |
} |
5889ff
|
587 |
.dashboard-modules a, |
C |
588 |
.dashboard-modules a:hover { |
a9c5c1
|
589 |
background: url("../icons/x32_sprite.png") no-repeat transparent; |
fab45e
|
590 |
color:Black; |
C |
591 |
display:block; |
|
592 |
font-weight:bold; |
|
593 |
height:30px; |
|
594 |
padding-top:42px; |
|
595 |
width:60px; |
|
596 |
text-decoration: none; |
|
597 |
} |
5889ff
|
598 |
.dashboard-modules.tools a { background-position: 12px -9px; } |
a9c5c1
|
599 |
.dashboard-modules.admin a { background-position: 12px -73px; } |
5889ff
|
600 |
.dashboard-modules.sites a { background-position: 12px -520px; } |
a9c5c1
|
601 |
.dashboard-modules.monitor a { background-position: 13px -585px; } |
C |
602 |
.dashboard-modules.help a { background-position: 13px -716px; } |
|
603 |
.dashboard-modules.mail a { background-position: 12px -776px; } |
|
604 |
.dashboard-modules.vm a { background-position: 14px -842px; } |
|
605 |
.dashboard-modules.domain a { background-position: 12px -905px; } |
|
606 |
.dashboard-modules.dns a { background-position: 12px -970px; } |
|
607 |
.dashboard-modules.client a { background-position: 13px -1096px; } |
5889ff
|
608 |
.dashboard-modules.billing a { background-position: 14px -1162px; } |
fab45e
|
609 |
|
a9c5c1
|
610 |
.panel_dashboard h2 { font-size:20px; } |
fab45e
|
611 |
|
C |
612 |
/* Image-Replacement */ |
|
613 |
.swap { background-repeat:no-repeat; } |
|
614 |
.swap span { display:none; height:16px; } |
a9c5c1
|
615 |
#ir-HeaderLogo { |
C |
616 |
background-image: url("../images/header_logo.png"); |
|
617 |
height:32px; |
|
618 |
margin:0 0 0.2em; |
|
619 |
} |
4f9c38
|
620 |
div#ir-Yes, |
C |
621 |
div#ir-No { |
|
622 |
text-align: center; |
|
623 |
background: url("../icons/x16_sprite.png") no-repeat transparent; |
|
624 |
} |
a9c5c1
|
625 |
#ir-Yes { |
c513fa
|
626 |
background-position: center -342px !important; |
4f9c38
|
627 |
height: 16px; |
C |
628 |
} |
a9c5c1
|
629 |
#ir-No { |
c513fa
|
630 |
background-position: center -362px !important; |
4f9c38
|
631 |
height: 16px; |
C |
632 |
} |
|
633 |
.swap { |
|
634 |
background-repeat: no-repeat; |
|
635 |
} |
|
636 |
.swap span { |
|
637 |
display: none; |
|
638 |
height: 16px; |
|
639 |
} |
fab45e
|
640 |
/* BUTTONS */ |
ffe842
|
641 |
a.button, |
5889ff
|
642 |
.button, |
C |
643 |
.buttons button { |
ffe842
|
644 |
display: inline-block; |
C |
645 |
margin: 0 2px; |
|
646 |
padding: 2px 5px; |
|
647 |
color: #525252; |
|
648 |
text-shadow: 0px 1px 1px #fff; |
|
649 |
border: 1px solid #c6c6c6; |
|
650 |
border-radius: 4px; |
5889ff
|
651 |
background-color: #f7f7f7; |
ffe842
|
652 |
box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
C |
653 |
-o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
|
654 |
-webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
|
655 |
-moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
|
656 |
text-decoration: none; |
|
657 |
} |
|
658 |
a.button:focus, |
5889ff
|
659 |
input.button:focus, |
C |
660 |
.buttons button:focus { |
ffe842
|
661 |
border-color: #4fadd5; |
C |
662 |
box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
|
663 |
-moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
|
664 |
-webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
|
665 |
-o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
|
666 |
outline: none; |
|
667 |
} |
fab45e
|
668 |
.buttons button[type]{ |
C |
669 |
padding:5px 10px 5px 7px; /* Firefox */ |
|
670 |
line-height:17px; /* Safari */ |
4bd960
|
671 |
white-space: nowrap; |
fab45e
|
672 |
} |
C |
673 |
*:first-child+html button[type]{ |
|
674 |
padding:4px 10px 3px 7px; /* IE7 */ |
|
675 |
} |
a9c5c1
|
676 |
.buttons button img, |
C |
677 |
.buttons a img { |
fab45e
|
678 |
margin:0 3px -3px 0 !important; |
C |
679 |
padding:0; |
|
680 |
border:none; |
|
681 |
width:16px; |
|
682 |
height:16px; |
|
683 |
} |
c72149
|
684 |
.topbuttons { |
C |
685 |
margin-bottom: 10px; |
|
686 |
} |
fab45e
|
687 |
/* BUTTONS STANDARD */ |
a9c5c1
|
688 |
button:hover, |
C |
689 |
.buttons a:hover { |
fab45e
|
690 |
background-color:#dff4ff; |
C |
691 |
border:1px solid #c2e1ef; |
|
692 |
color:#336699; |
|
693 |
} |
a9c5c1
|
694 |
.buttons a:active { |
fab45e
|
695 |
background-color:#6299c5; |
C |
696 |
border:1px solid #6299c5; |
|
697 |
color:#fff; |
|
698 |
} |
|
699 |
|
|
700 |
/* BUTTONS POSITIVE */ |
a9c5c1
|
701 |
button.positive, |
C |
702 |
.buttons a.positive { color:#529214; } |
|
703 |
.buttons a.positive:hover, |
|
704 |
button.positive:hover { |
fab45e
|
705 |
background-color:#E6EFC2; |
C |
706 |
border:1px solid #C6D880; |
|
707 |
color:#529214; |
|
708 |
} |
a9c5c1
|
709 |
.buttons a.positive:active { |
fab45e
|
710 |
background-color:#529214; |
C |
711 |
border:1px solid #529214; |
|
712 |
color:#fff; |
|
713 |
} |
|
714 |
|
|
715 |
/* BUTTONS NEGATIVE */ |
a9c5c1
|
716 |
.buttons a.negative, |
C |
717 |
button.negative { |
fab45e
|
718 |
color:#d12f19; |
C |
719 |
} |
a9c5c1
|
720 |
.buttons a.negative:hover, |
C |
721 |
button.negative:hover { |
fab45e
|
722 |
background-color:#fbe3e4; |
C |
723 |
border:1px solid #fbc2c4; |
|
724 |
color:#d12f19; |
|
725 |
} |
a9c5c1
|
726 |
.buttons a.negative:active { |
fab45e
|
727 |
background-color:#d12f19; |
C |
728 |
border:1px solid #d12f19; |
|
729 |
color:#fff; |
|
730 |
} |
|
731 |
|
|
732 |
/* Button with icon and text */ |
a9c5c1
|
733 |
.iconstxt { background: url("../icons/button_sprite.png") no-repeat transparent; } |
5889ff
|
734 |
.iconstxt span { padding-left: 20px; font-weight: bold; } |
C |
735 |
.iconstxt.icoPositive { background-position: 6px -130px; } |
|
736 |
.iconstxt.icoNegative { background-position: 6px -98px; } |
|
737 |
.iconstxt.icoAdd { background-position: 6px -66px; } |
|
738 |
.iconstxt.icoKey { background-position: 6px -1px; } |
|
739 |
.iconstxt.icoDelete { background-position: 6px -34px; } |
|
740 |
.iconstxt.icoDownload { background-position: 6px -1px; } |
|
741 |
.iconstxt.icoRestore { background-position: 6px -1px; } |
fab45e
|
742 |
|
C |
743 |
/* Button with icon and without text */ |
72695f
|
744 |
.icons16 { position: relative; } |
T |
745 |
.icons16>span { |
|
746 |
opacity: 0; |
|
747 |
visibility: hidden; |
|
748 |
-webkit-transition: opacity 1s linear; |
|
749 |
-moz-transition: opacity 1s linear; |
|
750 |
-o-transition: opacity 1s linear; |
|
751 |
-ms-transition: opacity 1s linear; |
|
752 |
transition: opacity 1s linear; |
|
753 |
position: absolute; |
|
754 |
right: 23px; |
|
755 |
top: -1px; |
|
756 |
padding: 1px 2px; |
|
757 |
border: 1px solid rgb(155,155,11); |
|
758 |
background: rgb(255,255,111); |
|
759 |
white-space: nowrap; |
|
760 |
} |
|
761 |
.icons16:hover>span { |
|
762 |
opacity: 1.0; |
|
763 |
visibility: visible; |
|
764 |
} |
5889ff
|
765 |
a.icons16 { |
C |
766 |
height: 18px; |
|
767 |
width: 18px; |
|
768 |
padding: 0; |
a9c5c1
|
769 |
background: url("../icons/x16_sprite.png") no-repeat transparent; |
5889ff
|
770 |
} |
C |
771 |
button.icons16 { |
|
772 |
height: 20px; |
|
773 |
width: 20px; |
|
774 |
padding: 0; |
a9c5c1
|
775 |
background: url("../icons/x16_sprite.png") no-repeat transparent; |
5889ff
|
776 |
} |
a9c5c1
|
777 |
.icons16.icoEdit { background-position: -1px -1px; } |
C |
778 |
.icons16.icoLoginAs { background-position: -1px -21px; } |
|
779 |
.icons16.icoPDF { background-position: -1px -61px; } |
4f9c38
|
780 |
.icons16.icoDelete { background-position: -1px -81px; } |
C |
781 |
.icons16.icoWebmailer { background-position: -1px -101px; } |
5889ff
|
782 |
.icons16.icoFilter { background-position: -1px -161px; } |
C |
783 |
.icons16.icoDbAdmin { background-position: -1px -221px; } |
|
784 |
.icons16.icoAction { background-position: -1px -241px; } |
526b99
|
785 |
.icons16.icoLink { background-position: -1px -422px; float: right; } |
fab45e
|
786 |
|
c513fa
|
787 |
div.group-icon { |
C |
788 |
float: left; |
|
789 |
padding: 2px 0; |
|
790 |
} |
|
791 |
.group-admin, |
|
792 |
.group-user { |
|
793 |
height: 20px; |
|
794 |
width: 20px; |
|
795 |
padding: 0; |
|
796 |
float: left; |
|
797 |
background: url("../icons/x16_sprite.png") no-repeat transparent; |
|
798 |
} |
|
799 |
.group-admin { background-position: 0 -380px; } |
|
800 |
.group-user { background-position: 0 -400px; } |
|
801 |
|
bfcdef
|
802 |
span.marked { color: #cc0000; } |
T |
803 |
span.small { font-size: 0.9em; } |
|
804 |
|
fab45e
|
805 |
#ajaxloader { |
a00888
|
806 |
position: absolute; |
T |
807 |
width: 325px; |
|
808 |
height: 150px; |
|
809 |
background: #ffffff url('../images/ajax-loader.gif') no-repeat center center; |
|
810 |
border: solid 2px #e1e1e1; |
|
811 |
border-radius: 10px; |
|
812 |
/*background: rgba(255, 255, 255, 0.85);*/ |
|
813 |
padding: 20px; |
fab45e
|
814 |
text-align:center; |
a00888
|
815 |
z-index: 100; |
fab45e
|
816 |
} |
C |
817 |
.blockLabel.email_at { |
|
818 |
width: 20px !important; |
a9c5c1
|
819 |
margin: 1.6em 0.3em 0 0 !important; |
fab45e
|
820 |
} |
C |
821 |
.textDisplay { display: block; } |
|
822 |
|
|
823 |
/* Form Length Classes */ |
|
824 |
.textInput.formLengthBool { width: 25px !important; } |
|
825 |
.selectInput.formLengthBool { width: 60px !important; } |
|
826 |
.textInput.formLengthLimit { width: 50px !important; } |
|
827 |
.selectInput.formLengthLimit { width: 85px !important; } |
|
828 |
.formLengthDate { width: 75px !important; } |
|
829 |
.formLengthIPv4 { width: 125px !important; } |
|
830 |
.formLengthIPv6 { width: 100% !important; } |
|
831 |
.formLengthEmailUser { width: 30% !important; } |
|
832 |
.formLengthEmailDomain { width: 30% !important; } |
|
833 |
.formLengthHalf { width: 15% !important; } |
|
834 |
.formLengthDouble { width: 50% !important; } |
|
835 |
|
|
836 |
/* Individual Form Lengths */ |
a9c5c1
|
837 |
.textInput#username, |
C |
838 |
.textInput#password, |
|
839 |
.textInput#passwort, |
|
840 |
.textInput#source_password { width: 100px; } |
fab45e
|
841 |
.selectInput#language { width: 75px; } |
C |
842 |
.selectInput#client_group_id, .selectInput#default_group { width: 125px; } |
|
843 |
input#refresh, input#retry, input#expire, input#minimum, input#ttl { width: 50px !important; } |
|
844 |
|
|
845 |
/* --- */ |
|
846 |
|
a9c5c1
|
847 |
a[href $="#logout"] { |
C |
848 |
padding-right: 20px; |
4f9c38
|
849 |
background: url("../icons/x16_sprite.png") no-repeat right -143px transparent !important; |
a9c5c1
|
850 |
} |
fab45e
|
851 |
|
C |
852 |
/* Select Menu with Images */ |
|
853 |
select.withicons option { |
|
854 |
background-repeat:no-repeat; |
|
855 |
background-position: 1px; |
|
856 |
padding-left:24px; |
|
857 |
} |
c513fa
|
858 |
div[class^=country-] { |
C |
859 |
background-image: url("../icons/flags_sprite.png"); |
|
860 |
background-repeat: no-repeat; |
|
861 |
height: 20px; |
|
862 |
width: 26px; |
|
863 |
} |
4bd960
|
864 |
li[class^=country-] { |
T |
865 |
background-image: url("../icons/flags_sprite.png"); |
|
866 |
background-repeat: no-repeat; |
|
867 |
text-indent: 24px; |
|
868 |
} |
|
869 |
li[class^=country-] a.ui-state-hover { background: transparent; } |
c513fa
|
870 |
div[class^=country-] span { |
C |
871 |
display: none; |
|
872 |
} |
fab45e
|
873 |
select.flags option { |
C |
874 |
background-image: url("../icons/flags_sprite.png"); |
|
875 |
background-repeat: no-repeat; |
|
876 |
padding: 1px 0 1px 30px; |
|
877 |
} |
|
878 |
select.flags option[value=EL] {background-position:0 -1475px} |
8f9240
|
879 |
select.flags option[value=AD], select.flags option[value=ad], .country-AD {background-position:0 -1px} |
F |
880 |
select.flags option[value=AE], select.flags option[value=ae], .country-AE {background-position:0 -23px} |
c513fa
|
881 |
select.flags option[value=AF], select.flags option[value=af], .country-AF {background-position:0 -45px} |
8f9240
|
882 |
select.flags option[value=AG], select.flags option[value=ag], .country-AG {background-position:0 -67px} |
F |
883 |
select.flags option[value=AI], select.flags option[value=ai], .country-AI {background-position:0 -89px} |
|
884 |
select.flags option[value=AL], select.flags option[value=al], .country-AL {background-position:0 -111px} |
|
885 |
select.flags option[value=AM], select.flags option[value=am], .country-AM {background-position:0 -133px} |
|
886 |
select.flags option[value=AN], select.flags option[value=an], .country-AN {background-position:0 -155px} |
|
887 |
select.flags option[value=AO], select.flags option[value=ao], .country-AO {background-position:0 -177px} |
|
888 |
select.flags option[value=AQ], select.flags option[value=aq], .country-AQ {background-position:0 -199px} |
|
889 |
select.flags option[value=AR], select.flags option[value=ar], .country-AR {background-position:0 -221px} |
|
890 |
select.flags option[value=AS], select.flags option[value=as], .country-AS {background-position:0 -243px} |
|
891 |
select.flags option[value=AT], select.flags option[value=at], .country-AT {background-position:0 -265px} |
|
892 |
select.flags option[value=AU], select.flags option[value=au], .country-AU {background-position:0 -287px} |
|
893 |
select.flags option[value=AW], select.flags option[value=aw], .country-AW {background-position:0 -309px} |
|
894 |
select.flags option[value=AX], select.flags option[value=ax], .country-AX {background-position:0 -331px} |
|
895 |
select.flags option[value=AZ], select.flags option[value=az], .country-AZ {background-position:0 -353px} |
|
896 |
select.flags option[value=BA], select.flags option[value=ba], .country-BA {background-position:0 -375px} |
|
897 |
select.flags option[value=BB], select.flags option[value=bb], .country-BB {background-position:0 -397px} |
|
898 |
select.flags option[value=BD], select.flags option[value=bd], .country-BD {background-position:0 -419px} |
|
899 |
select.flags option[value=BE], select.flags option[value=be], .country-BE {background-position:0 -441px} |
|
900 |
select.flags option[value=BF], select.flags option[value=bf], .country-BF {background-position:0 -463px} |
|
901 |
select.flags option[value=BG], select.flags option[value=bg], .country-BG {background-position:0 -485px} |
|
902 |
select.flags option[value=BH], select.flags option[value=bh], .country-BH {background-position:0 -507px} |
|
903 |
select.flags option[value=BI], select.flags option[value=bi], .country-BI {background-position:0 -529px} |
|
904 |
select.flags option[value=BJ], select.flags option[value=bj], .country-BJ {background-position:0 -551px} |
|
905 |
select.flags option[value=BM], select.flags option[value=bm], .country-BM {background-position:0 -573px} |
|
906 |
select.flags option[value=BN], select.flags option[value=bn], .country-BN {background-position:0 -595px} |
|
907 |
select.flags option[value=BO], select.flags option[value=bo], .country-BO {background-position:0 -617px} |
|
908 |
select.flags option[value=BR], select.flags option[value=br], .country-BR {background-position:0 -639px} |
|
909 |
select.flags option[value=BS], select.flags option[value=bs], .country-BS {background-position:0 -661px} |
|
910 |
select.flags option[value=BT], select.flags option[value=bt], .country-BT {background-position:0 -683px} |
|
911 |
select.flags option[value=BV], select.flags option[value=bv], .country-BV {background-position:0 -705px} |
|
912 |
select.flags option[value=BW], select.flags option[value=bw], .country-BW {background-position:0 -727px} |
|
913 |
select.flags option[value=BY], select.flags option[value=by], .country-BY {background-position:0 -749px} |
|
914 |
select.flags option[value=BZ], select.flags option[value=bz], .country-BZ {background-position:0 -771px} |
|
915 |
select.flags option[value=CA], select.flags option[value=ca], .country-CA {background-position:0 -793px} |
|
916 |
select.flags option[value=CC], select.flags option[value=cc], .country-CC {background-position:0 -837px} |
|
917 |
select.flags option[value=CD], select.flags option[value=cd], .country-CD {background-position:0 -859px} |
|
918 |
select.flags option[value=CF], select.flags option[value=cf], .country-CF {background-position:0 -881px} |
|
919 |
select.flags option[value=CG], select.flags option[value=cg], .country-CG {background-position:0 -903px} |
|
920 |
select.flags option[value=CH], select.flags option[value=ch], .country-CH {background-position:0 -925px} |
|
921 |
select.flags option[value=CI], select.flags option[value=ci], .country-CI {background-position:0 -947px} |
|
922 |
select.flags option[value=CK], select.flags option[value=ck], .country-CK {background-position:0 -969px} |
|
923 |
select.flags option[value=CL], select.flags option[value=cl], .country-CL {background-position:0 -991px} |
|
924 |
select.flags option[value=CM], select.flags option[value=cm], .country-CM {background-position:0 -1013px} |
|
925 |
select.flags option[value=CN], select.flags option[value=cn], .country-CN {background-position:0 -1035px} |
|
926 |
select.flags option[value=CO], select.flags option[value=co], .country-CO {background-position:0 -1057px} |
|
927 |
select.flags option[value=CR], select.flags option[value=cr], .country-CR {background-position:0 -1079px} |
|
928 |
select.flags option[value=CS], select.flags option[value=cs], .country-CS {background-position:0 -1101px} |
|
929 |
select.flags option[value=CU], select.flags option[value=cu], .country-CU {background-position:0 -1123px} |
|
930 |
select.flags option[value=CV], select.flags option[value=cv], .country-CV {background-position:0 -1145px} |
|
931 |
select.flags option[value=CX], select.flags option[value=cx], .country-CX {background-position:0 -1167px} |
|
932 |
select.flags option[value=CY], select.flags option[value=cy], .country-CY {background-position:0 -1189px} |
|
933 |
select.flags option[value=CZ], select.flags option[value=cz], .country-CZ {background-position:0 -1211px} |
c513fa
|
934 |
select.flags option[value=DE], select.flags option[value=de], .country-DE {background-position:0 -1233px} |
8f9240
|
935 |
select.flags option[value=DJ], select.flags option[value=dj], .country-DJ {background-position:0 -1255px} |
F |
936 |
select.flags option[value=DK], select.flags option[value=dk], .country-DK {background-position:0 -1277px} |
|
937 |
select.flags option[value=DM], select.flags option[value=dm], .country-DM {background-position:0 -1299px} |
|
938 |
select.flags option[value=DO], select.flags option[value=do], .country-DO {background-position:0 -1321px} |
|
939 |
select.flags option[value=DZ], select.flags option[value=dz], .country-DZ {background-position:0 -1343px} |
|
940 |
select.flags option[value=EC], select.flags option[value=ec], .country-EC {background-position:0 -1365px} |
|
941 |
select.flags option[value=EE], select.flags option[value=ee], .country-EE {background-position:0 -1387px} |
|
942 |
select.flags option[value=EG], select.flags option[value=eg], .country-EG {background-position:0 -1409px} |
|
943 |
select.flags option[value=EH], select.flags option[value=eh], .country-EH {background-position:0 -1431px} |
bfcdef
|
944 |
select.flags option[value=ER], select.flags option[value=er], .country-ER {background-position:0 -1475px} |
T |
945 |
select.flags option[value=ES], select.flags option[value=es], .country-ES {background-position:0 -1497px} |
|
946 |
select.flags option[value=ET], select.flags option[value=ET], select.flags option[value=et], .country-ET {background-position:0 -1519px} |
8f9240
|
947 |
select.flags option[value=FI], select.flags option[value=fi], .country-FI {background-position:0 -1585px} |
F |
948 |
select.flags option[value=FJ], select.flags option[value=fj], .country-FJ {background-position:0 -1607px} |
|
949 |
select.flags option[value=FK], select.flags option[value=fk], .country-FK {background-position:0 -1629px} |
|
950 |
select.flags option[value=FM], select.flags option[value=fm], .country-FM {background-position:0 -1651px} |
|
951 |
select.flags option[value=FO], select.flags option[value=fo], .country-FO {background-position:0 -1673px} |
|
952 |
select.flags option[value=FR], select.flags option[value=fr], .country-FR {background-position:0 -1695px} |
|
953 |
select.flags option[value=GA], select.flags option[value=ga], .country-GA {background-position:0 -1717px} |
c513fa
|
954 |
select.flags option[value=GB], select.flags option[value=en], select.flags option[value=gb], .country-GB, .country-EN {background-position:0 -1739px} |
8f9240
|
955 |
select.flags option[value=GD], select.flags option[value=gd], .country-GD {background-position:0 -1761px} |
F |
956 |
select.flags option[value=GE], select.flags option[value=ge], .country-GE {background-position:0 -1783px} |
|
957 |
select.flags option[value=GF], select.flags option[value=gf], .country-GF {background-position:0 -1805px} |
|
958 |
select.flags option[value=GH], select.flags option[value=gh], .country-GH {background-position:0 -1827px} |
|
959 |
select.flags option[value=GI], select.flags option[value=gi], .country-GI {background-position:0 -1849px} |
|
960 |
select.flags option[value=GL], select.flags option[value=gl], .country-GL {background-position:0 -1871px} |
|
961 |
select.flags option[value=GM], select.flags option[value=gm], .country-GM {background-position:0 -1893px} |
|
962 |
select.flags option[value=GN], select.flags option[value=gn], .country-GN {background-position:0 -1915px} |
|
963 |
select.flags option[value=GP], select.flags option[value=gp], .country-GP {background-position:0 -1937px} |
|
964 |
select.flags option[value=GQ], select.flags option[value=gq], .country-GQ {background-position:0 -1959px} |
|
965 |
select.flags option[value=GR], select.flags option[value=el], select.flags option[value=gr], .country-GR, .country-EL {background-position:0 -1981px} |
|
966 |
select.flags option[value=GS], select.flags option[value=gs], .country-GS {background-position:0 -2003px} |
|
967 |
select.flags option[value=GT], select.flags option[value=gt], .country-GT {background-position:0 -2025px} |
|
968 |
select.flags option[value=GU], select.flags option[value=gu], .country-GU {background-position:0 -2047px} |
|
969 |
select.flags option[value=GW], select.flags option[value=gw], .country-GW {background-position:0 -2069px} |
|
970 |
select.flags option[value=GY], select.flags option[value=gy], .country-GY {background-position:0 -2091px} |
|
971 |
select.flags option[value=HK], select.flags option[value=hk], .country-HK {background-position:0 -2113px} |
|
972 |
select.flags option[value=HM], select.flags option[value=hm], .country-HM {background-position:0 -2135px} |
|
973 |
select.flags option[value=HN], select.flags option[value=hn], .country-HN {background-position:0 -2157px} |
|
974 |
select.flags option[value=HR], select.flags option[value=hr], .country-HR {background-position:0 -2179px} |
|
975 |
select.flags option[value=HT], select.flags option[value=ht], .country-HT {background-position:0 -2201px} |
|
976 |
select.flags option[value=HU], select.flags option[value=hu], .country-HU {background-position:0 -2223px} |
|
977 |
select.flags option[value=ID], select.flags option[value=id], .country-ID {background-position:0 -2245px} |
|
978 |
select.flags option[value=IE], select.flags option[value=ie], .country-IE {background-position:0 -2267px} |
|
979 |
select.flags option[value=IL], select.flags option[value=il], .country-IL {background-position:0 -2289px} |
|
980 |
select.flags option[value=IN], select.flags option[value=in], .country-IN {background-position:0 -2311px} |
|
981 |
select.flags option[value=IO], select.flags option[value=io], .country-IO {background-position:0 -2333px} |
|
982 |
select.flags option[value=IQ], select.flags option[value=iq], .country-IQ {background-position:0 -2355px} |
|
983 |
select.flags option[value=IR], select.flags option[value=ir], .country-IR {background-position:0 -2377px} |
|
984 |
select.flags option[value=IS], select.flags option[value=is], .country-IS {background-position:0 -2399px} |
|
985 |
select.flags option[value=IT], select.flags option[value=it], .country-IT {background-position:0 -2421px} |
|
986 |
select.flags option[value=JM], select.flags option[value=jm], .country-JM {background-position:0 -2443px} |
|
987 |
select.flags option[value=JO], select.flags option[value=jo], .country-JO {background-position:0 -2465px} |
|
988 |
select.flags option[value=JP], select.flags option[value=ja], select.flags option[value=jp], .country-JP, .country-JA {background-position:0 -2487px} |
|
989 |
select.flags option[value=KE], select.flags option[value=ke], .country-KE {background-position:0 -2509px} |
|
990 |
select.flags option[value=KG], select.flags option[value=kg], .country-KG {background-position:0 -2531px} |
|
991 |
select.flags option[value=KH], select.flags option[value=kh], .country-KH {background-position:0 -2553px} |
|
992 |
select.flags option[value=KI], select.flags option[value=ki], .country-KI {background-position:0 -2575px} |
|
993 |
select.flags option[value=KM], select.flags option[value=km], .country-KM {background-position:0 -2597px} |
|
994 |
select.flags option[value=KN], select.flags option[value=kn], .country-KN {background-position:0 -2619px} |
|
995 |
select.flags option[value=KP], select.flags option[value=kp], .country-KP {background-position:0 -2641px} |
|
996 |
select.flags option[value=KR], select.flags option[value=kr], .country-KR {background-position:0 -2663px} |
|
997 |
select.flags option[value=KW], select.flags option[value=kw], .country-KW {background-position:0 -2685px} |
|
998 |
select.flags option[value=KY], select.flags option[value=ky], .country-KY {background-position:0 -2707px} |
|
999 |
select.flags option[value=KZ], select.flags option[value=kz], .country-KZ {background-position:0 -2729px} |
|
1000 |
select.flags option[value=LA], select.flags option[value=la], .country-LA {background-position:0 -2751px} |
|
1001 |
select.flags option[value=LB], select.flags option[value=lb], .country-LB {background-position:0 -2773px} |
|
1002 |
select.flags option[value=LC], select.flags option[value=lc], .country-LC {background-position:0 -2795px} |
|
1003 |
select.flags option[value=LI], select.flags option[value=li], .country-LI {background-position:0 -2817px} |
|
1004 |
select.flags option[value=LK], select.flags option[value=lk], .country-LK {background-position:0 -2839px} |
|
1005 |
select.flags option[value=LR], select.flags option[value=lr], .country-LR {background-position:0 -2861px} |
|
1006 |
select.flags option[value=LS], select.flags option[value=ls], .country-LS {background-position:0 -2883px} |
|
1007 |
select.flags option[value=LT], select.flags option[value=lt], .country-LT {background-position:0 -2905px} |
|
1008 |
select.flags option[value=LU], select.flags option[value=lu], .country-LU {background-position:0 -2927px} |
|
1009 |
select.flags option[value=LV], select.flags option[value=lv], .country-LV {background-position:0 -2949px} |
|
1010 |
select.flags option[value=LY], select.flags option[value=ly], .country-LY {background-position:0 -2971px} |
|
1011 |
select.flags option[value=MA], select.flags option[value=ma], .country-MA {background-position:0 -2993px} |
|
1012 |
select.flags option[value=MC], select.flags option[value=mc], .country-MC {background-position:0 -3015px} |
|
1013 |
select.flags option[value=MD], select.flags option[value=md], .country-MD {background-position:0 -3037px} |
|
1014 |
select.flags option[value=ME], select.flags option[value=me], .country-ME {background-position:0 -3059px} |
|
1015 |
select.flags option[value=MG], select.flags option[value=mg], .country-MG {background-position:0 -3081px} |
|
1016 |
select.flags option[value=MH], select.flags option[value=mh], .country-MH {background-position:0 -3103px} |
|
1017 |
select.flags option[value=MK], select.flags option[value=mk], .country-MK {background-position:0 -3125px} |
|
1018 |
select.flags option[value=ML], select.flags option[value=ml], .country-ML {background-position:0 -3147px} |
|
1019 |
select.flags option[value=MM], select.flags option[value=mm], .country-MM {background-position:0 -3169px} |
|
1020 |
select.flags option[value=MN], select.flags option[value=mn], .country-MN {background-position:0 -3191px} |
|
1021 |
select.flags option[value=MO], select.flags option[value=mo], .country-MO {background-position:0 -3213px} |
|
1022 |
select.flags option[value=MP], select.flags option[value=mp], .country-MP {background-position:0 -3235px} |
|
1023 |
select.flags option[value=MQ], select.flags option[value=mq], .country-MQ {background-position:0 -3257px} |
|
1024 |
select.flags option[value=MR], select.flags option[value=mr], .country-MR {background-position:0 -3279px} |
|
1025 |
select.flags option[value=MS], select.flags option[value=ms], .country-MS {background-position:0 -3301px} |
|
1026 |
select.flags option[value=MT], select.flags option[value=mt], .country-MT {background-position:0 -3323px} |
|
1027 |
select.flags option[value=MU], select.flags option[value=mu], .country-MU {background-position:0 -3345px} |
|
1028 |
select.flags option[value=MV], select.flags option[value=mv], .country-MV {background-position:0 -3367px} |
|
1029 |
select.flags option[value=MW], select.flags option[value=mw], .country-MW {background-position:0 -3389px} |
|
1030 |
select.flags option[value=MX], select.flags option[value=mx], .country-MX {background-position:0 -3411px} |
|
1031 |
select.flags option[value=MY], select.flags option[value=my], .country-MY {background-position:0 -3433px} |
|
1032 |
select.flags option[value=MZ], select.flags option[value=mz], .country-MZ {background-position:0 -3455px} |
|
1033 |
select.flags option[value=NA], select.flags option[value=na], .country-NA {background-position:0 -3477px} |
|
1034 |
select.flags option[value=NC], select.flags option[value=nc], .country-NC {background-position:0 -3499px} |
|
1035 |
select.flags option[value=NE], select.flags option[value=ne], .country-NE {background-position:0 -3521px} |
|
1036 |
select.flags option[value=NF], select.flags option[value=nf], .country-NF {background-position:0 -3543px} |
|
1037 |
select.flags option[value=NG], select.flags option[value=ng], .country-NG {background-position:0 -3565px} |
|
1038 |
select.flags option[value=NI], select.flags option[value=ni], .country-NI {background-position:0 -3587px} |
|
1039 |
select.flags option[value=NL], select.flags option[value=nl], .country-NL {background-position:0 -3609px} |
|
1040 |
select.flags option[value=NO], select.flags option[value=no], .country-NO {background-position:0 -3631px} |
|
1041 |
select.flags option[value=NP], select.flags option[value=np], .country-NP {background-position:0 -3653px} |
|
1042 |
select.flags option[value=NR], select.flags option[value=nr], .country-NR {background-position:0 -3675px} |
|
1043 |
select.flags option[value=NU], select.flags option[value=nu], .country-NU {background-position:0 -3697px} |
|
1044 |
select.flags option[value=NZ], select.flags option[value=nz], .country-NZ {background-position:0 -3719px} |
|
1045 |
select.flags option[value=OM], select.flags option[value=om], .country-OM {background-position:0 -3741px} |
|
1046 |
select.flags option[value=PA], select.flags option[value=pa], .country-PA {background-position:0 -3763px} |
|
1047 |
select.flags option[value=PE], select.flags option[value=pe], .country-PE {background-position:0 -3785px} |
|
1048 |
select.flags option[value=PF], select.flags option[value=pf], .country-PF {background-position:0 -3807px} |
|
1049 |
select.flags option[value=PG], select.flags option[value=pg], .country-PG {background-position:0 -3829px} |
|
1050 |
select.flags option[value=PH], select.flags option[value=ph], .country-PH {background-position:0 -3851px} |
|
1051 |
select.flags option[value=PK], select.flags option[value=pk], .country-PK {background-position:0 -3873px} |
|
1052 |
select.flags option[value=PL], select.flags option[value=pl], .country-PL {background-position:0 -3895px} |
|
1053 |
select.flags option[value=PM], select.flags option[value=pm], .country-PM {background-position:0 -3917px} |
|
1054 |
select.flags option[value=PN], select.flags option[value=pn], .country-PN {background-position:0 -3939px} |
|
1055 |
select.flags option[value=PR], select.flags option[value=pr], .country-PR {background-position:0 -3961px} |
|
1056 |
select.flags option[value=PS], select.flags option[value=ps], .country-PS {background-position:0 -3983px} |
|
1057 |
select.flags option[value=PT], select.flags option[value=pt], .country-PT {background-position:0 -4005px} |
|
1058 |
select.flags option[value=PW], select.flags option[value=pw], .country-PW {background-position:0 -4027px} |
|
1059 |
select.flags option[value=PY], select.flags option[value=py], .country-PY {background-position:0 -4049px} |
|
1060 |
select.flags option[value=QA], select.flags option[value=qa], .country-QA {background-position:0 -4071px} |
|
1061 |
select.flags option[value=RE], select.flags option[value=re], .country-RE {background-position:0 -4093px} |
|
1062 |
select.flags option[value=RO], select.flags option[value=ro], .country-RO {background-position:0 -4115px} |
|
1063 |
select.flags option[value=RS], select.flags option[value=rs], .country-RS {background-position:0 -4137px} |
|
1064 |
select.flags option[value=RU], select.flags option[value=ru], .country-RU {background-position:0 -4159px} |
|
1065 |
select.flags option[value=RW], select.flags option[value=rw], .country-RW {background-position:0 -4181px} |
|
1066 |
select.flags option[value=SA], select.flags option[value=sa], .country-SA {background-position:0 -4203px} |
|
1067 |
select.flags option[value=SB], select.flags option[value=sb], .country-SB {background-position:0 -4225px} |
|
1068 |
select.flags option[value=SC], select.flags option[value=sc], .country-SC {background-position:0 -4247px} |
|
1069 |
select.flags option[value=SD], select.flags option[value=sd], .country-SD {background-position:0 -4291px} |
|
1070 |
select.flags option[value=SE], select.flags option[value=se], .country-SE {background-position:0 -4313px} |
|
1071 |
select.flags option[value=SG], select.flags option[value=sg], .country-SG {background-position:0 -4335px} |
|
1072 |
select.flags option[value=SH], select.flags option[value=sh], .country-SH {background-position:0 -4357px} |
|
1073 |
select.flags option[value=SI], select.flags option[value=si], .country-SI {background-position:0 -4379px} |
|
1074 |
select.flags option[value=SJ], select.flags option[value=sj], .country-SJ {background-position:0 -4401px} |
|
1075 |
select.flags option[value=SK], select.flags option[value=sk], .country-SK {background-position:0 -4423px} |
|
1076 |
select.flags option[value=SL], select.flags option[value=sl], .country-SL {background-position:0 -4445px} |
|
1077 |
select.flags option[value=SM], select.flags option[value=sm], .country-SM {background-position:0 -4467px} |
|
1078 |
select.flags option[value=SN], select.flags option[value=sn], .country-SN {background-position:0 -4489px} |
|
1079 |
select.flags option[value=SO], select.flags option[value=so], .country-SO {background-position:0 -4511px} |
|
1080 |
select.flags option[value=SR], select.flags option[value=sr], .country-SR {background-position:0 -4533px} |
|
1081 |
select.flags option[value=ST], select.flags option[value=st], .country-ST {background-position:0 -4555px} |
|
1082 |
select.flags option[value=SV], select.flags option[value=sv], .country-SV {background-position:0 -4577px} |
|
1083 |
select.flags option[value=SY], select.flags option[value=sy], .country-SY {background-position:0 -4599px} |
|
1084 |
select.flags option[value=SZ], select.flags option[value=sz], .country-SZ {background-position:0 -4621px} |
|
1085 |
select.flags option[value=TC], select.flags option[value=tc], .country-TC {background-position:0 -4643px} |
|
1086 |
select.flags option[value=TD], select.flags option[value=td], .country-TD {background-position:0 -4665px} |
|
1087 |
select.flags option[value=TF], select.flags option[value=tf], .country-TF {background-position:0 -4687px} |
|
1088 |
select.flags option[value=TG], select.flags option[value=tg], .country-TG {background-position:0 -4709px} |
|
1089 |
select.flags option[value=TH], select.flags option[value=th], .country-TH {background-position:0 -4731px} |
|
1090 |
select.flags option[value=TJ], select.flags option[value=tj], .country-TJ {background-position:0 -4753px} |
|
1091 |
select.flags option[value=TK], select.flags option[value=tk], .country-TK {background-position:0 -4775px} |
|
1092 |
select.flags option[value=TL], select.flags option[value=tl], .country-TL {background-position:0 -4797px} |
|
1093 |
select.flags option[value=TM], select.flags option[value=tm], .country-TM {background-position:0 -4819px} |
|
1094 |
select.flags option[value=TN], select.flags option[value=tn], .country-TN {background-position:0 -4841px} |
|
1095 |
select.flags option[value=TO], select.flags option[value=to], .country-TO {background-position:0 -4863px} |
|
1096 |
select.flags option[value=TR], select.flags option[value=tr], .country-TR {background-position:0 -4885px} |
|
1097 |
select.flags option[value=TT], select.flags option[value=tt], .country-TT {background-position:0 -4907px} |
|
1098 |
select.flags option[value=TV], select.flags option[value=tv], .country-TV {background-position:0 -4929px} |
|
1099 |
select.flags option[value=TW], select.flags option[value=tw], .country-TW {background-position:0 -4951px} |
|
1100 |
select.flags option[value=TZ], select.flags option[value=tz], .country-TZ {background-position:0 -4973px} |
|
1101 |
select.flags option[value=UA], select.flags option[value=ua], .country-UA {background-position:0 -4995px} |
|
1102 |
select.flags option[value=UG], select.flags option[value=ug], .country-UG {background-position:0 -5017px} |
|
1103 |
select.flags option[value=UM], select.flags option[value=um], .country-UM {background-position:0 -5039px} |
|
1104 |
select.flags option[value=US], select.flags option[value=us], .country-US {background-position:0 -5061px} |
|
1105 |
select.flags option[value=UY], select.flags option[value=uy], .country-UY {background-position:0 -5083px} |
|
1106 |
select.flags option[value=UZ], select.flags option[value=uz], .country-UZ {background-position:0 -5105px} |
|
1107 |
select.flags option[value=VA], select.flags option[value=va], .country-VA {background-position:0 -5127px} |
|
1108 |
select.flags option[value=VC], select.flags option[value=vc], .country-VC {background-position:0 -5149px} |
|
1109 |
select.flags option[value=VE], select.flags option[value=ve], .country-VE {background-position:0 -5171px} |
|
1110 |
select.flags option[value=VG], select.flags option[value=vg], .country-VG {background-position:0 -5193px} |
|
1111 |
select.flags option[value=VI], select.flags option[value=vi], .country-VI {background-position:0 -5215px} |
|
1112 |
select.flags option[value=VN], select.flags option[value=vn], .country-VN {background-position:0 -5237px} |
|
1113 |
select.flags option[value=VU], select.flags option[value=vu], .country-VU {background-position:0 -5259px} |
|
1114 |
select.flags option[value=WF], select.flags option[value=wf], .country-WF {background-position:0 -5303px} |
|
1115 |
select.flags option[value=WS], select.flags option[value=ws], .country-WS {background-position:0 -5325px} |
|
1116 |
select.flags option[value=YE], select.flags option[value=ye], .country-YE {background-position:0 -5347px} |
|
1117 |
select.flags option[value=YT], select.flags option[value=yt], .country-YT {background-position:0 -5369px} |
|
1118 |
select.flags option[value=ZA], select.flags option[value=za], .country-ZA {background-position:0 -5391px} |
|
1119 |
select.flags option[value=ZM], select.flags option[value=zm], .country-ZM {background-position:0 -5413px} |
|
1120 |
select.flags option[value=ZW], select.flags option[value=zw], .country-ZW {background-position:0 -5435px} |
fab45e
|
1121 |
|
C |
1122 |
.panel_login { |
|
1123 |
max-width: 80%; |
|
1124 |
min-width: 680px; |
|
1125 |
} |
|
1126 |
div.subsectiontoggle { |
|
1127 |
border:1px solid #ccc; |
|
1128 |
font-weight:bold; |
|
1129 |
font-size:14px; |
|
1130 |
padding-top:10px; |
|
1131 |
padding-bottom:0; |
|
1132 |
margin-top:5px; |
|
1133 |
text-indent:15px; |
|
1134 |
cursor:pointer; |
|
1135 |
margin-bottom:10px; |
|
1136 |
background-color:#f4f4f4; |
|
1137 |
-moz-border-radius:5px; |
|
1138 |
-webkit-border-radius:5px; |
|
1139 |
-khtml-border-radius:5px; |
|
1140 |
-o-border-radius:5px; |
|
1141 |
-ms-border-radius:5px; |
|
1142 |
border-radius:5px; |
|
1143 |
} |
a9c5c1
|
1144 |
div.subsectiontoggle span { |
fab45e
|
1145 |
display:inline-block; |
C |
1146 |
margin-bottom:-3px; |
|
1147 |
margin-right:10px; |
|
1148 |
width:16px; |
|
1149 |
height:16px; |
c72149
|
1150 |
background: url("../icons/button_sprite.png") 0 -72px no-repeat transparent; |
fab45e
|
1151 |
} |
C |
1152 |
div.subsectiontoggle span.showing{ |
c72149
|
1153 |
background-position: 0 -40px; |
fab45e
|
1154 |
} |
a9c5c1
|
1155 |
div.subsectiontoggle em { |
fab45e
|
1156 |
display:block; |
C |
1157 |
position:relative; |
|
1158 |
left:425px; |
|
1159 |
top:-13px; |
|
1160 |
margin-bottom:-3px; |
|
1161 |
width:13px; |
|
1162 |
height:13px; |
5889ff
|
1163 |
background:url("../images/chevron.png") top left no-repeat; |
fab45e
|
1164 |
-webkit-transform:none; |
C |
1165 |
-moz-transform:none; |
|
1166 |
-khtml-transform:none; |
|
1167 |
-o-transform:none; |
|
1168 |
-ms-transform:none; |
|
1169 |
transform:none; |
|
1170 |
-webkit-transition-duration: .2s; |
|
1171 |
-moz-transition-duration: .2s; |
|
1172 |
-khtml-transition-duration: .2s; |
|
1173 |
-o-transition-duration: .2s; |
|
1174 |
-ms-transition-duration: .2s; |
|
1175 |
transition-duration: .2s; |
|
1176 |
-webkit-transition-property: -webkit-transform; |
|
1177 |
-moz-transition-property: -moz-transform; |
|
1178 |
-khtml-transition-property: -khtml-transform; |
|
1179 |
-o-transition-property: -o-transform; |
|
1180 |
-ms-transition-property: -ms-transform; |
|
1181 |
transition-property: transform; |
|
1182 |
} |
a9c5c1
|
1183 |
div.subsectiontoggle em.showing { |
fab45e
|
1184 |
display:block; |
C |
1185 |
position:relative; |
|
1186 |
left:425px; |
|
1187 |
top:-13px; |
5889ff
|
1188 |
background:url("../images/chevron.png") top left no-repeat; |
fab45e
|
1189 |
width:13px; |
C |
1190 |
height:13px; |
|
1191 |
-webkit-transform:rotate(90deg); |
|
1192 |
-moz-transform:rotate(90deg); |
|
1193 |
-khtml-transform:rotate(90deg); |
|
1194 |
-o-transform:rotate(90deg); |
|
1195 |
-ms-transform:rotate(90deg); |
|
1196 |
transform:rotate(90deg); |
|
1197 |
} |
a9c5c1
|
1198 |
div.subsectiontoggle:hover em { |
fab45e
|
1199 |
-webkit-transform:rotate(90deg); |
C |
1200 |
-moz-transform:rotate(90deg); |
|
1201 |
-khtml-transform:rotate(90deg); |
|
1202 |
-o-transform:rotate(90deg); |
|
1203 |
-ms-transform:rotate(90deg); |
|
1204 |
transform:rotate(90deg); |
|
1205 |
} |
|
1206 |
|
a9c5c1
|
1207 |
|
C |
1208 |
div.gs-container { |
fab45e
|
1209 |
margin-top:10px; |
C |
1210 |
} |
a9c5c1
|
1211 |
div.gs-container * { |
fab45e
|
1212 |
margin: 0; |
C |
1213 |
padding: 0; |
|
1214 |
background-position: 0 0; |
|
1215 |
text-decoration: none; |
|
1216 |
font-size: 1em; |
|
1217 |
} |
a9c5c1
|
1218 |
div.gs-container input { |
4f9c38
|
1219 |
background: url("../icons/x16_sprite.png") no-repeat 2px -119px #FFFFFF; |
fab45e
|
1220 |
height:20px; |
C |
1221 |
border:1px solid #444; |
|
1222 |
padding:0 22px 2px; |
|
1223 |
color:#444; |
|
1224 |
-moz-border-radius:5px; |
|
1225 |
-webkit-border-radius:5px; |
|
1226 |
-khtml-border-radius:5px; |
|
1227 |
-o-border-radius:5px; |
|
1228 |
-ms-border-radius:5px; |
|
1229 |
border-radius:5px; |
|
1230 |
} |
a9c5c1
|
1231 |
input.gs-loading { |
5889ff
|
1232 |
background-image: url("../images/loading.gif"); |
fab45e
|
1233 |
background-repeat: no-repeat; |
C |
1234 |
background-position: center right; |
|
1235 |
} |
a9c5c1
|
1236 |
ul.gs-resultbox { |
fab45e
|
1237 |
margin: 0 !important; |
C |
1238 |
padding: 0 !important; |
|
1239 |
width: 300px; |
|
1240 |
z-index: 999999; |
|
1241 |
border: 1px solid #777; |
|
1242 |
font-size: 11px; |
|
1243 |
background: #fff; |
|
1244 |
-moz-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1245 |
-webkit-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1246 |
-khtml-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1247 |
-o-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1248 |
-ms-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1249 |
box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1250 |
list-style: none; |
|
1251 |
-moz-border-radius:5px; |
|
1252 |
-webkit-border-radius:5px; |
|
1253 |
-khtml-border-radius:5px; |
|
1254 |
-o-border-radius:5px; |
|
1255 |
-ms-border-radius:5px; |
|
1256 |
border-radius:5px; |
a1cd2c
|
1257 |
max-height:500px; |
C |
1258 |
overflow:auto; |
fab45e
|
1259 |
} |
a9c5c1
|
1260 |
ul.gs-resultbox li { |
fab45e
|
1261 |
float: left; |
C |
1262 |
width: 100%; |
|
1263 |
clear: both; |
|
1264 |
cursor: pointer; |
|
1265 |
} |
a9c5c1
|
1266 |
ul.gs-resultbox li.gs-cheader { |
fab45e
|
1267 |
height: 13px; |
C |
1268 |
overflow: hidden; |
|
1269 |
padding: 5px 0; |
|
1270 |
color: #fff; |
|
1271 |
background: #6ea6d1; |
|
1272 |
cursor:default; |
|
1273 |
padding-bottom:10px; |
|
1274 |
} |
a9c5c1
|
1275 |
ul.gs-resultbox li.gs-cheader p.gs-cheader-title { |
fab45e
|
1276 |
margin: 0 !important; |
C |
1277 |
padding: 0 0 0 10px !important; |
|
1278 |
float: left; |
|
1279 |
font-size: 12px; |
|
1280 |
font-weight: bold; |
|
1281 |
} |
a9c5c1
|
1282 |
ul.gs-resultbox li.gs-cheader p.gs-cheader-limit { |
fab45e
|
1283 |
margin: 0 !important; |
C |
1284 |
padding: 0 10px 0 0 !important; |
|
1285 |
float: right; |
|
1286 |
font-size: 11px; |
|
1287 |
font-weight: normal; |
|
1288 |
} |
a9c5c1
|
1289 |
ul.gs-resultbox li.gs-cdata { |
fab45e
|
1290 |
margin: 0 !important; |
C |
1291 |
padding: 0 !important; |
|
1292 |
border-bottom: 1px solid #c5c5c5; |
|
1293 |
} |
a9c5c1
|
1294 |
ul.gs-resultbox li.gs-cdata:last-child { |
fab45e
|
1295 |
border-bottom: none; |
C |
1296 |
} |
a9c5c1
|
1297 |
ul.gs-resultbox li.gs-cdata:hover { |
fab45e
|
1298 |
background: #eaf4fd; |
C |
1299 |
} |
a9c5c1
|
1300 |
ul.gs-resultbox li.gs-cdata a { |
fab45e
|
1301 |
display: block; |
C |
1302 |
padding: 5px 10px; |
|
1303 |
text-decoration: none !important; |
|
1304 |
background: #fff; |
|
1305 |
} |
a9c5c1
|
1306 |
ul.gs-resultbox li.gs-cdata a:hover { |
fab45e
|
1307 |
background: #cde0ff; |
C |
1308 |
} |
a9c5c1
|
1309 |
ul.gs-resultbox li.gs-cdata img { |
fab45e
|
1310 |
margin-right: 12px; |
C |
1311 |
} |
a9c5c1
|
1312 |
ul.gs-resultbox li.gs-cdata p { |
fab45e
|
1313 |
margin: 0 !important; |
C |
1314 |
padding: 0 !important; |
|
1315 |
color: #444; |
|
1316 |
font-size: 10px; |
|
1317 |
min-height:30px; |
|
1318 |
} |
a9c5c1
|
1319 |
ul.gs-resultbox li.gs-cdata p span.gs-cdata-title { |
fab45e
|
1320 |
display: inline !important; |
C |
1321 |
margin: 0 !important; |
|
1322 |
padding: 0 !important; |
|
1323 |
font-size: 11px; |
|
1324 |
font-weight: bold; |
|
1325 |
color: #000; |
|
1326 |
} |
a9c5c1
|
1327 |
ul.gs-resultbox li:first-child { |
fab45e
|
1328 |
-moz-border-radius:5px 5px 0 0; |
C |
1329 |
-webkit-border-radius:5px 5px 0 0; |
|
1330 |
-khtml-border-radius:5px 5px 0 0; |
|
1331 |
-o-border-radius:5px 5px 0 0; |
|
1332 |
-ms-border-radius:5px 5px 0 0; |
|
1333 |
border-radius:5px 5px 0 0; |
|
1334 |
} |
a9c5c1
|
1335 |
ul.gs-resultbox li:last-child { |
fab45e
|
1336 |
-moz-border-radius:0 0 5px 5px; |
C |
1337 |
-webkit-border-radius:0 0 5px 5px; |
|
1338 |
-khtml-border-radius:0 0 5px 5px; |
|
1339 |
-o-border-radius:0 0 5px 5px; |
|
1340 |
-ms-border-radius:0 0 5px 5px; |
|
1341 |
border-radius:0 0 5px 5px; |
|
1342 |
} |
|
1343 |
|
a9c5c1
|
1344 |
div.df-container { |
fab45e
|
1345 |
} |
a9c5c1
|
1346 |
div.df-container * { |
fab45e
|
1347 |
margin: 0; |
C |
1348 |
padding: 0; |
|
1349 |
background-position: 0 0; |
|
1350 |
text-decoration: none; |
|
1351 |
font-size: 1em; |
|
1352 |
} |
a9c5c1
|
1353 |
div.df-container input { |
fab45e
|
1354 |
} |
a9c5c1
|
1355 |
input.df-loading { |
5889ff
|
1356 |
background-image: url("../images/loading.gif"); |
fab45e
|
1357 |
background-repeat: no-repeat; |
C |
1358 |
background-position: center right; |
|
1359 |
} |
a9c5c1
|
1360 |
ul.df-resultbox { |
fab45e
|
1361 |
margin: 0 !important; |
C |
1362 |
padding: 0 !important; |
|
1363 |
min-width: 250px; |
|
1364 |
max-width: 500px; |
|
1365 |
z-index: 999999; |
|
1366 |
border: 1px solid #777; |
|
1367 |
font-size: 11px; |
|
1368 |
background: #fff; |
|
1369 |
-moz-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1370 |
-webkit-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1371 |
-khtml-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1372 |
-o-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1373 |
-ms-box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1374 |
box-shadow: 2px 2px 5px 0 #c5c5c5; |
|
1375 |
list-style: none; |
|
1376 |
-moz-border-radius:5px; |
|
1377 |
-webkit-border-radius:5px; |
|
1378 |
-khtml-border-radius:5px; |
|
1379 |
-o-border-radius:5px; |
|
1380 |
-ms-border-radius:5px; |
|
1381 |
border-radius:5px; |
|
1382 |
} |
a9c5c1
|
1383 |
ul.df-resultbox li { |
fab45e
|
1384 |
float: left; |
C |
1385 |
width: 100%; |
|
1386 |
clear: both; |
|
1387 |
cursor: pointer; |
|
1388 |
} |
a9c5c1
|
1389 |
ul.df-resultbox li.df-cheader { |
fab45e
|
1390 |
height: 13px; |
C |
1391 |
overflow: hidden; |
|
1392 |
padding: 5px 0; |
|
1393 |
color: #fff; |
|
1394 |
background: #6ea6d1; |
|
1395 |
cursor:default; |
|
1396 |
padding-bottom:10px; |
|
1397 |
} |
a9c5c1
|
1398 |
ul.df-resultbox li.df-cheader p.df-cheader-title { |
fab45e
|
1399 |
margin: 0 !important; |
C |
1400 |
padding: 0 0 0 10px !important; |
|
1401 |
float: left; |
|
1402 |
font-size: 12px; |
|
1403 |
font-weight: bold; |
|
1404 |
} |
a9c5c1
|
1405 |
ul.df-resultbox li.df-cheader p.df-cheader-limit { |
fab45e
|
1406 |
margin: 0 !important; |
C |
1407 |
padding: 0 10px 0 0 !important; |
|
1408 |
float: right; |
|
1409 |
font-size: 11px; |
|
1410 |
font-weight: normal; |
|
1411 |
} |
a9c5c1
|
1412 |
ul.df-resultbox li.df-cdata { |
fab45e
|
1413 |
margin: 0 !important; |
C |
1414 |
padding: 0 !important; |
|
1415 |
border-bottom: 1px solid #c5c5c5; |
|
1416 |
} |
a9c5c1
|
1417 |
ul.df-resultbox li.df-cdata:last-child { |
fab45e
|
1418 |
border-bottom: none; |
C |
1419 |
} |
a9c5c1
|
1420 |
ul.df-resultbox li.df-cdata:hover { |
fab45e
|
1421 |
background: #eaf4fd; |
C |
1422 |
} |
a9c5c1
|
1423 |
ul.df-resultbox li.df-cdata a { |
fab45e
|
1424 |
display: block; |
C |
1425 |
padding: 5px 10px; |
|
1426 |
text-decoration: none !important; |
|
1427 |
background: #fff; |
|
1428 |
} |
a9c5c1
|
1429 |
ul.df-resultbox li.df-cdata a:hover { |
fab45e
|
1430 |
background: #cde0ff; |
C |
1431 |
} |
a9c5c1
|
1432 |
ul.df-resultbox li.df-cdata img { |
fab45e
|
1433 |
margin-right: 12px; |
C |
1434 |
} |
a9c5c1
|
1435 |
ul.df-resultbox li.df-cdata p { |
fab45e
|
1436 |
margin: 0 !important; |
C |
1437 |
padding: 0 !important; |
|
1438 |
color: #444; |
|
1439 |
font-size: 10px; |
|
1440 |
min-height:30px; |
|
1441 |
} |
a9c5c1
|
1442 |
ul.df-resultbox li.df-cdata p span.df-cdata-title { |
fab45e
|
1443 |
display: inline !important; |
C |
1444 |
margin: 0 !important; |
|
1445 |
padding: 0 !important; |
|
1446 |
font-size: 11px; |
|
1447 |
font-weight: bold; |
|
1448 |
color: #000; |
|
1449 |
} |
a9c5c1
|
1450 |
ul.df-resultbox li:first-child { |
fab45e
|
1451 |
-moz-border-radius:5px 5px 0 0; |
C |
1452 |
-webkit-border-radius:5px 5px 0 0; |
|
1453 |
-khtml-border-radius:5px 5px 0 0; |
|
1454 |
-o-border-radius:5px 5px 0 0; |
|
1455 |
-ms-border-radius:5px 5px 0 0; |
|
1456 |
border-radius:5px 5px 0 0; |
|
1457 |
} |
a9c5c1
|
1458 |
ul.df-resultbox li:last-child { |
fab45e
|
1459 |
-moz-border-radius:0 0 5px 5px; |
C |
1460 |
-webkit-border-radius:0 0 5px 5px; |
|
1461 |
-khtml-border-radius:0 0 5px 5px; |
|
1462 |
-o-border-radius:0 0 5px 5px; |
|
1463 |
-ms-border-radius:0 0 5px 5px; |
|
1464 |
border-radius:0 0 5px 5px; |
|
1465 |
} |
|
1466 |
|
a9c5c1
|
1467 |
span.icons16-empty { |
fab45e
|
1468 |
float:left; |
C |
1469 |
display:block; |
|
1470 |
height:20px; |
|
1471 |
width:20px; |
|
1472 |
margin:0 7px 0 0; |
|
1473 |
} |
|
1474 |
|
a9c5c1
|
1475 |
.ttip { |
fab45e
|
1476 |
width:16px; |
C |
1477 |
height:16px; |
|
1478 |
cursor:pointer; |
4bd960
|
1479 |
background: url("../icons/x16_sprite.png") no-repeat -2px -42px transparent; |
fab45e
|
1480 |
float:right; |
C |
1481 |
display:inline; |
|
1482 |
position:relative; |
|
1483 |
right:-2px; |
|
1484 |
top:-2px; |
|
1485 |
} |
|
1486 |
|
|
1487 |
p.prefix { |
|
1488 |
float: left; |
|
1489 |
margin: 0; |
|
1490 |
text-align: right; |
|
1491 |
} |
|
1492 |
p.label { |
|
1493 |
float: left; |
|
1494 |
margin: 5px 15px 0 0; |
|
1495 |
} |
|
1496 |
p.value { |
|
1497 |
float:left; |
|
1498 |
margin: 0 0 0 2px; |
|
1499 |
} |
|
1500 |
|
|
1501 |
/* content_ispc |
|
1502 |
-------------------------------------------------------------- */ |
a9c5c1
|
1503 |
.tipsy { |
C |
1504 |
font-size: 10px; |
|
1505 |
position: absolute; |
|
1506 |
padding: 5px; |
|
1507 |
z-index: 100000; |
|
1508 |
} |
|
1509 |
.tipsy-inner { |
|
1510 |
background-color: #000; |
|
1511 |
color: #FFF; |
|
1512 |
max-width: 350px; |
|
1513 |
padding: 5px 8px 4px 8px; |
|
1514 |
text-align: left; |
|
1515 |
} |
fab45e
|
1516 |
|
C |
1517 |
/* Rounded corners */ |
a9c5c1
|
1518 |
.tipsy-inner { |
C |
1519 |
border-radius: 5px; |
|
1520 |
-moz-border-radius: 5px; |
|
1521 |
-webkit-border-radius: 5px; |
|
1522 |
} |
fab45e
|
1523 |
|
C |
1524 |
/* Uncomment for shadow */ |
|
1525 |
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ |
|
1526 |
|
a9c5c1
|
1527 |
.tipsy-arrow { |
C |
1528 |
position: absolute; |
|
1529 |
width: 0; |
|
1530 |
height: 0; |
|
1531 |
line-height: 0; |
|
1532 |
border: 5px dashed #000; |
|
1533 |
} |
fab45e
|
1534 |
/* Rules to colour arrows */ |
C |
1535 |
.tipsy-arrow-n { border-bottom-color: #000; } |
|
1536 |
.tipsy-arrow-s { border-top-color: #000; } |
|
1537 |
.tipsy-arrow-e { border-left-color: #000; } |
|
1538 |
.tipsy-arrow-w { border-right-color: #000; } |
|
1539 |
|
|
1540 |
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } |
|
1541 |
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} |
|
1542 |
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} |
|
1543 |
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } |
|
1544 |
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } |
|
1545 |
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } |
|
1546 |
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } |
|
1547 |
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } |
|
1548 |
|
|
1549 |
/* uni-form-generic |
|
1550 |
-------------------------------------------------------------- */ |
|
1551 |
|
|
1552 |
/* Uni-Form by Dragan Babic [Superawesome Industries] - http: //sprawsm.com/uni-form/ */ |
|
1553 |
/* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */ |
|
1554 |
/* Do not edit this file directly, make your changes to uni-form.css in the same folder */ |
|
1555 |
|
|
1556 |
.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ |
|
1557 |
|
|
1558 |
/* Some generals and more resets */ |
|
1559 |
.uniForm fieldset{ border: none; margin: 0; padding: 0; } |
|
1560 |
.uniForm fieldset legend{ margin: 0; padding: 0; } |
|
1561 |
|
|
1562 |
/* This is the main unit that contains our form elements */ |
|
1563 |
.uniForm .ctrlHolder, |
|
1564 |
.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } |
|
1565 |
|
|
1566 |
/* Clear all floats */ |
|
1567 |
.uniForm:after, |
|
1568 |
.uniForm .buttonHolder:after, |
|
1569 |
.uniForm .ctrlHolder:after, |
|
1570 |
.uniForm .ctrlHolder .multiField:after, |
|
1571 |
.uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } |
|
1572 |
|
|
1573 |
/* A class to be used on a label that contains a checkbox or a radio button */ |
|
1574 |
.uniForm .inlineLabel, |
|
1575 |
.uniForm .inlineLabels .inlineLabel, |
|
1576 |
.uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; } |
|
1577 |
/* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */ |
|
1578 |
/* Legacy/Inheritance fix */ |
|
1579 |
.uniForm .inlineLabel input, |
|
1580 |
.uniForm .inlineLabels .inlineLabel input, |
|
1581 |
.uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; } |
|
1582 |
|
|
1583 |
/* Styles for form controls where labels are above the input elements */ |
|
1584 |
/* Set the class of the parent (preferably to a fieldset) to .blockLabels */ |
|
1585 |
|
|
1586 |
.uniForm label, |
|
1587 |
.uniForm .label, |
|
1588 |
.uniForm .blockLabels label, |
|
1589 |
.uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; } |
|
1590 |
|
|
1591 |
/* Float the input elements */ |
|
1592 |
.uniForm .textInput, |
|
1593 |
.uniForm .blockLabels .textInput, |
|
1594 |
.uniForm .blockLabels .fileUpload, |
|
1595 |
.uniForm .selectInput, |
|
1596 |
.uniForm .blockLabels .selectInput, |
|
1597 |
.uniForm .blockLabels select, |
|
1598 |
.uniForm textarea, |
|
1599 |
.uniForm .blockLabels textarea{ float: left; } |
|
1600 |
|
|
1601 |
/* Postition the hints */ |
|
1602 |
.uniForm .formHint, |
|
1603 |
.uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; } |
|
1604 |
|
|
1605 |
/* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */ |
|
1606 |
.uniForm .multiField, |
|
1607 |
.uniForm .blockLabels .multiField{ width: auto; float: left; } |
|
1608 |
.uniForm .multiField .inlineLabel, |
|
1609 |
.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } |
|
1610 |
.uniForm .multiField .blockLabel, |
|
1611 |
.uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; } |
|
1612 |
.uniForm .multiField .blockLabel .textInput, |
|
1613 |
.uniForm .multiField .blockLabel .selectInput, |
|
1614 |
.uniForm .multiField .blockLabel select, |
|
1615 |
.uniForm .blockLabels .multiField .blockLabel .textInput, |
|
1616 |
.uniForm .blockLabels .multiField .blockLabel .selectInput, |
|
1617 |
.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; } |
|
1618 |
|
|
1619 |
/* Styles for form controls where labels are in line with the input elements */ |
|
1620 |
/* Set the class of the parent (preferably to a fieldset) to .inlineLabels */ |
|
1621 |
.uniForm .inlineLabels label, |
|
1622 |
.uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; } |
|
1623 |
|
|
1624 |
/* Float the input elements */ |
|
1625 |
.uniForm .inlineLabels .textInput, |
|
1626 |
.uniForm .inlineLabels .fileUpload, |
|
1627 |
.uniForm .inlineLabels .selectInput, |
|
1628 |
.uniForm .inlineLabels select, |
|
1629 |
.uniForm .inlineLabels textarea{ float: left; } |
|
1630 |
|
|
1631 |
/* Postition the hints */ |
|
1632 |
.uniForm .inlineLabels .formHint{ clear: both; float: none; } |
|
1633 |
.uniForm .inlineLabels .multiField{ float: left; } |
|
1634 |
.uniForm .inlineLabels .multiField .inlineLabel{} |
|
1635 |
.uniForm .inlineLabels .multiField .blockLabel{} |
|
1636 |
.uniForm .inlineLabels .multiField .blockLabel .textInput, |
|
1637 |
.uniForm .inlineLabels .multiField .blockLabel .selectInput, |
|
1638 |
.uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; } |
|
1639 |
.uniForm .inlineLabels .multiField select{ float: left; } |
|
1640 |
|
|
1641 |
/* Required fields asterisk styling for .blockLabels */ |
|
1642 |
.uniForm label em, |
|
1643 |
.uniForm .label em, |
|
1644 |
.uniForm .blockLabels label em, |
|
1645 |
.uniForm .blockLabels .label em{ position: absolute; left: -7px; } |
|
1646 |
|
|
1647 |
/* Required fields asterisk styling for .inlineLabels */ |
|
1648 |
.uniForm .inlineLabels label em, |
|
1649 |
.uniForm .inlineLabels .label em{ display: block; position: absolute; left: auto; right: 0; font-style: normal; font-weight: bold; } |
|
1650 |
.uniForm .inlineLabel em{ position: absolute; left: 7px; } |
|
1651 |
|
|
1652 |
/* Messages */ |
|
1653 |
.uniForm #errorMsg, |
a9c5c1
|
1654 |
.uniForm .error{} |
fab45e
|
1655 |
.uniForm #errorMsg dt, |
a9c5c1
|
1656 |
.uniForm #errorMsg h3{} |
C |
1657 |
.uniForm #errorMsg dd{} |
|
1658 |
.uniForm #errorMsg ol{} |
|
1659 |
.uniForm #errorMsg ol li{} |
|
1660 |
.uniForm .errorField{} |
|
1661 |
.uniForm #OKMsg{} |
fab45e
|
1662 |
|
C |
1663 |
/* Columns */ |
|
1664 |
|
|
1665 |
.uniForm .col{ float: left; } |
|
1666 |
.uniForm .col.first{} |
|
1667 |
.uniForm .col.last{} |
|
1668 |
|
|
1669 |
/* uni-form |
|
1670 |
-------------------------------------------------------------- */ |
|
1671 |
|
5889ff
|
1672 |
/* Keep in mind that wherever you see "Required property" it means that the property must exist */ |
fab45e
|
1673 |
|
C |
1674 |
/* ------------------------------------------------------------------------------ */ |
|
1675 |
|
|
1676 |
/* Generals */ |
|
1677 |
.uniForm fieldset{} |
|
1678 |
.uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 1.5em 1.5em 0; } |
|
1679 |
|
|
1680 |
/* This is the main unit that contains our form elements */ |
|
1681 |
.uniForm .ctrlHolder{ padding: 3px; border-bottom: 1px dotted #dfdfdf; } |
|
1682 |
|
|
1683 |
.uniForm .buttonHolder{ |
|
1684 |
text-align: left; |
|
1685 |
background: #CEDEEF url("../images/buttonHolder_bg.gif") no-repeat right; |
|
1686 |
margin: 3em 0 1em; |
|
1687 |
padding: 8px; |
|
1688 |
} |
|
1689 |
.uniForm .resetButton{ float: left; } |
|
1690 |
.uniForm .primaryAction{ font-weight: bold; } |
|
1691 |
|
|
1692 |
/* This class gets added to div.ctrlHolder to highlight the row */ |
|
1693 |
.uniForm .focused{ background: #fffcdf; } |
|
1694 |
|
|
1695 |
/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ |
|
1696 |
.uniForm .inlineLabel input, |
|
1697 |
.uniForm .inlineLabels .inlineLabel input, |
|
1698 |
.uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; } |
|
1699 |
.uniForm .inlineLabel span{ float: left; width: 90%; } |
|
1700 |
|
|
1701 |
/* ------------------------------------------------------------------------------ */ |
|
1702 |
|
5889ff
|
1703 |
/* .blockLabels (default style, will be applied even if you don"t class the parent element) */ |
fab45e
|
1704 |
.uniForm .blockLabels .ctrlHolder{} |
C |
1705 |
|
|
1706 |
.uniForm label, |
|
1707 |
.uniForm .blockLabels label, |
|
1708 |
.uniForm .blockLabels .label{ margin: 0 0 .5em 0; } |
|
1709 |
|
|
1710 |
.uniForm .textInput, |
|
1711 |
.uniForm .blockLabels .textInput, |
|
1712 |
.uniForm .blockLabels .fileUpload{ width: 43%; /* <- Required property */ } |
|
1713 |
|
|
1714 |
.uniForm .selectInput, |
|
1715 |
.uniForm select, |
|
1716 |
.uniForm .blockLabels .selectInput, |
|
1717 |
.uniForm .blockLabels select{ width: 43.5%; /* <- Required property */ } |
|
1718 |
.uniForm textarea, |
|
1719 |
.uniForm .blockLabels textarea{ width: 43%; /* <- Required property */ height: 12em; } |
|
1720 |
|
|
1721 |
.uniForm .formHint, |
|
1722 |
.uniForm .blockLabels .formHint{ width: 55%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; } |
|
1723 |
|
|
1724 |
.uniForm .multiField, |
|
1725 |
.uniForm .blockLabels .multiField{ width: 43%; } |
|
1726 |
.uniForm .multiField .inlineLabel, |
|
1727 |
.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } |
|
1728 |
.uniForm .multiField .blockLabel, |
|
1729 |
.uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; } |
|
1730 |
.uniForm .multiField .blockLabel .textInput, |
|
1731 |
.uniForm .multiField .blockLabel .selectInput, |
|
1732 |
.uniForm .multiField .blockLabel select, |
|
1733 |
.uniForm .blockLabels .multiField .blockLabel .textInput, |
|
1734 |
.uniForm .blockLabels .multiField .blockLabel .selectInput, |
|
1735 |
.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; } |
|
1736 |
|
|
1737 |
/* ------------------------------------------------------------------------------ */ |
|
1738 |
|
|
1739 |
/* .inlineLabels */ |
|
1740 |
.uniForm .inlineLabels .ctrlHolder{} |
|
1741 |
|
|
1742 |
.uniForm .inlineLabels label, |
|
1743 |
.uniForm .inlineLabels .label{ width: 20%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ } |
|
1744 |
|
|
1745 |
.uniForm .inlineLabels .textInput, |
|
1746 |
.uniForm .inlineLabels .fileUpload{ width: 35%; /* <- Required property */ } |
|
1747 |
|
|
1748 |
.uniForm .inlineLabels .selectInput, |
|
1749 |
.uniForm .inlineLabels select{ width: 35%; /* <- Required property */ } |
|
1750 |
|
|
1751 |
.uniForm .inlineLabels textarea{ width: 35%; /* <- Required property */ height: 12em; } |
|
1752 |
|
|
1753 |
.uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 22%; font-size: .9em; color: #777; position: static; } |
|
1754 |
|
|
1755 |
.uniForm .inlineLabels .multiField{ width: 60%; /* <- Required property */ margin: 0 0 .3em 0; } |
|
1756 |
.uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } |
|
1757 |
.uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; } |
|
1758 |
.uniForm .inlineLabels .multiField .blockLabel .textInput, |
|
1759 |
.uniForm .inlineLabels .multiField .blockLabel .selectInput, |
|
1760 |
.uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; } |
|
1761 |
|
|
1762 |
/* Focus pseudoclasses */ |
5889ff
|
1763 |
.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the "glow" effect in WebKit, optional */ } |
C |
1764 |
.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the "glow" effect in WebKit, optional */ } |
fab45e
|
1765 |
.uniForm div.focused .formHint{ color: #333; } |
C |
1766 |
|
|
1767 |
/* Columns (they are floated left by default) */ |
|
1768 |
.uniForm .col{ width: 37.9%; /* <- Required property */ margin: 0 2% 20px 0; } |
|
1769 |
/* Use .first and .last classes to control the layout/spacing of your columns */ |
|
1770 |
.uniForm .col.first{ width: 39%; /* <- Required property */ float: left; clear: none; } |
|
1771 |
.uniForm .col.last{ width: 39%; /* <- Required property */ float: right; clear: none; margin-right: 0; } |
|
1772 |
|
|
1773 |
/* Messages */ |
|
1774 |
.uniForm #errorMsg, .confirmpassworderror{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; } |
|
1775 |
.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; } |
|
1776 |
|
|
1777 |
.uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; } |
|
1778 |
.uniForm #errorMsg dd{ margin: 0; padding: 0; } |
|
1779 |
.uniForm #errorMsg ol{ margin: 0; padding: 0; list-style:none;} |
|
1780 |
.uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; } |
|
1781 |
.uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; } |
|
1782 |
|
|
1783 |
.uniForm #OKMsg, .confirmpasswordok{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; } |
|
1784 |
.uniForm #OKMsg p{ margin: 0; } |
|
1785 |
|
|
1786 |
/* ------------------------------------------------------------------------------ */ |
|
1787 |
|
|
1788 |
/* This is the main unit that contains our form elements */ |
|
1789 |
|
|
1790 |
.uniForm .textInput, .uniForm .selectInput, .uniForm textarea { |
|
1791 |
background:#FFFFFF none repeat scroll 0 0; |
|
1792 |
color: #000000; |
|
1793 |
border: 1px solid #DFDFDF; |
|
1794 |
padding: 1px; |
|
1795 |
} |
|
1796 |
|
|
1797 |
/* jquery-ui-custom |
|
1798 |
-------------------------------------------------------------- */ |
|
1799 |
.ui-datepicker-calendar thead tr th { |
|
1800 |
background-image:none; |
|
1801 |
background-color:#FFFFFF; |
|
1802 |
color:#000000; |
|
1803 |
} |
5889ff
|
1804 |
.ui-widget { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; } |
a00888
|
1805 |
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; } |
e88a7a
|
1806 |
ul.ui-autocomplete { max-height: 250px; overflow-y: auto; min-width: 85px;} |
a00888
|
1807 |
.ui-combobox { position: relative; display: inline-block; margin-right: 17px; } |
T |
1808 |
.ui-combobox-toggle { position: absolute !important; top: 0; bottom: 0; margin-left: -1px; padding: 1px !important; background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #DFDFDF !important;} |
bfcdef
|
1809 |
.ui-combobox-input { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #DFDFDF !important; padding: 1px; font-weight: normal !important; } |
T |
1810 |
.panel_install_package .ui-combobox { float: left; } |
68ec43
|
1811 |
.clear-float { clear: both; } |
T |
1812 |
|
|
1813 |
a.link-page, span.page-spacer { |
|
1814 |
display: inline-block; |
|
1815 |
text-align: center; |
|
1816 |
padding: 2px; |
|
1817 |
line-height: 16px; |
|
1818 |
text-decoration: none !important; |
|
1819 |
color: inherit !important; |
|
1820 |
min-width: 16px; |
|
1821 |
} |
|
1822 |
a.link-page { |
|
1823 |
border: 1px solid #FFFFFF; |
|
1824 |
margin: 0 5px; |
|
1825 |
} |
|
1826 |
|
|
1827 |
a.link-page:hover { |
|
1828 |
background-color: #DFDFDF; |
|
1829 |
} |
|
1830 |
|
|
1831 |
span.page-spacer { |
|
1832 |
margin: 0 -5px; |
|
1833 |
} |
|
1834 |
|
|
1835 |
a.link-page.current-page { |
|
1836 |
background-color: #DFDFDF; |
|
1837 |
font-weight: bold; |
|
1838 |
} |