Commit 6dfb9a71d9d2c3ff525606fe0f69c77b3b0de844

Authored by Eugeny Galkovskiy
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