-rw-r--r-- | frontend/gamma/css/web.css | 33 |
1 files changed, 21 insertions, 12 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css index 5d8bc20..011831a 100644 --- a/frontend/gamma/css/web.css +++ b/frontend/gamma/css/web.css | |||
@@ -1,54 +1,52 @@ | |||
1 | /* | 1 | /* |
2 | 2 | ||
3 | Copyright 2008-2011 Clipperz Srl | 3 | Copyright 2008-2013 Clipperz Srl |
4 | 4 | ||
5 | This file is part of Clipperz Community Edition. | 5 | This file is part of Clipperz, the online password manager. |
6 | Clipperz Community Edition is an online password manager. | ||
7 | For further information about its features and functionalities please | 6 | For further information about its features and functionalities please |
8 | refer to http://www.clipperz.com. | 7 | refer to http://www.clipperz.com. |
9 | 8 | ||
10 | * Clipperz Community Edition is free software: you can redistribute | 9 | * Clipperz is free software: you can redistribute it and/or modify it |
11 | it and/or modify it under the terms of the GNU Affero General Public | 10 | under the terms of the GNU Affero General Public License as published |
12 | License as published by the Free Software Foundation, either version | 11 | by the Free Software Foundation, either version 3 of the License, or |
13 | 3 of the License, or (at your option) any later version. | 12 | (at your option) any later version. |
14 | 13 | ||
15 | * Clipperz Community Edition is distributed in the hope that it will | 14 | * Clipperz is distributed in the hope that it will be useful, but |
16 | be useful, but WITHOUT ANY WARRANTY; without even the implied | 15 | WITHOUT ANY WARRANTY; without even the implied warranty of |
17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | 16 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
18 | See the GNU Affero General Public License for more details. | 17 | See the GNU Affero General Public License for more details. |
19 | 18 | ||
20 | * You should have received a copy of the GNU Affero General Public | 19 | * You should have received a copy of the GNU Affero General Public |
21 | License along with Clipperz Community Edition. If not, see | 20 | License along with Clipperz. If not, see http://www.gnu.org/licenses/. |
22 | <http://www.gnu.org/licenses/>. | ||
23 | 21 | ||
24 | */ | 22 | */ |
25 | 23 | ||
26 | /* | 24 | /* |
27 | 25 | ||
28 | Color list: | 26 | Color list: |
29 | - login box: | 27 | - login box: |
30 | light#ff9955 | 28 | light#ff9955 |
31 | dark#ff6622 | 29 | dark#ff6622 |
32 | - login button: | 30 | - login button: |
33 | regular#dd5500 | 31 | regular#dd5500 |
34 | hover#773311 | 32 | hover#773311 |
35 | - login translations: | 33 | - login translations: |
36 | box: #cc6622; | 34 | box: #cc6622; |
37 | not-selected: | 35 | not-selected: |
38 | color: #ddaa99 | 36 | color: #ddaa99 |
39 | background:#994422 | 37 | background:#994422 |
40 | selected: #772211; | 38 | selected: #772211; |
41 | */ | 39 | */ |
42 | html { | 40 | html { |
43 | height: 100%; | 41 | height: 100%; |
44 | } | 42 | } |
45 | body { | 43 | body { |
46 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 44 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
47 | margin: 0px; | 45 | margin: 0px; |
48 | } | 46 | } |
49 | div.modalDialogMask.userInfoBoxMask { | 47 | div.modalDialogMask.userInfoBoxMask { |
50 | -moz-opacity: 0.0; | 48 | -moz-opacity: 0.0; |
51 | opacity: .0; | 49 | opacity: .0; |
52 | filter: alpha(opacity=0); | 50 | filter: alpha(opacity=0); |
53 | z-index: 19000; | 51 | z-index: 19000; |
54 | } | 52 | } |
@@ -185,159 +183,164 @@ div.modalDialogMask.userInfoBoxMask { | |||
185 | filter: alpha(opacity=0); | 183 | filter: alpha(opacity=0); |
186 | z-index: 19000; | 184 | z-index: 19000; |
187 | } | 185 | } |
188 | .reset-margin { | 186 | .reset-margin { |
189 | margin: 0px; | 187 | margin: 0px; |
190 | padding: 0px; | 188 | padding: 0px; |
191 | border: 0px; | 189 | border: 0px; |
192 | } | 190 | } |
193 | .clear { | 191 | .clear { |
194 | clear: both; | 192 | clear: both; |
195 | } | 193 | } |
196 | .hidden_none { | 194 | .hidden_none { |
197 | display: none; | 195 | display: none; |
198 | visibility: hidden; | 196 | visibility: hidden; |
199 | } | 197 | } |
200 | .keepTogether { | 198 | .keepTogether { |
201 | display: inline-block; | 199 | display: inline-block; |
202 | white-space: nowrap; | 200 | white-space: nowrap; |
203 | } | 201 | } |
204 | #mainDiv { | 202 | #mainDiv { |
205 | margin: 0 auto; | 203 | margin: 0 auto; |
206 | } | 204 | } |
207 | div.tooltip { | 205 | div.tooltip { |
208 | position: absolute; | 206 | position: absolute; |
209 | z-index: 30001; | 207 | z-index: 30001; |
210 | } | 208 | } |
211 | div.tooltip div.tooltip_body { | 209 | div.tooltip div.tooltip_body { |
212 | border-radius: 8px; | 210 | border-radius: 8px; |
213 | -moz-border-radius: 8px; | 211 | -moz-border-radius: 8px; |
214 | -webkit-border-radius: 8px; | 212 | -webkit-border-radius: 8px; |
215 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | 213 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); |
216 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | 214 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); |
215 | background: linear-gradient(0deg, #555555, #bbbbbb); | ||
217 | -webkit-box-shadow: 4px 4px 10px #333333; | 216 | -webkit-box-shadow: 4px 4px 10px #333333; |
218 | -moz-box-shadow: 4px 4px 10px #333333; | 217 | -moz-box-shadow: 4px 4px 10px #333333; |
219 | box-shadow: 4px 4px 10px #333333; | 218 | box-shadow: 4px 4px 10px #333333; |
220 | border-top: 1px solid #d4d4d4; | 219 | border-top: 1px solid #d4d4d4; |
221 | border-left: 1px solid #a2a2a2; | 220 | border-left: 1px solid #a2a2a2; |
222 | border-right: 1px solid #6f6f6f; | 221 | border-right: 1px solid #6f6f6f; |
223 | border-bottom: 1px solid #3c3c3c; | 222 | border-bottom: 1px solid #3c3c3c; |
224 | } | 223 | } |
225 | div.tooltip div.tooltip_body span { | 224 | div.tooltip div.tooltip_body span { |
226 | display: block; | 225 | display: block; |
227 | padding: 10px; | 226 | padding: 10px; |
228 | font-size: 10pt; | 227 | font-size: 10pt; |
229 | color: white; | 228 | color: white; |
230 | } | 229 | } |
231 | div.tooltip div.tooltip_body div.tooltip_text { | 230 | div.tooltip div.tooltip_body div.tooltip_text { |
232 | width: 200px; | 231 | width: 200px; |
233 | } | 232 | } |
234 | div.tooltip div.tooltip_arrow { | 233 | div.tooltip div.tooltip_arrow { |
235 | position: absolute; | 234 | position: absolute; |
236 | width: 0; | 235 | width: 0; |
237 | height: 0; | 236 | height: 0; |
238 | border: 6px solid transparent; | 237 | border: 6px solid transparent; |
239 | } | 238 | } |
240 | div.tooltip.BELOW div.tooltip_arrow { | 239 | div.tooltip.BELOW div.tooltip_arrow { |
241 | top: -12px; | 240 | top: -12px; |
242 | left: 97px; | 241 | left: 97px; |
243 | border-bottom: 6px solid #bbbbbb; | 242 | border-bottom: 6px solid #bbbbbb; |
244 | } | 243 | } |
245 | div.tooltip.ABOVE div.tooltip_arrow { | 244 | div.tooltip.ABOVE div.tooltip_arrow { |
246 | position: static; | 245 | position: static; |
247 | margin-left: 97px; | 246 | margin-left: 97px; |
248 | border-top: 6px solid #555555; | 247 | border-top: 6px solid #555555; |
249 | } | 248 | } |
250 | div.tooltip.LEFT div.tooltip_arrow { | 249 | div.tooltip.LEFT div.tooltip_arrow { |
251 | left: 203px; | 250 | left: 203px; |
252 | top: 10px; | 251 | top: 10px; |
253 | border-left: 6px solid #747474; | 252 | border-left: 6px solid #747474; |
254 | } | 253 | } |
255 | div.tooltip.LEFT div.tooltip_body div.tooltip_text { | 254 | div.tooltip.LEFT div.tooltip_body div.tooltip_text { |
256 | min-height: 45px; | 255 | min-height: 45px; |
257 | } | 256 | } |
258 | div.tooltip.RIGHT div.tooltip_arrow { | 257 | div.tooltip.RIGHT div.tooltip_arrow { |
259 | left: -12px; | 258 | left: -12px; |
260 | top: 10px; | 259 | top: 10px; |
261 | border-right: 6px solid #9c9c9c; | 260 | border-right: 6px solid #9c9c9c; |
262 | } | 261 | } |
263 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { | 262 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { |
264 | min-height: 45px; | 263 | min-height: 45px; |
265 | } | 264 | } |
266 | .button.default { | 265 | .button.default { |
267 | display: inline-block; | 266 | display: inline-block; |
268 | height: 20px; | 267 | height: 20px; |
269 | cursor: pointer; | 268 | cursor: pointer; |
270 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); | 269 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); |
271 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); | 270 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); |
271 | background: linear-gradient(0deg, #ff6622, #ffa76f); | ||
272 | border-radius: 5; | 272 | border-radius: 5; |
273 | -moz-border-radius: 5; | 273 | -moz-border-radius: 5; |
274 | -webkit-border-radius: 5; | 274 | -webkit-border-radius: 5; |
275 | border: 1px solid #ff7f46; | 275 | border: 1px solid #ff7f46; |
276 | padding-top: 4px; | 276 | padding-top: 4px; |
277 | padding-left: 15px; | 277 | padding-left: 15px; |
278 | padding-right: 15px; | 278 | padding-right: 15px; |
279 | padding-bottom: 2px; | 279 | padding-bottom: 2px; |
280 | color: white; | 280 | color: white; |
281 | font-weight: lighter; | 281 | font-weight: lighter; |
282 | text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; | 282 | text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; |
283 | text-decoration: none; | 283 | text-decoration: none; |
284 | font-weight: normal; | 284 | font-weight: normal; |
285 | } | 285 | } |
286 | .button.default:hover { | 286 | .button.default:hover { |
287 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); | 287 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); |
288 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); | 288 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); |
289 | background: linear-gradient(0deg, #ff6622, #ff8e46); | ||
289 | } | 290 | } |
290 | .button { | 291 | .button { |
291 | display: inline-block; | 292 | display: inline-block; |
292 | height: 20px; | 293 | height: 20px; |
293 | cursor: pointer; | 294 | cursor: pointer; |
294 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); | 295 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); |
295 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); | 296 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); |
297 | background: linear-gradient(0deg, #999999, #bfbfbf); | ||
296 | border-radius: 5; | 298 | border-radius: 5; |
297 | -moz-border-radius: 5; | 299 | -moz-border-radius: 5; |
298 | -webkit-border-radius: 5; | 300 | -webkit-border-radius: 5; |
299 | border: 1px solid #ababab; | 301 | border: 1px solid #ababab; |
300 | padding-top: 4px; | 302 | padding-top: 4px; |
301 | padding-left: 15px; | 303 | padding-left: 15px; |
302 | padding-right: 15px; | 304 | padding-right: 15px; |
303 | padding-bottom: 2px; | 305 | padding-bottom: 2px; |
304 | color: white; | 306 | color: white; |
305 | font-weight: lighter; | 307 | font-weight: lighter; |
306 | text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; | 308 | text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; |
307 | text-decoration: none; | 309 | text-decoration: none; |
308 | } | 310 | } |
309 | .button:hover { | 311 | .button:hover { |
310 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); | 312 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); |
311 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); | 313 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); |
314 | background: linear-gradient(0deg, #999999, #ababab); | ||
312 | } | 315 | } |
313 | /* | 316 | /* |
314 | 317 | ||
315 | Color list: | 318 | Color list: |
316 | - login box: | 319 | - login box: |
317 | light#ff9955 | 320 | light#ff9955 |
318 | dark#ff6622 | 321 | dark#ff6622 |
319 | - login button: | 322 | - login button: |
320 | regular#dd5500 | 323 | regular#dd5500 |
321 | hover#773311 | 324 | hover#773311 |
322 | - login translations: | 325 | - login translations: |
323 | box: #cc6622; | 326 | box: #cc6622; |
324 | not-selected: | 327 | not-selected: |
325 | color: #ddaa99 | 328 | color: #ddaa99 |
326 | background:#994422 | 329 | background:#994422 |
327 | selected: #772211; | 330 | selected: #772211; |
328 | */ | 331 | */ |
329 | html { | 332 | html { |
330 | height: 100%; | 333 | height: 100%; |
331 | } | 334 | } |
332 | body { | 335 | body { |
333 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 336 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
334 | margin: 0px; | 337 | margin: 0px; |
335 | } | 338 | } |
336 | div.modalDialogMask.userInfoBoxMask { | 339 | div.modalDialogMask.userInfoBoxMask { |
337 | -moz-opacity: 0.0; | 340 | -moz-opacity: 0.0; |
338 | opacity: .0; | 341 | opacity: .0; |
339 | filter: alpha(opacity=0); | 342 | filter: alpha(opacity=0); |
340 | z-index: 19000; | 343 | z-index: 19000; |
341 | } | 344 | } |
342 | .reset-margin { | 345 | .reset-margin { |
343 | margin: 0px; | 346 | margin: 0px; |
@@ -420,64 +423,65 @@ div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { | |||
420 | font-weight: normal; | 423 | font-weight: normal; |
421 | white-space: nowrap; | 424 | white-space: nowrap; |
422 | margin: 0px; | 425 | margin: 0px; |
423 | padding-left: 4px; | 426 | padding-left: 4px; |
424 | } | 427 | } |
425 | div.pageHeaderAndBody div.pageHeader div#featureTabs table { | 428 | div.pageHeaderAndBody div.pageHeader div#featureTabs table { |
426 | width: 100%; | 429 | width: 100%; |
427 | padding: 6px; | 430 | padding: 6px; |
428 | padding-left: 15px; | 431 | padding-left: 15px; |
429 | padding-right: 15px; | 432 | padding-right: 15px; |
430 | padding-bottom: 46px; | 433 | padding-bottom: 46px; |
431 | } | 434 | } |
432 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { | 435 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { |
433 | width: 25%; | 436 | width: 25%; |
434 | vertical-align: top; | 437 | vertical-align: top; |
435 | font-size: 11pt; | 438 | font-size: 11pt; |
436 | color: white; | 439 | color: white; |
437 | } | 440 | } |
438 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { | 441 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { |
439 | float: left; | 442 | float: left; |
440 | } | 443 | } |
441 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { | 444 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { |
442 | display: block; | 445 | display: block; |
443 | padding: 5 10 5 85; | 446 | padding: 5 10 5 85; |
444 | } | 447 | } |
445 | div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { | 448 | div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { |
446 | width: 76px; | 449 | width: 76px; |
447 | height: 76px; | 450 | height: 76px; |
448 | display: block; | 451 | display: block; |
449 | float: left; | 452 | float: left; |
450 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 453 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
451 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 454 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
455 | background: linear-gradient(0deg, #ff6622, #ffad79); | ||
452 | border-radius: 38px; | 456 | border-radius: 38px; |
453 | -moz-border-radius: 38px; | 457 | -moz-border-radius: 38px; |
454 | -webkit-border-radius: 38px; | 458 | -webkit-border-radius: 38px; |
455 | } | 459 | } |
456 | div.pageHeaderAndBody div.pageHeader div#news { | 460 | div.pageHeaderAndBody div.pageHeader div#news { |
457 | top: -82px; | 461 | top: -82px; |
458 | left: 240px; | 462 | left: 240px; |
459 | width: 310px; | 463 | width: 310px; |
460 | height: 90px; | 464 | height: 90px; |
461 | position: absolute; | 465 | position: absolute; |
462 | background-color: #616475; | 466 | background-color: #616475; |
463 | -webkit-border-bottom-left-radius: 8px; | 467 | -webkit-border-bottom-left-radius: 8px; |
464 | -moz-border-radius-bottomleft: 8px; | 468 | -moz-border-radius-bottomleft: 8px; |
465 | border-bottom-left-radius: 8px; | 469 | border-bottom-left-radius: 8px; |
466 | -webkit-border-bottom-right-radius: 8px; | 470 | -webkit-border-bottom-right-radius: 8px; |
467 | -moz-border-radius-bottomright: 8px; | 471 | -moz-border-radius-bottomright: 8px; |
468 | border-bottom-right-radius: 8px; | 472 | border-bottom-right-radius: 8px; |
469 | -webkit-box-shadow: 2px 2px 9px #333333; | 473 | -webkit-box-shadow: 2px 2px 9px #333333; |
470 | -moz-box-shadow: 2px 2px 9px #333333; | 474 | -moz-box-shadow: 2px 2px 9px #333333; |
471 | box-shadow: 2px 2px 9px #333333; | 475 | box-shadow: 2px 2px 9px #333333; |
472 | } | 476 | } |
473 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe { | 477 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe { |
474 | margin-left: 10px; | 478 | margin-left: 10px; |
475 | margin-right: 10px; | 479 | margin-right: 10px; |
476 | height: 75px; | 480 | height: 75px; |
477 | overflow: hidden; | 481 | overflow: hidden; |
478 | } | 482 | } |
479 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { | 483 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { |
480 | width: 290px; | 484 | width: 290px; |
481 | border: 0px; | 485 | border: 0px; |
482 | color: #616475; | 486 | color: #616475; |
483 | background-color: #616475; | 487 | background-color: #616475; |
@@ -586,64 +590,65 @@ div.modalDialogMask.userInfoBoxMask { | |||
586 | display: none; | 590 | display: none; |
587 | visibility: hidden; | 591 | visibility: hidden; |
588 | } | 592 | } |
589 | .keepTogether { | 593 | .keepTogether { |
590 | display: inline-block; | 594 | display: inline-block; |
591 | white-space: nowrap; | 595 | white-space: nowrap; |
592 | } | 596 | } |
593 | #mainDiv { | 597 | #mainDiv { |
594 | margin: 0 auto; | 598 | margin: 0 auto; |
595 | } | 599 | } |
596 | div#loginBox { | 600 | div#loginBox { |
597 | width: 273px; | 601 | width: 273px; |
598 | z-index: 19000; | 602 | z-index: 19000; |
599 | top: -30px; | 603 | top: -30px; |
600 | right: 30px; | 604 | right: 30px; |
601 | position: relative; | 605 | position: relative; |
602 | float: right; | 606 | float: right; |
603 | } | 607 | } |
604 | div#loginBox div.header { | 608 | div#loginBox div.header { |
605 | height: 25px; | 609 | height: 25px; |
606 | width: 273px; | 610 | width: 273px; |
607 | background-color: #ff9b5a; | 611 | background-color: #ff9b5a; |
608 | -webkit-border-top-left-radius: 20px; | 612 | -webkit-border-top-left-radius: 20px; |
609 | -moz-border-radius-topleft: 20px; | 613 | -moz-border-radius-topleft: 20px; |
610 | border-top-left-radius: 20px; | 614 | border-top-left-radius: 20px; |
611 | -webkit-border-top-right-radius: 20px; | 615 | -webkit-border-top-right-radius: 20px; |
612 | -moz-border-radius-topright: 20px; | 616 | -moz-border-radius-topright: 20px; |
613 | border-top-right-radius: 20px; | 617 | border-top-right-radius: 20px; |
614 | } | 618 | } |
615 | div#loginBox div.body { | 619 | div#loginBox div.body { |
616 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 620 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
617 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 621 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
622 | background: linear-gradient(0deg, #ff6622, #ff9b5a); | ||
618 | } | 623 | } |
619 | div#loginBox div.body h4 { | 624 | div#loginBox div.body h4 { |
620 | color: #ffffff; | 625 | color: #ffffff; |
621 | font-size: 16pt; | 626 | font-size: 16pt; |
622 | font-weight: normal; | 627 | font-weight: normal; |
623 | padding-left: 20px; | 628 | padding-left: 20px; |
624 | margin: 0px; | 629 | margin: 0px; |
625 | } | 630 | } |
626 | div#loginBox div.body form.loginForm { | 631 | div#loginBox div.body form.loginForm { |
627 | padding: 5px 20px 0px; | 632 | padding: 5px 20px 0px; |
628 | margin-bottom: 0px; | 633 | margin-bottom: 0px; |
629 | } | 634 | } |
630 | div#loginBox div.body form.loginForm label { | 635 | div#loginBox div.body form.loginForm label { |
631 | color: #ffffff; | 636 | color: #ffffff; |
632 | font-size: 10pt; | 637 | font-size: 10pt; |
633 | display: block; | 638 | display: block; |
634 | padding-top: 5px; | 639 | padding-top: 5px; |
635 | } | 640 | } |
636 | div#loginBox div.body form.loginForm label.checkbox { | 641 | div#loginBox div.body form.loginForm label.checkbox { |
637 | display: inline; | 642 | display: inline; |
638 | } | 643 | } |
639 | div#loginBox div.body form.loginForm input { | 644 | div#loginBox div.body form.loginForm input { |
640 | width: 230px; | 645 | width: 230px; |
641 | font-size: 14pt; | 646 | font-size: 14pt; |
642 | color: #333366; | 647 | color: #333366; |
643 | background-color: #ffffff; | 648 | background-color: #ffffff; |
644 | border: 1px solid #bb4924; | 649 | border: 1px solid #bb4924; |
645 | padding: 2px 5px; | 650 | padding: 2px 5px; |
646 | height: 28px; | 651 | height: 28px; |
647 | } | 652 | } |
648 | div#loginBox div.body form.loginForm input.checkbox { | 653 | div#loginBox div.body form.loginForm input.checkbox { |
649 | margin: 10px 8px 0px 0px; | 654 | margin: 10px 8px 0px 0px; |
@@ -863,64 +868,65 @@ div.modalDialogMask.userInfoBoxMask { | |||
863 | filter: alpha(opacity=0); | 868 | filter: alpha(opacity=0); |
864 | z-index: 19000; | 869 | z-index: 19000; |
865 | } | 870 | } |
866 | .reset-margin { | 871 | .reset-margin { |
867 | margin: 0px; | 872 | margin: 0px; |
868 | padding: 0px; | 873 | padding: 0px; |
869 | border: 0px; | 874 | border: 0px; |
870 | } | 875 | } |
871 | .clear { | 876 | .clear { |
872 | clear: both; | 877 | clear: both; |
873 | } | 878 | } |
874 | .hidden_none { | 879 | .hidden_none { |
875 | display: none; | 880 | display: none; |
876 | visibility: hidden; | 881 | visibility: hidden; |
877 | } | 882 | } |
878 | .keepTogether { | 883 | .keepTogether { |
879 | display: inline-block; | 884 | display: inline-block; |
880 | white-space: nowrap; | 885 | white-space: nowrap; |
881 | } | 886 | } |
882 | #mainDiv { | 887 | #mainDiv { |
883 | margin: 0 auto; | 888 | margin: 0 auto; |
884 | } | 889 | } |
885 | div.userInfoBox { | 890 | div.userInfoBox { |
886 | position: absolute; | 891 | position: absolute; |
887 | width: 160px; | 892 | width: 160px; |
888 | height: 120px; | 893 | height: 120px; |
889 | top: 100px; | 894 | top: 100px; |
890 | left: 15px; | 895 | left: 15px; |
891 | color: white; | 896 | color: white; |
892 | background-color: #ff9955; | 897 | background-color: #ff9955; |
893 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | 898 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); |
894 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | 899 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); |
900 | background: linear-gradient(0deg, #ff6723, #ff9a56); | ||
895 | border-radius: 10px; | 901 | border-radius: 10px; |
896 | -moz-border-radius: 10px; | 902 | -moz-border-radius: 10px; |
897 | -webkit-border-radius: 10px; | 903 | -webkit-border-radius: 10px; |
898 | -webkit-box-shadow: 2px 2px 9px #333333; | 904 | -webkit-box-shadow: 2px 2px 9px #333333; |
899 | -moz-box-shadow: 2px 2px 9px #333333; | 905 | -moz-box-shadow: 2px 2px 9px #333333; |
900 | box-shadow: 2px 2px 9px #333333; | 906 | box-shadow: 2px 2px 9px #333333; |
901 | } | 907 | } |
902 | div.userInfoBox.locked { | 908 | div.userInfoBox.locked { |
903 | z-index: 19001; | 909 | z-index: 19001; |
904 | } | 910 | } |
905 | div.userInfoBox.locked div.header a.lockButton { | 911 | div.userInfoBox.locked div.header a.lockButton { |
906 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; | 912 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; |
907 | } | 913 | } |
908 | div.userInfoBox.locked div.header a.lockButton:hover { | 914 | div.userInfoBox.locked div.header a.lockButton:hover { |
909 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; | 915 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; |
910 | } | 916 | } |
911 | div.userInfoBox.locked div.body a { | 917 | div.userInfoBox.locked div.body a { |
912 | display: none; | 918 | display: none; |
913 | } | 919 | } |
914 | div.userInfoBox div.header { | 920 | div.userInfoBox div.header { |
915 | height: 30px; | 921 | height: 30px; |
916 | } | 922 | } |
917 | div.userInfoBox div.header h1 { | 923 | div.userInfoBox div.header h1 { |
918 | font-size: 8pt; | 924 | font-size: 8pt; |
919 | font-weight: normal; | 925 | font-weight: normal; |
920 | margin: 0px; | 926 | margin: 0px; |
921 | padding-top: 12px; | 927 | padding-top: 12px; |
922 | padding-left: 12px; | 928 | padding-left: 12px; |
923 | } | 929 | } |
924 | div.userInfoBox div.header a.lockButton { | 930 | div.userInfoBox div.header a.lockButton { |
925 | position: absolute; | 931 | position: absolute; |
926 | top: 8px; | 932 | top: 8px; |
@@ -1244,113 +1250,116 @@ div.subPanelTabs ul li a { | |||
1244 | font-size: 13pt; | 1250 | font-size: 13pt; |
1245 | } | 1251 | } |
1246 | div.subPanelContent { | 1252 | div.subPanelContent { |
1247 | padding-top: 20px; | 1253 | padding-top: 20px; |
1248 | padding-left: 30px; | 1254 | padding-left: 30px; |
1249 | padding-right: 30px; | 1255 | padding-right: 30px; |
1250 | min-height: 280px; | 1256 | min-height: 280px; |
1251 | color: #787872; | 1257 | color: #787872; |
1252 | margin: 0px 6px 0 9px; | 1258 | margin: 0px 6px 0 9px; |
1253 | } | 1259 | } |
1254 | div.subPanelContent h3 { | 1260 | div.subPanelContent h3 { |
1255 | margin: 0px; | 1261 | margin: 0px; |
1256 | border: 0px; | 1262 | border: 0px; |
1257 | padding: 0px; | 1263 | padding: 0px; |
1258 | } | 1264 | } |
1259 | div.subPanelContent ul { | 1265 | div.subPanelContent ul { |
1260 | margin: 0px; | 1266 | margin: 0px; |
1261 | padding: 0px; | 1267 | padding: 0px; |
1262 | list-style-type: none; | 1268 | list-style-type: none; |
1263 | } | 1269 | } |
1264 | div.subPanelContent ul li { | 1270 | div.subPanelContent ul li { |
1265 | display: none; | 1271 | display: none; |
1266 | } | 1272 | } |
1267 | div.subPanelContent ul li.selected { | 1273 | div.subPanelContent ul li.selected { |
1268 | display: block; | 1274 | display: block; |
1269 | } | 1275 | } |
1270 | .downloadOfflineCopy { | 1276 | .downloadOfflineCopy { |
1271 | display: inline-block; | 1277 | display: inline-block; |
1272 | height: 20px; | 1278 | height: 20px; |
1273 | cursor: pointer; | 1279 | cursor: pointer; |
1274 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833)); | 1280 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833)); |
1275 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c); | 1281 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c); |
1282 | background: linear-gradient(0deg, #448833, #59bc4c); | ||
1276 | border-radius: 5; | 1283 | border-radius: 5; |
1277 | -moz-border-radius: 5; | 1284 | -moz-border-radius: 5; |
1278 | -webkit-border-radius: 5; | 1285 | -webkit-border-radius: 5; |
1279 | border: 1px solid #51a23d; | 1286 | border: 1px solid #51a23d; |
1280 | padding-top: 4px; | 1287 | padding-top: 4px; |
1281 | padding-left: 15px; | 1288 | padding-left: 15px; |
1282 | padding-right: 15px; | 1289 | padding-right: 15px; |
1283 | padding-bottom: 2px; | 1290 | padding-bottom: 2px; |
1284 | color: white; | 1291 | color: white; |
1285 | font-weight: lighter; | 1292 | font-weight: lighter; |
1286 | text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c; | 1293 | text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c; |
1287 | text-decoration: none; | 1294 | text-decoration: none; |
1288 | } | 1295 | } |
1289 | .downloadOfflineCopy:hover { | 1296 | .downloadOfflineCopy:hover { |
1290 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833)); | 1297 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833)); |
1291 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d); | 1298 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d); |
1299 | background: linear-gradient(0deg, #448833, #49a23d); | ||
1292 | } | 1300 | } |
1293 | div.SimpleMessagePanel { | 1301 | div.SimpleMessagePanel { |
1294 | position: relative; | 1302 | position: relative; |
1295 | left: -225px; | 1303 | left: -225px; |
1296 | top: -70px; | 1304 | top: -70px; |
1297 | width: 450px; | 1305 | width: 450px; |
1298 | height: 140px; | 1306 | height: 140px; |
1299 | } | 1307 | } |
1300 | div.SimpleMessagePanel div.body { | 1308 | div.SimpleMessagePanel div.body { |
1301 | padding: 20px; | 1309 | padding: 20px; |
1302 | padding-bottom: 15px; | 1310 | padding-bottom: 15px; |
1303 | background-color: #f1f1ef; | 1311 | background-color: #f1f1ef; |
1304 | -webkit-box-shadow: 2px 2px 9px #333333; | 1312 | -webkit-box-shadow: 2px 2px 9px #333333; |
1305 | -moz-box-shadow: 2px 2px 9px #333333; | 1313 | -moz-box-shadow: 2px 2px 9px #333333; |
1306 | box-shadow: 2px 2px 9px #333333; | 1314 | box-shadow: 2px 2px 9px #333333; |
1307 | border-radius: 10; | 1315 | border-radius: 10; |
1308 | -moz-border-radius: 10; | 1316 | -moz-border-radius: 10; |
1309 | -webkit-border-radius: 10; | 1317 | -webkit-border-radius: 10; |
1310 | } | 1318 | } |
1311 | div.SimpleMessagePanel div.body h3 { | 1319 | div.SimpleMessagePanel div.body h3 { |
1312 | font-size: 14pt; | 1320 | font-size: 14pt; |
1313 | font-weight: normal; | 1321 | font-weight: normal; |
1314 | margin: 0px; | 1322 | margin: 0px; |
1315 | padding-top: 4px; | 1323 | padding-top: 4px; |
1316 | color: #787872; | 1324 | color: #787872; |
1317 | } | 1325 | } |
1318 | div.SimpleMessagePanel div.body div.img { | 1326 | div.SimpleMessagePanel div.body div.img { |
1319 | width: 50px; | 1327 | width: 50px; |
1320 | height: 50px; | 1328 | height: 50px; |
1321 | float: left; | 1329 | float: left; |
1322 | margin-right: 15px; | 1330 | margin-right: 15px; |
1323 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 1331 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
1324 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 1332 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
1333 | background: linear-gradient(0deg, #ff6622, #ff9b5a); | ||
1325 | border-radius: 25px; | 1334 | border-radius: 25px; |
1326 | -moz-border-radius: 25px; | 1335 | -moz-border-radius: 25px; |
1327 | -webkit-border-radius: 25px; | 1336 | -webkit-border-radius: 25px; |
1328 | } | 1337 | } |
1329 | div.SimpleMessagePanel div.body div.img canvas { | 1338 | div.SimpleMessagePanel div.body div.img canvas { |
1330 | width: 50px; | 1339 | width: 50px; |
1331 | height: 50px; | 1340 | height: 50px; |
1332 | } | 1341 | } |
1333 | div.SimpleMessagePanel div.body p { | 1342 | div.SimpleMessagePanel div.body p { |
1334 | margin: 0; | 1343 | margin: 0; |
1335 | font-size: 10pt; | 1344 | font-size: 10pt; |
1336 | font-weight: normal; | 1345 | font-weight: normal; |
1337 | color: #787872; | 1346 | color: #787872; |
1338 | padding-top: 10px; | 1347 | padding-top: 10px; |
1339 | padding-bottom: 5px; | 1348 | padding-bottom: 5px; |
1340 | line-height: 1.3; | 1349 | line-height: 1.3; |
1341 | } | 1350 | } |
1342 | div.SimpleMessagePanel div.body div.buttonArea { | 1351 | div.SimpleMessagePanel div.body div.buttonArea { |
1343 | height: 40px; | 1352 | height: 40px; |
1344 | clear: both; | 1353 | clear: both; |
1345 | } | 1354 | } |
1346 | div.SimpleMessagePanel div.body div.buttonArea > div { | 1355 | div.SimpleMessagePanel div.body div.buttonArea > div { |
1347 | float: right; | 1356 | float: right; |
1348 | margin-left: 15px; | 1357 | margin-left: 15px; |
1349 | margin-top: 10px; | 1358 | margin-top: 10px; |
1350 | } | 1359 | } |
1351 | div.SimpleMessagePanel div.passphrase { | 1360 | div.SimpleMessagePanel div.passphrase { |
1352 | padding-left: 65px; | 1361 | padding-left: 65px; |
1353 | } | 1362 | } |
1354 | div.SimpleMessagePanel div.passphrase input { | 1363 | div.SimpleMessagePanel div.passphrase input { |
1355 | width: 250px; | 1364 | width: 250px; |
1356 | font-size: 14pt; | 1365 | font-size: 14pt; |