Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 3960:5293d4bbb1ea

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Merged dev into stable/default/master branch
author Marcin Kuzminski <marcin@python-works.com>
date Fri, 07 Jun 2013 00:31:11 +0200
parents a7d69146021b 4930abd96a7e
children 285b620fe5ae
comparison
equal deleted inserted replaced
3879:51596d9ef2f8 3960:5293d4bbb1ea
216 color: #B9B9B9; 216 color: #B9B9B9;
217 } 217 }
218 218
219 a.permalink { 219 a.permalink {
220 visibility: hidden; 220 visibility: hidden;
221 position: absolute;
222 margin: 3px 4px;
221 } 223 }
222 224
223 a.permalink:hover { 225 a.permalink:hover {
224 text-decoration: none; 226 text-decoration: none;
225 } 227 }
363 365
364 #header #header-inner #home a { 366 #header #header-inner #home a {
365 height: 40px; 367 height: 40px;
366 width: 46px; 368 width: 46px;
367 display: block; 369 display: block;
368 background: url("../images/button_home.png");
369 background-position: 0 0; 370 background-position: 0 0;
370 margin: 0; 371 margin: 0;
371 padding: 0; 372 padding: 0;
372 } 373 }
373 374
538 background-image: url("../images/icons/arrow_inout.png"); 539 background-image: url("../images/icons/arrow_inout.png");
539 } 540 }
540 541
541 #header #header-inner #quick li ul li a.search, #header #header-inner #quick li ul li a.search:hover { 542 #header #header-inner #quick li ul li a.search, #header #header-inner #quick li ul li a.search:hover {
542 background-image: url("../images/icons/search_16.png"); 543 background-image: url("../images/icons/search_16.png");
543 }
544
545 #header #header-inner #quick li ul li a.shortlog, #header #header-inner #quick li ul li a.shortlog:hover {
546 background-image: url("../images/icons/clock_16.png");
547 } 544 }
548 545
549 #header #header-inner #quick li ul li a.delete, #header #header-inner #quick li ul li a.delete:hover { 546 #header #header-inner #quick li ul li a.delete, #header #header-inner #quick li ul li a.delete:hover {
550 background-image: url("../images/icons/delete.png"); 547 background-image: url("../images/icons/delete.png");
551 } 548 }
1565 text-decoration: none; 1562 text-decoration: none;
1566 margin: 0; 1563 margin: 0;
1567 padding: 6px; 1564 padding: 6px;
1568 } 1565 }
1569 1566
1570 #content div.box div.pagination ul.pager li a:hover, #content div.box div.pagination ul.pager li a:active { 1567 #content div.box div.pagination ul.pager li a:hover,
1568 #content div.box div.pagination ul.pager li a:active {
1571 background: #b4b4b4 url("../images/pager_selected.png") repeat-x; 1569 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
1572 border-top: 1px solid #ccc; 1570 border-top: 1px solid #ccc;
1573 border-left: 1px solid #bebebe; 1571 border-left: 1px solid #bebebe;
1574 border-right: 1px solid #b1b1b1; 1572 border-right: 1px solid #b1b1b1;
1575 border-bottom: 1px solid #afafaf; 1573 border-bottom: 1px solid #afafaf;
1576 margin: -1px; 1574 margin: -1px;
1577 } 1575 }
1578 1576
1577 #content div.box div.pagination-right {
1578 float: right;
1579 }
1580
1579 #content div.box div.pagination-wh { 1581 #content div.box div.pagination-wh {
1580 height: 1%; 1582 height: 1%;
1581 clear: both;
1582 overflow: hidden; 1583 overflow: hidden;
1583 text-align: right; 1584 text-align: right;
1584 margin: 10px 0 0; 1585 margin: 10px 0 0;
1585 padding: 0; 1586 padding: 0;
1586 } 1587 }
1587 1588
1588 #content div.box div.pagination-right { 1589 #content div.box div.pagination-wh > :first-child {
1589 float: right; 1590 border-radius: 4px 0px 0px 4px;
1591 }
1592
1593 #content div.box div.pagination-wh > :last-child {
1594 border-radius: 0px 4px 4px 0px;
1595 border-right: 1px solid #cfcfcf;
1590 } 1596 }
1591 1597
1592 #content div.box div.pagination-wh a, 1598 #content div.box div.pagination-wh a,
1593 #content div.box div.pagination-wh span.pager_dotdot, 1599 #content div.box div.pagination-wh span.pager_dotdot,
1594 #content div.box div.pagination-wh span.yui-pg-previous, 1600 #content div.box div.pagination-wh span.yui-pg-previous,
1598 height: 1%; 1604 height: 1%;
1599 float: left; 1605 float: left;
1600 background: #ebebeb url("../images/pager.png") repeat-x; 1606 background: #ebebeb url("../images/pager.png") repeat-x;
1601 border-top: 1px solid #dedede; 1607 border-top: 1px solid #dedede;
1602 border-left: 1px solid #cfcfcf; 1608 border-left: 1px solid #cfcfcf;
1603 border-right: 1px solid #c4c4c4;
1604 border-bottom: 1px solid #c4c4c4; 1609 border-bottom: 1px solid #c4c4c4;
1605 color: #4A4A4A; 1610 color: #4A4A4A;
1606 font-weight: 700; 1611 font-weight: 700;
1607 margin: 0 0 0 4px;
1608 padding: 6px; 1612 padding: 6px;
1609 } 1613 }
1610 1614
1611 #content div.box div.pagination-wh span.pager_curpage { 1615 #content div.box div.pagination-wh span.pager_curpage {
1612 height: 1%; 1616 height: 1%;
1613 float: left; 1617 float: left;
1614 background: #b4b4b4 url("../images/pager_selected.png") repeat-x; 1618 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
1615 border-top: 1px solid #ccc; 1619 border-top: 1px solid #ccc;
1616 border-left: 1px solid #bebebe; 1620 border-left: 1px solid #bebebe;
1617 border-right: 1px solid #b1b1b1;
1618 border-bottom: 1px solid #afafaf; 1621 border-bottom: 1px solid #afafaf;
1619 color: #515151; 1622 color: #515151;
1620 font-weight: 700; 1623 font-weight: 700;
1621 margin: 0 0 0 4px;
1622 padding: 6px; 1624 padding: 6px;
1623 } 1625 }
1624 1626
1625 #content div.box div.pagination-wh a:hover, #content div.box div.pagination-wh a:active { 1627 #content div.box div.pagination-wh a:hover, #content div.box div.pagination-wh a:active {
1626 background: #b4b4b4 url("../images/pager_selected.png") repeat-x; 1628 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
1627 border-top: 1px solid #ccc; 1629 border-top: 1px solid #ccc;
1628 border-left: 1px solid #bebebe; 1630 border-left: 1px solid #bebebe;
1629 border-right: 1px solid #b1b1b1;
1630 border-bottom: 1px solid #afafaf; 1631 border-bottom: 1px solid #afafaf;
1631 text-decoration: none; 1632 text-decoration: none;
1632 } 1633 }
1633 1634
1634 #content div.box div.traffic div.legend { 1635 #content div.box div.traffic div.legend {
1734 text-decoration: none; 1735 text-decoration: none;
1735 } 1736 }
1736 1737
1737 #summary-menu-stats a span { 1738 #summary-menu-stats a span {
1738 background-color: #DEDEDE; 1739 background-color: #DEDEDE;
1739 color: 888 !important; 1740 color: #888 !important;
1740 border-radius: 4px; 1741 border-radius: 4px;
1741 padding: 2px 4px; 1742 padding: 2px 4px;
1742 font-size: 10px; 1743 font-size: 10px;
1743 } 1744 }
1744 1745
2302 #files_data dl dd { 2303 #files_data dl dd {
2303 margin: 0 !important; 2304 margin: 0 !important;
2304 padding: 5px !important; 2305 padding: 5px !important;
2305 } 2306 }
2306 2307
2308 #files_data .codeblock #editor_container .error-message {
2309 color: red;
2310 padding: 10px 10px 10px 26px
2311 }
2312
2307 .file_history { 2313 .file_history {
2308 padding-top: 10px; 2314 padding-top: 10px;
2309 font-size: 16px; 2315 font-size: 16px;
2310 } 2316 }
2311 .file_author { 2317 .file_author {
2400 float: left; 2406 float: left;
2401 text-align: center; 2407 text-align: center;
2402 font-size: 9px; 2408 font-size: 9px;
2403 padding: 2px 0px 2px 0px; 2409 padding: 2px 0px 2px 0px;
2404 } 2410 }
2405 /*new binary*/ 2411 /*new binary
2406 .cs_files .changes .bin1 { 2412 NEW_FILENODE = 1
2413 DEL_FILENODE = 2
2414 MOD_FILENODE = 3
2415 RENAMED_FILENODE = 4
2416 CHMOD_FILENODE = 5
2417 BIN_FILENODE = 6
2418 */
2419 .cs_files .changes .bin {
2407 background-color: #BBFFBB; 2420 background-color: #BBFFBB;
2408 float: left; 2421 float: left;
2409 text-align: center; 2422 text-align: center;
2410 font-size: 9px; 2423 font-size: 9px;
2411 padding: 2px 0px 2px 0px; 2424 padding: 2px 0px 2px 0px;
2412 } 2425 }
2426 .cs_files .changes .bin.bin1 {
2427 background-color: #BBFFBB;
2428 }
2413 2429
2414 /*deleted binary*/ 2430 /*deleted binary*/
2415 .cs_files .changes .bin2 { 2431 .cs_files .changes .bin.bin2 {
2416 background-color: #FF8888; 2432 background-color: #FF8888;
2417 float: left;
2418 text-align: center;
2419 font-size: 9px;
2420 padding: 2px 0px 2px 0px;
2421 } 2433 }
2422 2434
2423 /*mod binary*/ 2435 /*mod binary*/
2424 .cs_files .changes .bin3 { 2436 .cs_files .changes .bin.bin3 {
2425 background-color: #DDDDDD; 2437 background-color: #DDDDDD;
2426 float: left;
2427 text-align: center;
2428 font-size: 9px;
2429 padding: 2px 0px 2px 0px;
2430 } 2438 }
2431 2439
2432 /*rename file*/ 2440 /*rename file*/
2433 .cs_files .changes .bin4 { 2441 .cs_files .changes .bin.bin4 {
2434 background-color: #6D99FF; 2442 background-color: #6D99FF;
2435 float: left; 2443 }
2436 text-align: center; 2444
2437 font-size: 9px; 2445 /*rename file*/
2438 padding: 2px 0px 2px 0px; 2446 .cs_files .changes .bin.bin4 {
2439 } 2447 background-color: #6D99FF;
2440 2448 }
2449
2450 /*chmod file*/
2451 .cs_files .changes .bin.bin5 {
2452 background-color: #6D99FF;
2453 }
2441 2454
2442 .cs_files .cs_added, .cs_files .cs_A { 2455 .cs_files .cs_added, .cs_files .cs_A {
2443 background: url("../images/icons/page_white_add.png") no-repeat scroll 2456 background: url("../images/icons/page_white_add.png") no-repeat scroll
2444 3px; 2457 3px;
2445 height: 16px; 2458 height: 16px;
2590 background: #FFFFFF; 2603 background: #FFFFFF;
2591 height: 41px; 2604 height: 41px;
2592 } 2605 }
2593 2606
2594 #graph_content .comments-container, 2607 #graph_content .comments-container,
2608 #shortlog_data .comments-container,
2595 #graph_content .logtags { 2609 #graph_content .logtags {
2596 display: block; 2610 display: block;
2597 float: left; 2611 float: left;
2598 overflow: hidden; 2612 overflow: hidden;
2599 padding: 0; 2613 padding: 0;
2633 width: auto; 2647 width: auto;
2634 right: 0; 2648 right: 0;
2635 left: initial; 2649 left: initial;
2636 } 2650 }
2637 2651
2638 #graph_content .logtags .bookbook, 2652 #graph_content .logtags .booktag,
2639 #graph_content .logtags .tagtag { 2653 #graph_content .logtags .tagtag {
2640 float: left; 2654 float: left;
2641 line-height: 1em; 2655 line-height: 1em;
2642 margin-bottom: 1px; 2656 margin-bottom: 1px;
2643 margin-right: 1px; 2657 margin-right: 1px;
2688 #graph_content .comments-cnt { 2702 #graph_content .comments-cnt {
2689 color: rgb(136, 136, 136); 2703 color: rgb(136, 136, 136);
2690 padding: 5px 0; 2704 padding: 5px 0;
2691 } 2705 }
2692 2706
2693 #graph_content .comments-cnt a { 2707 #shortlog_data .comments-cnt {
2708 color: rgb(136, 136, 136);
2709 padding: 3px 0;
2710 }
2711
2712 #graph_content .comments-cnt a,
2713 #shortlog_data .comments-cnt a {
2694 background-image: url('../images/icons/comments.png'); 2714 background-image: url('../images/icons/comments.png');
2695 background-repeat: no-repeat; 2715 background-repeat: no-repeat;
2696 background-position: 100% 50%; 2716 background-position: 100% 50%;
2697 padding: 5px 0; 2717 padding: 5px 0;
2698 padding-right: 20px; 2718 padding-right: 20px;
2759 margin: 0px 2px; 2779 margin: 0px 2px;
2760 } 2780 }
2761 2781
2762 .branchtag, 2782 .branchtag,
2763 .tagtag, 2783 .tagtag,
2764 .bookbook, 2784 .booktag,
2765 .spantag { 2785 .spantag {
2766 padding: 1px 3px 1px 3px; 2786 padding: 1px 3px 1px 3px;
2767 font-size: 10px; 2787 font-size: 10px;
2768 color: #336699; 2788 color: #336699;
2769 white-space: nowrap; 2789 white-space: nowrap;
2773 line-height: 1.5em; 2793 line-height: 1.5em;
2774 } 2794 }
2775 2795
2776 #graph_content .branchtag, 2796 #graph_content .branchtag,
2777 #graph_content .tagtag, 2797 #graph_content .tagtag,
2778 #graph_content .bookbook { 2798 #graph_content .booktag {
2779 margin: 1.1em 0; 2799 margin: 1.1em 0;
2780 margin-right: 0.5em; 2800 margin-right: 0.5em;
2781 } 2801 }
2782 2802
2783 .branchtag, 2803 .branchtag,
2784 .tagtag, 2804 .tagtag,
2785 .bookbook { 2805 .booktag {
2786 float: left; 2806 float: left;
2787 } 2807 }
2788 2808
2789 .right .logtags .branchtag, 2809 .right .logtags .branchtag,
2790 .right .logtags .tagtag, 2810 .right .logtags .tagtag,
2794 line-height: 1em; 2814 line-height: 1em;
2795 margin: 1px 1px !important; 2815 margin: 1px 1px !important;
2796 display: block; 2816 display: block;
2797 } 2817 }
2798 2818
2799 .bookbook { 2819 .booktag {
2800 border-color: #46A546; 2820 border-color: #46A546;
2801 color: #46A546; 2821 color: #46A546;
2802 } 2822 }
2803 2823
2804 .tagtag { 2824 .tagtag {
2828 .logtags .tagtag a, 2848 .logtags .tagtag a,
2829 .logtags .tagtag a:hover { 2849 .logtags .tagtag a:hover {
2830 text-decoration: none; 2850 text-decoration: none;
2831 color: inherit; 2851 color: inherit;
2832 } 2852 }
2833 .logbooks .bookbook, .logbooks .bookbook, .logtags .bookbook, .logtags .bookbook { 2853 .logbooks .booktag, .logbooks .booktag, .logtags .booktag, .logtags .booktag {
2834 padding: 1px 3px 1px 3px; 2854 padding: 1px 3px 1px 3px;
2835 background-color: #46A546; 2855 background-color: #46A546;
2836 font-size: 10px; 2856 font-size: 10px;
2837 color: #ffffff; 2857 color: #ffffff;
2838 white-space: nowrap; 2858 white-space: nowrap;
2839 -webkit-border-radius: 3px; 2859 -webkit-border-radius: 3px;
2840 border-radius: 3px; 2860 border-radius: 3px;
2841 } 2861 }
2842 .logbooks .bookbook, .logbooks .bookbook a, .right .logtags .bookbook, .logtags .bookbook a { 2862 .logbooks .booktag, .logbooks .booktag a, .right .logtags .booktag, .logtags .booktag a {
2843 color: #ffffff; 2863 color: #ffffff;
2844 } 2864 }
2845 2865
2846 .logbooks .bookbook, .logbooks .bookbook a:hover, 2866 .logbooks .booktag, .logbooks .booktag a:hover,
2847 .logtags .bookbook, .logtags .bookbook a:hover, 2867 .logtags .booktag, .logtags .booktag a:hover,
2848 .bookbook a, 2868 .booktag a,
2849 .bookbook a:hover { 2869 .booktag a:hover {
2850 text-decoration: none; 2870 text-decoration: none;
2851 color: inherit; 2871 color: inherit;
2852 } 2872 }
2853 div.browserblock { 2873 div.browserblock {
2854 overflow: hidden; 2874 overflow: hidden;
3450 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 3470 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
3451 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 3471 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
3452 } 3472 }
3453 3473
3454 #msg_close { 3474 #msg_close {
3455 background: transparent url("../icons/cross_grey_small.png") no-repeat scroll 0 0; 3475 background: transparent url("../images/cross_grey_small.png") no-repeat scroll 0 0;
3456 cursor: pointer; 3476 cursor: pointer;
3457 height: 16px; 3477 height: 16px;
3458 position: absolute; 3478 position: absolute;
3459 right: 5px; 3479 right: 5px;
3460 top: 5px; 3480 top: 5px;
3548 -webkit-border-radius: 4px 4px 4px 4px !important; 3568 -webkit-border-radius: 4px 4px 4px 4px !important;
3549 -khtml-border-radius: 4px 4px 4px 4px !important; 3569 -khtml-border-radius: 4px 4px 4px 4px !important;
3550 border-radius: 4px 4px 4px 4px !important; 3570 border-radius: 4px 4px 4px 4px !important;
3551 cursor: pointer !important; 3571 cursor: pointer !important;
3552 padding: 3px 3px 3px 3px; 3572 padding: 3px 3px 3px 3px;
3553 background-position: 0 -15px; 3573 background-position: 0 -100px;
3554 3574
3575 }
3576
3577 .ui-btn.badge {
3578 cursor: default !important;
3555 } 3579 }
3556 3580
3557 .ui-btn.disabled { 3581 .ui-btn.disabled {
3558 color: #999; 3582 color: #999;
3559 } 3583 }
3580 } 3604 }
3581 .ui-btn:focus { 3605 .ui-btn:focus {
3582 outline: none; 3606 outline: none;
3583 } 3607 }
3584 .ui-btn:hover { 3608 .ui-btn:hover {
3585 background-position: 0 -15px; 3609 background-position: 0 -100px;
3586 text-decoration: none; 3610 text-decoration: none;
3587 color: #515151; 3611 color: #515151;
3588 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF !important; 3612 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF !important;
3589 } 3613 }
3590 3614 .ui-btn.badge:hover {
3615 box-shadow: none !important;
3616 }
3591 .ui-btn.disabled:hover { 3617 .ui-btn.disabled:hover {
3592 background-position: 0; 3618 background-position: 0;
3593 color: #999; 3619 color: #999;
3594 text-decoration: none; 3620 text-decoration: none;
3595 box-shadow: none !important; 3621 box-shadow: none !important;
3627 border-color: #339bb9 #339bb9 #22697d; 3653 border-color: #339bb9 #339bb9 #22697d;
3628 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3654 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
3629 } 3655 }
3630 3656
3631 .ui-btn.green { 3657 .ui-btn.green {
3658 color: #fff;
3632 background-color: #57a957; 3659 background-color: #57a957;
3633 background-repeat: repeat-x; 3660 background-repeat: repeat-x;
3634 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); 3661 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
3635 background-image: -moz-linear-gradient(top, #62c462, #57a957); 3662 background-image: -moz-linear-gradient(top, #62c462, #57a957);
3636 background-image: -ms-linear-gradient(top, #62c462, #57a957); 3663 background-image: -ms-linear-gradient(top, #62c462, #57a957);
3641 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); 3668 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
3642 border-color: #57a957 #57a957 #3d773d; 3669 border-color: #57a957 #57a957 #3d773d;
3643 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3670 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
3644 } 3671 }
3645 3672
3673 .ui-btn.yellow {
3674 color: #fff;
3675 background-color: #faa732;
3676 background-repeat: repeat-x;
3677 background-image: -khtml-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406));
3678 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
3679 background-image: -ms-linear-gradient(top, #fbb450, #f89406);
3680 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb450), color-stop(100%, #f89406));
3681 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
3682 background-image: -o-linear-gradient(top, #fbb450, #f89406);
3683 background-image: linear-gradient(to bottom, #fbb450, #f89406);
3684 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
3685 border-color: #f89406 #f89406 #ad6704;
3686 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
3687 }
3688
3646 .ui-btn.blue.hidden { 3689 .ui-btn.blue.hidden {
3647 display: none; 3690 display: none;
3648 } 3691 }
3649 3692
3650 .ui-btn.active { 3693 .ui-btn.active {
4296 .status-block { 4339 .status-block {
4297 min-height: 80px; 4340 min-height: 80px;
4298 clear: both 4341 clear: both
4299 } 4342 }
4300 4343
4301 .comment-form .clearfix {
4302 background: #EEE;
4303 -webkit-border-radius: 4px;
4304 border-radius: 4px;
4305 padding: 10px;
4306 }
4307 4344
4308 div.comment-form { 4345 div.comment-form {
4309 margin-top: 20px; 4346 margin-top: 20px;
4310 } 4347 }
4311 4348
4323 form.comment-form { 4360 form.comment-form {
4324 margin-top: 10px; 4361 margin-top: 10px;
4325 margin-left: 10px; 4362 margin-left: 10px;
4326 } 4363 }
4327 4364
4365 .comment-inline-form .comment-block-ta,
4366 .comment-form .comment-block-ta {
4367 border: 1px solid #ccc;
4368 border-radius: 3px;
4369 box-sizing: border-box;
4370 }
4371
4328 .comment-form-submit { 4372 .comment-form-submit {
4329 margin-top: 5px; 4373 margin-top: 5px;
4330 margin-left: 525px; 4374 margin-left: 525px;
4331 } 4375 }
4332 4376
4337 .comment-form .comment { 4381 .comment-form .comment {
4338 margin-left: 10px; 4382 margin-left: 10px;
4339 } 4383 }
4340 4384
4341 .comment-form .comment-help { 4385 .comment-form .comment-help {
4342 padding: 0px 0px 5px 0px; 4386 padding: 5px 5px 5px 5px;
4343 color: #666; 4387 color: #666;
4388 }
4389 .comment-form .comment-help .preview-btn,
4390 .comment-form .comment-help .edit-btn {
4391 float: right;
4392 margin: -6px 0px 0px 0px;
4393 }
4394
4395 .comment-form .preview-box.unloaded,
4396 .comment-inline-form .preview-box.unloaded {
4397 height: 50px;
4398 text-align: center;
4399 padding: 20px;
4400 background-color: #fafafa;
4344 } 4401 }
4345 4402
4346 .comment-form .comment-button { 4403 .comment-form .comment-button {
4347 padding-top: 5px; 4404 padding-top: 5px;
4348 } 4405 }
4353 margin-bottom: 10px; 4410 margin-bottom: 10px;
4354 } 4411 }
4355 4412
4356 .comment .buttons { 4413 .comment .buttons {
4357 float: right; 4414 float: right;
4358 padding: 2px 2px 0px 0px; 4415 margin: -1px 0px 0px 0px;
4359 } 4416 }
4360 4417
4361 4418
4362 .show-inline-comments { 4419 .show-inline-comments {
4363 position: relative; 4420 position: relative;
4364 top: 1px 4421 top: 1px
4365 } 4422 }
4366 4423
4367 /** comment inline form **/ 4424 /** comment inline form **/
4425 .comment-inline-form {
4426 margin: 4px;
4427 }
4368 .comment-inline-form .overlay { 4428 .comment-inline-form .overlay {
4369 display: none; 4429 display: none;
4370 } 4430 }
4371 .comment-inline-form .overlay.submitting { 4431 .comment-inline-form .overlay.submitting {
4372 display: block; 4432 display: block;
4381 .comment-inline-form .overlay.submitting .overlay-text { 4441 .comment-inline-form .overlay.submitting .overlay-text {
4382 width: 100%; 4442 width: 100%;
4383 margin-top: 5%; 4443 margin-top: 5%;
4384 } 4444 }
4385 4445
4386 .comment-inline-form .clearfix { 4446 .comment-inline-form .clearfix,
4447 .comment-form .clearfix {
4387 background: #EEE; 4448 background: #EEE;
4388 -webkit-border-radius: 4px; 4449 -webkit-border-radius: 4px;
4389 border-radius: 4px; 4450 border-radius: 4px;
4390 padding: 5px; 4451 padding: 5px;
4452 margin: 0px;
4391 } 4453 }
4392 4454
4393 div.comment-inline-form { 4455 div.comment-inline-form {
4394 padding: 4px 0px 6px 0px; 4456 padding: 4px 0px 6px 0px;
4395 } 4457 }
4422 .comment-inline-form .comment { 4484 .comment-inline-form .comment {
4423 margin-left: 10px; 4485 margin-left: 10px;
4424 } 4486 }
4425 4487
4426 .comment-inline-form .comment-help { 4488 .comment-inline-form .comment-help {
4427 padding: 0px 0px 2px 0px; 4489 padding: 5px 5px 5px 5px;
4428 color: #666666; 4490 color: #666;
4429 font-size: 10px; 4491 }
4492
4493 .comment-inline-form .comment-help .preview-btn,
4494 .comment-inline-form .comment-help .edit-btn {
4495 float: right;
4496 margin: -6px 0px 0px 0px;
4430 } 4497 }
4431 4498
4432 .comment-inline-form .comment-button { 4499 .comment-inline-form .comment-button {
4433 padding-top: 5px; 4500 padding-top: 5px;
4434 } 4501 }