Merge branch 't_3031'

3114 3115

common/modules/documentation/assets/src/css/style.css

@@ -1729,7 +1729,7 @@ footer  .phone_hover_head {
     margin-right: 10px;
     margin-top: 2px;
 }
-.footer_info {
+.footer_info {..
   color: #93f82f;
   font-size: 15px;
   text-decoration: underline;
@@ -2704,112 +2704,3 @@ textarea::-moz-placeholder{
     padding: 15px 20px;
     border: 1px solid #c2c2c2;
 }
\ No newline at end of file
-
-/* add 02.04.19 */
-.promo-box {
-  background-position: 0 100%;
-  background-size: 150% auto;
-  border-radius: 0 0 5px 5px ;
-}
-.promo_title {
-  line-height: 34px;
-}
-
-.offcanvas-wrapper p {
-  font-size: 13px;
-}
-
-.btn_green_sm {
-  display: inline-block;
-  outline: none;
-  background-color: #67ac1d;
-  color: #fff !important;
-  font-size: 14px;
-  line-height: 20px;
-  text-align: center;
-  padding: 12px 20px;
-  border-radius: 3px;
-  margin-bottom: 10px;
-  border: none;
-  font-family: "RobotoRegular" !important;
-
-}
-.btn_green_sm:hover{
-  background-color: #7bd619;
-  color: #fff;
-}
-
-.btn_info_box {
-  height: 60px;
-  display: block;
-  position: relative;
-  background-color: #f3f5f7;
-  border-radius: 0 5px 5px 70px;
-  margin-left: 8px;
-}
-.btn_info_box span {
-  top: 50%;
-  right: 0;
-  left: auto;
-  position: absolute;
-  display: block;
-  font-family: "RobotoBold";
-  z-index: 4;
-  padding-left: 5px;
-  padding-right: 60px;
-  font-size: 13px;
-  line-height: 18px;
-  color: #243340;
-  -webkit-transform: translate(0, -50%);
-  -ms-transform: translate(0, -50%);
-  -o-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-}
-.btn_info_box:after {
-  content: '';
-  display: block;
-  position: absolute;
-  z-index: 2;
-  right: 15px;
-  top: 50%;
-  width: 42px;
-  height: 33px;
-  background:  url(../images/btn_info_box_icon_arrow.png) 0 0 no-repeat;
-  background-size: 100% 100%;
-  -webkit-transition: all 0.3s;
-  -o-transition: all 0.3s;
-  transition: all 0.3s;
-  -webkit-transform: translate(0, -50%);
-  -ms-transform: translate(0, -50%);
-  -o-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-}
-.btn_info_box:before {
-  content: '';
-  display: block;
-  z-index: 3;
-  position: absolute;
-  top: 50%;
-  left: -8px;
-  /*height: 94px;
-  width: 115px;
-  background: url(../images/btn_info_box_icon.png) 0 0 no-repeat;*/
-
-  height: 75px;
-  width: 92px;
-  background: url(../images/btn_info_box_icon.png) 0 0 no-repeat;
-  background-size: 100% 100%;
-  -webkit-transform: translate(0, -50%);
-  -ms-transform: translate(0, -50%);
-  -o-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-}
-.btn_info_box:hover:after {
-  right: 8px;
-}
-@media only screen and (max-width: 970px) and (min-width: 768px) {
-  .btn_info_box span {
-    font-size: 16px;
-    line-height: 20px;
-  }
-}
\ No newline at end of file

common/modules/documentation/assets/src/css/styles.css

@@ -8383,3 +8383,119 @@ li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
     display: inline; 
     margin-bottom: 0;
 }
+
+
+/* add 02.04.19 */
+.promo-box {
+    background-position: 0 100%;
+    background-size: 150% auto;
+    border-radius: 0 0 5px 5px ;
+}
+.promo_title {
+    line-height: 34px;
+}
+
+.offcanvas-wrapper p {
+    font-size: 13px;
+}
+
+.btn_green_sm {
+    display: inline-block;
+    outline: none;
+    background-color: #67ac1d;
+    color: #fff !important;
+    font-size: 14px;
+    line-height: 20px;
+    text-align: center;
+    padding: 12px 20px;
+    border-radius: 3px;
+    margin-bottom: 10px;
+    border: none;
+    font-family: "RobotoRegular" !important;
+
+}
+.btn_green_sm:hover{
+    background-color: #7bd619;
+    color: #fff;
+}
+
+.btn_info_box {
+    height: 60px;
+    display: block;
+    position: relative;
+    background-color: #f3f5f7;
+    border-radius: 0 5px 5px 70px;
+    margin-left: 8px;
+}
+.btn_info_box span {
+    top: 50%;
+    right: 0;
+    left: auto;
+    position: absolute;
+    display: block;
+    font-family: "RobotoBold";
+    z-index: 4;
+    padding-left: 5px;
+    padding-right: 60px;
+    font-size: 13px;
+    line-height: 18px;
+    color: #243340;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    -o-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+}
+.btn_info_box:after {
+    content: '';
+    display: block;
+    position: absolute;
+    z-index: 2;
+    right: 15px;
+    top: 50%;
+    width: 42px;
+    height: 33px;
+    background:  url(../images/btn_info_box_icon_arrow.png) 0 0 no-repeat;
+    background-size: 100% 100%;
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    transition: all 0.3s;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    -o-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+}
+.btn_info_box:before {
+    content: '';
+    display: block;
+    z-index: 3;
+    position: absolute;
+    top: 50%;
+    left: -8px;
+    /*height: 94px;
+    width: 115px;
+    background: url(../images/btn_info_box_icon.png) 0 0 no-repeat;*/
+
+    height: 75px;
+    width: 92px;
+    background: url(../images/btn_info_box_icon.png) 0 0 no-repeat;
+    background-size: 100% 100%;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    -o-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+}
+.btn_info_box:hover:after {
+    right: 8px;
+}
+@media only screen and (max-width: 970px) and (min-width: 768px) {
+    .btn_info_box span {
+        font-size: 16px;
+        line-height: 20px;
+    }
+}
+.icon_like {
+    background: url(../images/icon_like.png) 0 center no-repeat;
+}
+.icon_not_like {
+    background: url(../images/icon_not_like.png) 0 center no-repeat;
+}
\ No newline at end of file

common/modules/documentation/views/page/view.php

@@ -201,7 +201,7 @@ $this->registerMetaTag(['property' => 'og:site_name', 'content' => 'Арт Пр
                         </section>
 
                         <!-- Promo Banner-->
-                        <section class="promo-box" style="background-image: url(images/faq/blockquote_box_line.png);">
+                        <section class="promo-box" style="background-image: url(/images/faq/blockquote_box_line.png);">
                         <!-- Choose between .overlay-dark (#000) or .overlay-light (#fff) with default opacity of 50%. You can overrride default color and opacity values via 'style' attribute.--><!-- <span class="overlay-dark" style="opacity: .35;"></span> -->
                             <div class="promo-box-content padding-top-1x padding-bottom-1x">
                                 <h4 class="promo_title"><span>Скачать</span> <br> <span>платформу</span> <br> <span>TaskOn 2</span></h4>