Revision e44aadcd cloudcms/static/cloudcms/css/modules.css
b/cloudcms/static/cloudcms/css/modules.css | ||
---|---|---|
8 | 8 |
img.left { margin:0 1em 1em 0; float:left;} |
9 | 9 |
img.right { margin:0 0 1em 1em; float:right;} |
10 | 10 |
|
11 |
|
|
11 | 12 |
|
12 | 13 |
/* footer */ |
13 | 14 |
.footer { font-size:0.923em;color:#B3B3B3; } |
... | ... | |
34 | 35 |
.top-msg.error { background-color:#EF4F54; color: #fff} |
35 | 36 |
.top-msg.warning { background-color:#F6921E; color: #fff} |
36 | 37 |
.top-msg.info { background-color:#C3C3B9; color: #fff} |
37 |
.top-msg.warning a { color: #3582AC}
|
|
38 |
.top-msg.warning a { color: #4F3515}
|
|
38 | 39 |
.top-msg.info a { color: #222} |
39 | 40 |
|
40 | 41 |
/* container */ |
... | ... | |
55 | 56 |
.two-cols .lt { float:left; width:400px;} |
56 | 57 |
.two-cols-blog .rt { float:right; width:220px; margin-left:80px; padding-right:65px;} |
57 | 58 |
.two-cols-blog .lt { overflow:hidden;} |
58 |
.container h2 { font-weight:normal; font-size:1.308em; margin-bottom:1em; } |
|
59 |
.container h2 { font-weight:normal; font-size:1.308em; margin-bottom:1.5em; }
|
|
59 | 60 |
.container h3 { font-weight:normal; margin-bottom:1em; } |
60 | 61 |
.container h2 em { color: #3582AC; font-style:normal; } |
61 | 62 |
/*.content a { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; } |
... | ... | |
81 | 82 |
.faq ul li { padding:0; margin:0 0 8px 0; list-style:none outside none;line-height:140%; } |
82 | 83 |
.faq ul li a { color:#222222; border:0 none; } |
83 | 84 |
.faq .faq-category { margin: 0 0 1.5em;} |
85 |
.faq .question.details ul li { list-style:circle inside none; } |
|
86 |
.faq .question.details ul li a { color:#F6921E } |
|
84 | 87 |
.follow h3 a { color:#4085A6;} |
85 | 88 |
.follow a { border:0 none;} |
86 | 89 |
.follow ul { margin:0; padding:0;} |
... | ... | |
391 | 394 |
/* end of workaround*/ |
392 | 395 |
|
393 | 396 |
.quotas-form legend span { color:#222; font-size:0.867em; } |
394 |
form.quotas-form legend span.info { position:relative; display:inline-block; top:auto; left:auto; margin-left:10px; vertical-align:middle; margin-top:-2px;} |
|
397 |
form.quotas-form legend span.info { position:relative; display:inline-block; top:auto; left:auto; bottom:auto; margin-left:10px; vertical-align:middle; margin-top:-2px;}
|
|
395 | 398 |
form.quotas-form legend span.info em { position:static; } |
396 | 399 |
form.quotas-form legend span.info span { width:530px; } |
397 | 400 |
form.quotas-form span.info span { width:285px; } |
398 | 401 |
.quotas-form .with-checkbox .checkbox-widget { margin-top:9px; } |
399 | 402 |
.quotas-form .with-checkbox span.info { top:12px; } |
400 | 403 |
.quotas-form .form-row.submit { text-align:center; } |
401 |
.quotas-form input[type="submit"] { margin:15px 0; background-color:#B3B3B3 } |
|
404 |
.quotas-form input[type="submit"] { margin:15px 0; } |
|
405 |
/* grey green buttons |
|
406 |
.quotas-form input[type="submit"] { background-color:#B3B3B3 } |
|
402 | 407 |
.quotas-form input[type="submit"]:hover { background:#55B577 } |
403 | 408 |
.quotas-form input[type="submit"]:focus { border-color: #B3B3B3} |
404 | 409 |
.quotas-form input[type="submit"]:focus:hover { border-color: #55B577} |
410 |
*/ |
|
411 |
|
|
405 | 412 |
.quotas-form input[type="submit"].lt { position:absolute; left:0; top:0; } |
413 |
|
|
414 |
.form-row.submit .rt-link { position:absolute; right:70px;bottom:15px; } |
|
415 |
.quotas-form .form-row.submit .rt-link { right:0; bottom:30px } |
|
416 |
.form-row.submit .rt-link.reset { right:15px; } |
|
406 | 417 |
.quotas-form fieldset ul { padding:0; margin:0 0 1em; position:relative; } |
407 | 418 |
.quotas-form fieldset ul li { list-style:none outside none; float:left; margin:0 0 0 60px; padding:0; } |
408 | 419 |
.quotas-form fieldset ul li:first-child { margin-left:0; } |
... | ... | |
419 | 430 |
.quotas-form .group fieldset { background:transparent; margin-bottom:1em; padding-bottom:1em; } |
420 | 431 |
.quotas-form .group fieldset legend { } |
421 | 432 |
.quotas-form fieldset ul li.rel+li.rel { background:url(../images/quota-related-bg.png) no-repeat left center; } |
433 |
|
|
434 |
|
|
422 | 435 |
.quotas-form .double-checks label { font-size:1.077em; } |
423 | 436 |
.quotas-form .double-checks .form-row { float:left; margin-right:10px;} |
424 | 437 |
.quotas-form .double-checks .with-checkbox .checkbox-widget { left:0; } |
... | ... | |
434 | 447 |
.quotas-form .with-info .double-checks span.info { left:262px; } |
435 | 448 |
.quotas-form .with-info .with-checkbox { margin-bottom:12px; } |
436 | 449 |
.quotas-form .quota input[type="text"] { width:150px;} |
437 |
.quotas-form .quota .error-msg { display:none; color:red; font-size:0.8em; margin:0; margin-left:224px; margin-bottom:5px; padding:5px; } |
|
450 |
|
|
451 |
/* quota form errors */ |
|
452 |
.quotas-form .quota .with-errors input[type="text"] { border-color:#222; color:grey;} |
|
453 |
.quotas-form .quota .with-errors.strong-error input[type="text"] { border-color:red; color:#9D261D} |
|
454 |
.quotas-form .quota .with-errors .extra-img { display:none; } |
|
455 |
.quotas-form .quota .with-errors.strong-error .extra-img { display:block; } |
|
456 |
.quotas-form .quota .with-errors span.info { display:block; } |
|
457 |
.quotas-form .quota .error-msg { display:none; color:#B3B3B3; font-size:0.8em; margin:0; margin-left:224px; margin-bottom:5px; padding:5px; } |
|
438 | 458 |
.quotas-form .quota .with-errors .error-msg { display:block;} |
459 |
.quotas-form .quota .strong-error .error-msg { color:red; } |
|
460 |
.quotas-form .quota .with-errors label { color:#222; } |
|
461 |
.quotas-form .quota .with-errors.strong-error label { color:#E4776F } |
|
462 |
|
|
439 | 463 |
form input[type="text"]::-webkit-input-placeholder, |
440 | 464 |
form textarea::-webkit-input-placeholder { color: #D4D4D4; font-style:italic; } |
441 | 465 |
form input[type="text"]:-moz-placeholder, |
... | ... | |
449 | 473 |
/* stats */ |
450 | 474 |
.stats ul { margin:0; padding:0; list-style:none outside none; } |
451 | 475 |
.stats ul li { margin:0 0 1em 0; padding:0 0 1em 0; list-style:none outside none; background:url(../images/stats-line.jpg) repeat-x left bottom} |
452 |
.stats .bar { padding: 0; text-align:center; float:left; width:200px;}
|
|
476 |
.stats .bar { padding: 0; float:left; }
|
|
453 | 477 |
.stats .bar div { width:340px; height:30px; border:1px solid #000; margin-top:20px; overflow:hidden;} |
454 |
.stats .bar span { text-align:right; display:block; height:100%; position: relative; overflow: visible; } |
|
478 |
.stats .bar span { text-align:right; display:block; float:left; height:100%; position: relative; overflow: visible; } |
|
479 |
.stats .bar span.hovered { } |
|
455 | 480 |
.stats .bar span.value { background-color: transparent !important; } |
456 | 481 |
.stats .bar span em { color:#000; } |
457 |
.stats .bar span em.hovered { color:#fff; }
|
|
482 |
.stats .bar span.hovered em { color:#fff; }
|
|
458 | 483 |
.stats .bar em { |
459 | 484 |
font-style:normal; |
460 | 485 |
color:#222; |
461 | 486 |
line-height:30px; |
462 | 487 |
font-size:1.231em; |
463 | 488 |
padding-left:10px; |
464 |
position: absolute; |
|
465 |
right: 10px; |
|
466 |
left: 10px; |
|
489 |
|
|
467 | 490 |
} |
491 |
|
|
492 |
.stats .bar span + em { position: } |
|
468 | 493 |
.stats .red .bar span { background:#ef4f54; } |
469 | 494 |
.stats .yellow .bar span { background:#f6921e; } |
470 | 495 |
.stats .green .bar span { background:#55b577; } |
... | ... | |
522 | 547 |
.content .how-it-works .link-33 { bottom:275px; right:14px; } |
523 | 548 |
.content .how-it-works .link-42 { bottom:12px; left:251px; } |
524 | 549 |
|
550 |
/* |
|
525 | 551 |
.auth_methods { margin-top:2em; padding-bottom:1em; } |
526 | 552 |
.auth_methods ul { margin:1em 0; padding:0; list-style:none outside none; } |
527 | 553 |
.auth_methods ul li { margin:0 0 1em 0; padding:0; list-style:none outside none; font-size:1.154em; } |
... | ... | |
535 | 561 |
.auth_methods .dialog-wrap { display:inline; position:relative; } |
536 | 562 |
.auth_methods .dialog { background:#fff; border:1px dashed #ccc; position:absolute; bottom:30px; left:0; padding:15px; width:220px; display:none;} |
537 | 563 |
.auth_methods .dialog .submit { min-width:30px; padding:5px 22px; } |
564 |
*/ |
|
538 | 565 |
.right-align { text-align:right; } |
539 | 566 |
|
540 |
|
|
567 |
.auth_methods h3 { float:left; width:224px; font-size:1.077em;} |
|
568 |
.auth_methods ul { overflow:hidden; padding:0; } |
|
569 |
.auth_methods ul li { list-style:none outside none; padding:0; margin:0 0 5px 0; position:relative;} |
|
570 |
.auth_methods ul li a { display:inline-block; height:50px; overflow:hidden; vertical-align:middle; } |
|
571 |
.auth_methods ul li a:hover img { margin-top:-240px; } |
|
572 |
.auth_methods ul li span.extra-message { display:none; color:#F6921E; position:absolute; left:140px; top:13px; } |
|
573 |
.auth_methods ul li span.extra-message em { font-style:normal; background:#fff; } |
|
574 |
.auth_methods ul li span.extra-message em span { display:inline-block; max-width:420px; vertical-align: middle; } |
|
575 |
.auth_methods ul li a:hover + span { display:inline; } |
|
576 |
.auth_methods .dialog-wrap { color:#F24E53; display:none; margin-top:1em; } |
|
577 |
.auth_methods .dialog-wrap .submit { min-width:10px; text-transform:uppercase; margin-right:10px; } |
|
578 |
.auth_methods ul li a.noaction:hover img { margin-top:-60px } |
|
579 |
.auth_methods ul li a.noaction:hover { cursor:default; } |
|
580 |
.auth_methods ul li a.noaction:focus { outline:0 none; } |
|
581 |
.auth_methods ul li a.canremove:hover img, |
|
582 |
.auth_methods .assigned ul li.remove a img { margin-top:-120px; } |
|
583 |
.auth_methods .assigned ul li span.extra-message{ color:#F24E53;} |
|
584 |
.auth_methods .assigned ul li a img { margin-top:-60px } |
|
585 |
.auth_methods .assigned, |
|
586 |
.auth_methods .notassigned { margin-bottom:40px; } |
|
587 |
.auth_methods .assigned span.details { color:grey; display:inline-block; max-width:400px; vertical-align:middle; position:absolute; left:140px; top:13px;} |
|
588 |
#token-confirm { display:none; position:absolute; left:550px; top:-10px; } |
|
541 | 589 |
/* login section */ |
542 | 590 |
.login-section {} |
543 | 591 |
.main-login-method { margin-bottom: 20px;} |
... | ... | |
559 | 607 |
} |
560 | 608 |
|
561 | 609 |
i.tiny { font-size: 0.8em; color: #999;} |
610 |
|
|
611 |
h2 span.subtitle { font-size: 0.9em; color: #55B577;} |
|
612 |
|
|
613 |
.main-login-method + .extralogin { margin-top:3em; } |
|
614 |
.extralogin a.icons { display:inline-block; margin-right:5px; height:28px; overflow:hidden; vertical-align:middle; } |
|
615 |
.extralogin a.icons:hover img { margin-top:-38px; } |
|
616 |
.landing-page .dotted { padding-bottom:40px; margin-bottom:40px; } |
|
617 |
.landing-page .cyclades a { color:#04a0af; } |
|
618 |
.landing-page .dashboard a { color:#3780b0; } |
|
619 |
.landing-page .cms a { color:#3780b0; } |
|
620 |
.landing-page .rt { text-align:center;vertical-align:middle; } |
|
621 |
#signup-classic { clear:both; } |
|
622 |
#signup-classic + .form-stacked { display:none; } |
|
623 |
.extralogin a.standalone { display:block; width:150px; margin-bottom:20px; white-space:nowrap;} |
|
624 |
.hidden-form-rows { display:none; } |
|
625 |
|
|
626 |
|
|
627 |
.content a:hover:focus { outline: 0 none } |
|
628 |
.content a:hover, |
|
629 |
.content a:active, |
|
630 |
.content a:visited { outline: 0 none; } |
|
631 |
.content a:visited { border:0 none; } |
|
632 |
|
|
633 |
#hand { position:absolute; height:79px; width:61px; background:url(../images/xeraki_hover.png) no-repeat; overflow:hidden; display:none; top:40px;} |
Also available in: Unified diff