Commit 6dfb9a71d9d2c3ff525606fe0f69c77b3b0de844
1 parent
8b8f3011
comment styles 1
Showing
1 changed file
with
76 additions
and
71 deletions
Show diff stats
frontend/web/css/main.css
@@ -520,6 +520,81 @@ section.bar.background-gray.steps-pre:before { | @@ -520,6 +520,81 @@ section.bar.background-gray.steps-pre:before { | ||
520 | text-align: center; | 520 | text-align: center; |
521 | margin-bottom: 20px; | 521 | margin-bottom: 20px; |
522 | } | 522 | } |
523 | + | ||
524 | + | ||
525 | + | ||
526 | + | ||
527 | +.comments-start .required label:before{display:none;content:'';} | ||
528 | +.comments-start .required label:after { | ||
529 | + display: inline-block; | ||
530 | + content: "*"; | ||
531 | + color: #d40000; | ||
532 | + margin-left: 4px; | ||
533 | +} | ||
534 | +.user-ico{padding: 10px;text-align: center;font-size: 30px;} | ||
535 | +#blog-post{padding-bottom: 50px;} | ||
536 | +#artbox-comment .submit_btn button{ | ||
537 | + color: #0080ca; | ||
538 | + background-color: initial; | ||
539 | + border: 1px solid; | ||
540 | + border-color: #0080ca; | ||
541 | + font-weight: 700; | ||
542 | + font-family: "Roboto",Helvetica,Arial,sans-serif; | ||
543 | + text-transform: uppercase; | ||
544 | + letter-spacing: .08em; | ||
545 | + padding: 6px 12px; | ||
546 | + font-size: 13px; | ||
547 | + line-height: 1.42857143; | ||
548 | + border-radius: 0; | ||
549 | + margin: 0 auto; | ||
550 | + display: block; | ||
551 | +} | ||
552 | +#artbox-comment .submit_btn button:hover, #artbox-comment .submit_btn button:active{ | ||
553 | + color:#fff; | ||
554 | + background-color:#0080ca; | ||
555 | +} | ||
556 | +#artbox-comment .submit_btn button:active{ | ||
557 | + background-image: none; | ||
558 | + outline: 0; | ||
559 | + -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); | ||
560 | + box-shadow: inset 0 3px 5px rgba(0,0,0,.125); | ||
561 | +} | ||
562 | +#artbox-comment .submit_btn button:before{ | ||
563 | + content: "\f0e5"; | ||
564 | + display: inline-block; | ||
565 | + font: normal normal normal 14px/1 FontAwesome; | ||
566 | + font-size: inherit; | ||
567 | + text-rendering: auto; | ||
568 | + -webkit-font-smoothing: antialiased; | ||
569 | + -moz-osx-font-smoothing: grayscale; | ||
570 | + margin-right: 5px; | ||
571 | +} | ||
572 | +#artbox-comment .form-comm-wr{background:none;} | ||
573 | +#artbox-comment .input_bl label { | ||
574 | + position: relative; | ||
575 | + width: 100%; | ||
576 | + text-align: left; | ||
577 | + padding-right: 10px; | ||
578 | + margin: 9px 0 0 0; | ||
579 | + display: inline-block; | ||
580 | + max-width: 100%; | ||
581 | + margin-bottom: 5px; | ||
582 | + font-weight: normal; | ||
583 | + text-transform: none; | ||
584 | + font-family: "Roboto",Helvetica,Arial,sans-serif; | ||
585 | + font-size: 14px; | ||
586 | + line-height: 1.42857143; | ||
587 | + color: #555; | ||
588 | +} | ||
589 | +#artbox-comment .submit_btn{width: 100%;} | ||
590 | +.input_bl input, .input_bl textarea, .answer-form textarea{width:100%;border-radius: 0!important;} | ||
591 | +.form-comm-wr .form-group { | ||
592 | + margin-bottom: 0; | ||
593 | + width: 50%; | ||
594 | + padding: 0px 15px; | ||
595 | +} | ||
596 | +.form-comm-wr .form-group.field-commentmodel-text{width:100%;} | ||
597 | + | ||
523 | @media(min-width:1201px){ | 598 | @media(min-width:1201px){ |
524 | .links-ses-for-wr .container .row p {margin: 7px 20px;} | 599 | .links-ses-for-wr .container .row p {margin: 7px 20px;} |
525 | .main-slider {min-height: 620px;} | 600 | .main-slider {min-height: 620px;} |
@@ -730,74 +805,4 @@ section.bar.background-gray.steps-pre:before { | @@ -730,74 +805,4 @@ section.bar.background-gray.steps-pre:before { | ||
730 | } | 805 | } |
731 | @media(max-width:275px){ | 806 | @media(max-width:275px){ |
732 | .head_video_buttons .button1, .head_video_buttons .button2{width: 100%!important;} | 807 | .head_video_buttons .button1, .head_video_buttons .button2{width: 100%!important;} |
733 | -} | ||
734 | - | ||
735 | - | ||
736 | -.comments-start .required label:before{display:none;content:'';} | ||
737 | -.comments-start .required label:after { | ||
738 | - display: inline-block; | ||
739 | - content: "*"; | ||
740 | - color: #d40000; | ||
741 | - margin-left: 4px; | ||
742 | -} | ||
743 | -.user-ico{ | ||
744 | - padding: 10px; | ||
745 | - text-align: center; | ||
746 | - font-size: 30px; | ||
747 | -} | ||
748 | -#blog-post{padding-bottom: 50px;} | ||
749 | -#artbox-comment .submit_btn button{ | ||
750 | - color: #0080ca; | ||
751 | - background-color: initial; | ||
752 | - border: 1px solid; | ||
753 | - border-color: #0080ca; | ||
754 | - font-weight: 700; | ||
755 | - font-family: "Roboto",Helvetica,Arial,sans-serif; | ||
756 | - text-transform: uppercase; | ||
757 | - letter-spacing: .08em; | ||
758 | - padding: 6px 12px; | ||
759 | - font-size: 13px; | ||
760 | - line-height: 1.42857143; | ||
761 | - border-radius: 0; | ||
762 | - margin: 0 auto; | ||
763 | - display: block; | ||
764 | -} | ||
765 | -#artbox-comment .submit_btn button:hover, #artbox-comment .submit_btn button:active{ | ||
766 | - color:#fff; | ||
767 | - background-color:#0080ca; | ||
768 | -} | ||
769 | -#artbox-comment .submit_btn button:active{ | ||
770 | - background-image: none; | ||
771 | - outline: 0; | ||
772 | - -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); | ||
773 | - box-shadow: inset 0 3px 5px rgba(0,0,0,.125); | ||
774 | -} | ||
775 | -#artbox-comment .submit_btn button:before{ | ||
776 | - content: "\f0e5"; | ||
777 | - display: inline-block; | ||
778 | - font: normal normal normal 14px/1 FontAwesome; | ||
779 | - font-size: inherit; | ||
780 | - text-rendering: auto; | ||
781 | - -webkit-font-smoothing: antialiased; | ||
782 | - -moz-osx-font-smoothing: grayscale; | ||
783 | - margin-right: 5px; | ||
784 | -} | ||
785 | -#artbox-comment .form-comm-wr{background:none;} | ||
786 | -#artbox-comment .input_bl label { | ||
787 | - position: relative; | ||
788 | - width: 100%; | ||
789 | - text-align: left; | ||
790 | - padding-right: 10px; | ||
791 | - margin: 9px 0 0 0; | ||
792 | - display: inline-block; | ||
793 | - max-width: 100%; | ||
794 | - margin-bottom: 5px; | ||
795 | - font-weight: normal; | ||
796 | - text-transform: none; | ||
797 | - font-family: "Roboto",Helvetica,Arial,sans-serif; | ||
798 | - font-size: 14px; | ||
799 | - line-height: 1.42857143; | ||
800 | - color: #555; | ||
801 | -} | ||
802 | -#artbox-comment .submit_btn{width: 100%;} | ||
803 | -.input_bl input, .input_bl textarea, .answer-form textarea{width:100%;border-radius: 0!important;} | ||
804 | \ No newline at end of file | 808 | \ No newline at end of file |
809 | +} | ||
805 | \ No newline at end of file | 810 | \ No newline at end of file |