Eugeny Galkovskiy / kbenergy_new

Commit 8c203875b8008db9533efdb39a4ae2c656781de5

Authored by Виталий
1 parent e43e7e23

add form legal, change contact page phones

Showing 14 changed files with 741 additions and 8 deletions   Show diff stats
Inline Side-by-side
common/messages/ru/app.php
  Show/Hide comments   View file @8c20387
@@ -334,5 +334,7 @@ return [ @@ -334,5 +334,7 @@ return [
334 'wrongName'=>'Имя может состоять только из латинских или кириллических символов', 334 'wrongName'=>'Имя может состоять только из латинских или кириллических символов',
335 'requiredField'=>'Данное поле является обязательным для заполнения', 335 'requiredField'=>'Данное поле является обязательным для заполнения',
336 'cookie-text' => 'На нашем сайте используются файлы cookie. Пожалуйста, ознакомьтесь с <a href="/uvedomlenie-polzovateley-o-ispolzovanii-faylov-cookie">политикой о конфиденциальности</a>', 336 'cookie-text' => 'На нашем сайте используются файлы cookie. Пожалуйста, ознакомьтесь с <a href="/uvedomlenie-polzovateley-o-ispolzovanii-faylov-cookie">политикой о конфиденциальности</a>',
  337 + 'ContactPhoneInd' => 'Контактный телефон для физ лиц',
  338 + 'ContactPhoneLegal' => 'Контактный телефон для юр лиц',
337 339
338 ]; 340 ];
339 \ No newline at end of file 341 \ No newline at end of file
common/messages/ua/app.php
  Show/Hide comments   View file @8c20387
@@ -337,5 +337,6 @@ return [ @@ -337,5 +337,6 @@ return [
337 'requiredField'=>'Дане поле є обов\'язковим для заповнення', 337 'requiredField'=>'Дане поле є обов\'язковим для заповнення',
338 338
339 'cookie-text' => 'На нашому сайті використовуються файли cookie. Будь ласка, ознайомтесь з <a href="/ua/uvedomlenie-polzovateley-o-ispolzovanii-faylov-cookie">політикою конфіденційності</a>', 339 'cookie-text' => 'На нашому сайті використовуються файли cookie. Будь ласка, ознайомтесь з <a href="/ua/uvedomlenie-polzovateley-o-ispolzovanii-faylov-cookie">політикою конфіденційності</a>',
340 - 340 + 'ContactPhoneInd' => 'Контактний телефон для фіз осіб',
  341 + 'ContactPhoneLegal' => 'Контактний телефон для юр осіб',
341 ]; 342 ];
342 \ No newline at end of file 343 \ No newline at end of file
frontend/assets/AppAsset.php
  Show/Hide comments   View file @8c20387
@@ -22,6 +22,7 @@ @@ -22,6 +22,7 @@
22 'css/custom.css', 22 'css/custom.css',
23 'css/main.css', 23 'css/main.css',
24 'css/scroll.css', 24 'css/scroll.css',
  25 + 'css/new-style/new.css',
25 ]; 26 ];
26 public $js = [ 27 public $js = [
27 'js/jquery.cookie.js', 28 'js/jquery.cookie.js',
frontend/views/site/contact.php
  Show/Hide comments   View file @8c20387
@@ -87,17 +87,19 @@ JS; @@ -87,17 +87,19 @@ JS;
87 <i class="fa fa-phone"></i> 87 <i class="fa fa-phone"></i>
88 </div> 88 </div>
89 <h3> <?= \Yii::t('app', 'Phone') ?> </h3> 89 <h3> <?= \Yii::t('app', 'Phone') ?> </h3>
90 - <p class="text-muted"> <?= \Yii::t('app', 'ContactPhone') ?></p>  
91 - <p> 90 + <p class="text-muted"> <?= \Yii::t('app', 'ContactPhoneInd') ?></p>
  91 + <p class="phones-ind">
92 <?php 92 <?php
93 echo Html::a(Html::tag('strong', $settings->phone), 'tel:' . $settings->phone); 93 echo Html::a(Html::tag('strong', $settings->phone), 'tel:' . $settings->phone);
94 ?> 94 ?>
95 - </p>  
96 - <p> 95 + <span class="d-none visible-xs"></span>
97 <?php 96 <?php
98 - echo Html::a(Html::tag('strong', $settings->phone2), 'tel:' . $settings->phone2); 97 + echo Html::a(Html::tag('strong', $settings->phone2), 'tel:' . $settings->phone2);
99 ?> 98 ?>
100 </p> 99 </p>
  100 +
  101 + <p class="text-muted text-legal-phone"> <?= \Yii::t('app', 'ContactPhoneLegal') ?></p>
  102 + <p><a href="tel:+380673263881"><strong>+38(067)326-38-81</strong></a></p>
101 </div> 103 </div>
102 <!-- /.box - simple--> 104 <!-- /.box - simple-->
103 <?php 105 <?php
frontend/views/site/legal.php
  Show/Hide comments   View file @8c20387
@@ -66,8 +66,66 @@ $this-&gt;registerJs($js, View::POS_END); @@ -66,8 +66,66 @@ $this-&gt;registerJs($js, View::POS_END);
66 </div> 66 </div>
67 </div> 67 </div>
68 <div class="row"> 68 <div class="row">
69 - <div style="text-align: center;margin-bottom: 35px;"><a href="#" class="btn button1 icon_phone modaled init-button-consultation press-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal" style="margin: 0 auto;"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a></div> 69 + <div class="col-xs-12 legal-form-wrapp">
  70 + <div class="legal-form">
  71 + <div class="legal-form-contacts">
  72 + <div><span class="phone">+38 067 326 38 81</span></div>
  73 + <div><a class="mail" href="mailto:haichenko_ky@kbenergy.com.ua">haichenko_ky@kbenergy.com.ua</a></div>
  74 + </div>
  75 + <form action="">
  76 + <div class="legal-input-wrapp">
  77 + <div class="legal-input required">
  78 + <label for="id10">Ваше ім’я</label>
  79 + <input type="text" id="id2">
  80 + </div>
  81 + <div class="legal-input required">
  82 + <label for="id10">Ваш e-mail</label>
  83 + <input type="text" id="id2">
  84 + </div>
  85 + <div class="legal-input required">
  86 + <label for="id10">Ваш телефон</label>
  87 + <input type="text" id="id2">
  88 + </div>
  89 + <div class="legal-input">
  90 + <label for="id10">Назва організації</label>
  91 + <input type="text" id="id2">
  92 + </div>
  93 + </div>
  94 +
  95 + <div class="legal-radio-wrapp">
  96 + <div class="radio_custom">
  97 + <input type="radio" id="q1" name="name-1" checked>
  98 + <label for="q1">Реализация "под ключ". Крышная станция ФЕС от 100 кВт</label>
  99 + </div>
  100 + <div class="radio_custom">
  101 + <input type="radio" id="q2" name="name-1">
  102 + <label for="q2">Проектирование и согласование промышленной станции</label>
  103 + </div>
  104 + <div class="radio_custom">
  105 + <input type="radio" id="q3" name="name-1">
  106 + <label for="q3">Финансовый и технический анализ проекта, аудит объекта</label>
  107 + </div>
  108 + <div class="radio_custom">
  109 + <input type="radio" id="q4" name="name-1">
  110 + <label for="q4">Строительство "под ключ". Промышленная ФЭС от 2 МВт</label>
  111 + </div>
  112 + </div>
  113 + <div class="legal-area">
  114 + <label for="id5">Повідомлення</label>
  115 + <textarea name="" id="id5" cols="30" rows="10"></textarea>
  116 + </div>
  117 + <div class="legal-button-wrapp">
  118 + <button type="submit">Відправити</button>
  119 + </div>
  120 +
  121 + </form>
  122 + </div>
  123 +
  124 + </div>
70 </div> 125 </div>
  126 +<!-- <div class="row">-->
  127 +<!-- <div style="text-align: center;margin-bottom: 35px;"><a href="#" class="btn button1 icon_phone modaled init-button-consultation press-consultation" data-title="--><?//= Yii::t('app', 'modal1') ?><!--" data-toggle="modal" data-target="#feedback-modal" style="margin: 0 auto;">--><?//= Yii::t('app', 'modal1_1') ?><!-- <span>--><?//= Yii::t('app', 'modal1_2') ?><!--</span></a></div>-->
  128 +<!-- </div>-->
71 </div> 129 </div>
72 </section> 130 </section>
73 <section class="bar background-gray steps-pre"> 131 <section class="bar background-gray steps-pre">
frontend/web/css/new-style/_contacts.scss 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +.phones-ind {
  2 + a {
  3 + padding-left: 8px;
  4 + &:first-child {
  5 + padding-left: 0;
  6 + padding-right: 8px;
  7 + }
  8 + }
  9 +}
  10 +
  11 +.text-legal-phone {
  12 + margin-top: 26px;
  13 +}
  14 +#contact {
  15 + .text-muted {
  16 + margin-bottom: 9px;
  17 + }
  18 +}
  19 +
  20 +@media (max-width: 767px) {
  21 + .phones-ind {
  22 + a {
  23 + padding: 0 !important;
  24 + }
  25 + }
  26 +
  27 +}
0 \ No newline at end of file 28 \ No newline at end of file
frontend/web/css/new-style/_inputs.scss 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +$inputs-border:#cccccc;
  2 +$requiredColor:#f26522;
  3 +.legal-form {
  4 + input {
  5 + width: 100%;
  6 + float: left;
  7 + outline: none!important;
  8 + height: 42px;
  9 + background: #fff;
  10 + border: 1px solid $inputs-border;
  11 + padding-left: 8px;
  12 + margin-top: 6px;
  13 + resize: none;
  14 + box-shadow: none;
  15 + &:focus {
  16 + box-shadow: 2px 3px 4px 0px rgba(238, 238, 238, 0.75) inset;
  17 + @include Transition(0.2);
  18 + }
  19 + }
  20 + textarea {
  21 + @extend input;
  22 + padding-top: 8px;
  23 + min-height: 82px;
  24 + max-height: 82px;
  25 + max-width: 100%;
  26 + }
  27 + select {
  28 + @extend input;
  29 + -webkit-appearance: none;
  30 + -moz-appearance: none;
  31 + appearance: none;
  32 + background: #fff url(../images/select-arrow.png) 98% 50% no-repeat !important;
  33 + }
  34 +button {
  35 + outline: none !important;
  36 +}
  37 + label {
  38 + margin: 19px 0 0 0;
  39 + float: left;
  40 + font-size: 17px;
  41 + font-weight: 300;
  42 + font-family: "Roboto";
  43 + }
  44 + .has-error {
  45 + input, textarea, select {
  46 + border: 1px solid $requiredColor !important;
  47 + }
  48 + }
  49 + .required label {
  50 + position: relative;
  51 + &:before {
  52 + display: block;
  53 + content: "*";
  54 + color: $requiredColor !important;
  55 + position: absolute;
  56 + top: 5px;
  57 + right: -7px;
  58 + font-size: 14px;
  59 + //font-family: Arial !important;
  60 + }
  61 + }
  62 + .help-block {
  63 + display: none;
  64 + width: 100%;
  65 + float: left;
  66 + font-size: 13px;
  67 + color: #888;
  68 + margin-top: 5px;
  69 + }
  70 +}
  71 +
  72 +@media (max-width: 767px) {
  73 + .legal-form {
  74 + label {
  75 + font-size: 16px;
  76 + }
  77 + }
  78 +}
frontend/web/css/new-style/_legal.scss 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +.legal-form-wrapp {
  2 + box-shadow: 0px 0px 24px 0px rgba(233, 233, 233, 0.75);
  3 + padding: 28px 0 32px 0;
  4 + margin-bottom: 65px;
  5 + text-align: center;
  6 + margin-top: 41px;
  7 +}
  8 +.legal-form {
  9 + width: 780px;
  10 + max-width: 100%;
  11 + display: inline-block;
  12 + vertical-align: top;
  13 + text-align: left;
  14 + form {
  15 + margin-top: 4px;
  16 + @include dInline;
  17 + width: 100%;
  18 + }
  19 +}
  20 +
  21 +.legal-input {
  22 + float: left;
  23 + width: 50%;
  24 + padding: 0 15px;
  25 + label {
  26 + color: #467fbf;
  27 + }
  28 +}
  29 +.legal-area {
  30 + @include wfl;
  31 + padding: 0 15px;
  32 + margin-top: 7px;
  33 + label {
  34 + color: #467fbf;
  35 + }
  36 +}
  37 +
  38 +.legal-input-wrapp {
  39 + @include wfl;
  40 +}
  41 +.legal-radio-wrapp {
  42 + padding: 0 15px;
  43 + margin-top: 17px;
  44 + @include wfl;
  45 + .radio_custom {
  46 + margin-top: 12px;
  47 + }
  48 +}
  49 +
  50 +.legal-button-wrapp {
  51 + padding: 0 15px;
  52 + margin-top: 32px;
  53 + @include wfl;
  54 + text-align: center;
  55 + button {
  56 + @include dInline;
  57 + max-width: 100%;
  58 + width: 214px;
  59 + height: 42px;
  60 + background: #fff;
  61 + line-height: 42px;
  62 + border: 1px solid #467fbf;
  63 + padding: 0 0 0 0;
  64 + font-size: 14px;
  65 + font-weight: 700;
  66 + text-transform: uppercase;
  67 + cursor: pointer;
  68 + color: #467fbf;
  69 + @include Transition(0.2);
  70 + &:hover {
  71 + background: #467fbf;
  72 + color: #fff;
  73 + }
  74 + &:active {
  75 + background: #3f74ad;
  76 + border: 1px solid #3f74ad;
  77 + color: #fff;
  78 + }
  79 + }
  80 +}
  81 +
  82 +.legal-form-contacts {
  83 + @include wfl;
  84 + padding: 0 15px;
  85 + div {
  86 + float: left;
  87 + margin-top: 4px;
  88 +
  89 + span, a {
  90 + position: relative;
  91 + font-size: 17px;
  92 + line-height: 24px;
  93 + text-decoration: none !important;
  94 + padding-left: 22px;
  95 + color: #555555;
  96 + display: block;
  97 + font-family: "Helvetica";
  98 + &:before {
  99 + content: '';
  100 + position: absolute;
  101 + left: 0;
  102 + top: 0;
  103 + }
  104 + &.phone {
  105 + &:before {
  106 + width: 14px;
  107 + height: 24px;
  108 + background: url("../../img/phone-ico-form.svg");
  109 + background-position: 50% 50%;
  110 + background-size: 14px 24px;
  111 + background-repeat: no-repeat;
  112 + }
  113 + }
  114 + &.mail {
  115 + padding-left: 31px;
  116 +
  117 + &:before {
  118 + width: 24px;
  119 + height: 24px;
  120 + background: url("../../img/mail-ico-form.svg");
  121 + background-position: 50% 50%;
  122 + background-size: 24px 20px;
  123 + background-repeat: no-repeat;
  124 + }
  125 + }
  126 + }
  127 + &:first-child {
  128 + padding-right: 47px;
  129 + }
  130 + }
  131 +}
  132 +
  133 +@media (max-width: 550px) {
  134 + .legal-form-contacts div {
  135 + padding-right: 0;
  136 + width: 100%;
  137 + }
  138 + .legal-input {
  139 + width: 100%;
  140 + }
  141 +}
0 \ No newline at end of file 142 \ No newline at end of file
frontend/web/css/new-style/_mixin.scss 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +@mixin ArrowMenu($wid,$hei) {
  2 + width: $wid + px;
  3 + height: $hei + px;
  4 + background: url("../images/ico-all/arrow-down.png") 50% 50% no-repeat;
  5 + content: '';
  6 + position: absolute;
  7 + top: 50%;
  8 + margin-top: -($hei/2) +px;
  9 + @include Transition(0.3)
  10 +}
  11 +@mixin Transition($time){
  12 + transition: $time + s;
  13 + -webkit-transition: $time + s;
  14 + -moz-transition: $time + s;
  15 + -ms-transition: $time + s;
  16 + -o-transition: $time + s;
  17 +}
  18 +@mixin Scale($size){
  19 + transform: scale($size);
  20 + -webkit-transform: scale($size);
  21 + -moz-transform: scale($size);
  22 + -ms-transition: scale($size);
  23 + -o-transform: scale($size);
  24 +}
  25 +@mixin Rotate($deg){
  26 + transform: rotate($deg + deg);
  27 + -webkit-transform: rotate($deg + deg);
  28 + -moz-transform: rotate($deg + deg);
  29 + -ms-transform: rotate($deg + deg);
  30 + -o-transform: rotate($deg + deg);
  31 +}
  32 +@mixin Opacity($opacity) {
  33 + $IEValue: $opacity*100;
  34 + opacity: $opacity;
  35 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$IEValue+")";
  36 + filter: alpha(opacity=$IEValue);
  37 +}
  38 +@mixin Bradius($radius) {
  39 + -webkit-border-radius: $radius;
  40 + -moz-border-radius: $radius;
  41 + -ms-border-radius: $radius;
  42 + border-radius: $radius;
  43 +}
  44 +
  45 +@mixin Auto($wi) {
  46 + margin: {
  47 + left: auto;
  48 + right: auto;
  49 + }
  50 + float:none;
  51 + display: block;
  52 + width:$wi + px;
  53 +}
  54 +
  55 +@mixin Gradient-horisontal($from-color, $to-color){
  56 + background: $from-color;
  57 + background: -moz-linear-gradient(left, $from-color 0%, $to-color 100%);
  58 + background: -webkit-linear-gradient(left, $from-color 0%, $to-color 100%);
  59 + background: linear-gradient(to right, $from-color 0%, $to-color 100%);
  60 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  61 +}
  62 +
  63 +@mixin Gradient-vertical($from-color, $to-color){
  64 + background: $from-color;
  65 + background: -moz-linear-gradient(top, $from-color 0%, $to-color 100%);
  66 + background: -webkit-linear-gradient(top, $from-color 0%, $to-color 100%);
  67 + background: linear-gradient(to bottom, $from-color 0%, $to-color 100%);
  68 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  69 +}
  70 +
  71 +@mixin Gradient-diagonal-bottom($from-color, $to-color){
  72 + background: $from-color;
  73 + background: -moz-linear-gradient(-45deg, $from-color 0%, $to-color 100%);
  74 + background: -webkit-linear-gradient(-45deg, $from-color 0%, $to-color 100%);
  75 + background: linear-gradient(135deg, $from-color 0%, $to-color 100%);
  76 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  77 +}
  78 +
  79 +@mixin Gradient-diagonal-up($from-color, $to-color){
  80 + background: $from-color;
  81 + background: -moz-linear-gradient(45deg, $from-color 0%, $to-color 100%);
  82 + background: -webkit-linear-gradient(45deg, $from-color 0%, $to-color 100%);
  83 + background: linear-gradient(45deg, $from-color 0%, $to-color 100%);
  84 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  85 +}
  86 +
  87 +@mixin Gradient-radial($from-color, $to-color){
  88 + background: $from-color;
  89 + background: -moz-radial-gradient(center, ellipse cover, $from-color 0%, $to-color 100%);
  90 + background: -webkit-radial-gradient(center, ellipse cover, $from-color 0%,$to-color 100%);
  91 + background: radial-gradient(ellipse at center, $from-color 0%,$to-color 100%);
  92 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  93 +}
  94 +
  95 +@mixin BgNoRepeat0 {
  96 + background-repeat: no-repeat;
  97 + background-position: 0 0;
  98 +}
  99 +@mixin BgNoRepeat50 {
  100 + background-repeat: no-repeat;
  101 + background-position: 50% 50%;
  102 +}
  103 +
  104 +@mixin filter-gray($pre) {
  105 + filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  106 + filter: gray;
  107 + -webkit-filter: grayscale($pre);
  108 + -ms-filter: grayscale($pre);
  109 + -o-filter: grayscale($pre);
  110 + -moz-filter: grayscale($pre);
  111 +}
  112 +@mixin contrast($pre) {
  113 + -webkit-filter: contrast($pre);
  114 + filter: contrast($pre);
  115 + -ms-filter: contrast($pre);
  116 + -o-filter: contrast($pre);
  117 + -moz-filter: contrast($pre);
  118 +}
  119 +@mixin filter-blur($pre) {
  120 +
  121 + filter: blur($pre + px);
  122 + -webkit-filter: blur($pre + px);
  123 + -ms-filter: blur($pre + px);
  124 + -o-filter: blur($pre + px);
  125 + -moz-filter: blur($pre + px);
  126 + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=$pre);
  127 +}
  128 +@mixin filter-none {
  129 + filter: none;
  130 + -webkit-filter: none;
  131 + -o-filter: none;
  132 + -moz-filter: none;
  133 + -ms-filter: none;
  134 +}
  135 +@mixin wfl {
  136 + width: 100%;
  137 + float: left;
  138 +}
  139 +
  140 +@mixin dInline {
  141 + display: inline-block;
  142 + vertical-align: top;
  143 +}
frontend/web/css/new-style/_radio-check.scss 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +$chekRadioColors: #dddddd;
  2 +
  3 +$checkRadioBg:#fff;
  4 +$checkTextColor: red;
  5 +
  6 +
  7 +.sidebar_checks, .radio_custom {
  8 + width: 100%;
  9 + float: left;
  10 + $LabelWidth: 12;
  11 + $LabelHeight: 12;
  12 + margin-top: 0px;
  13 + label {
  14 +
  15 +
  16 + }
  17 + input {
  18 + display: none;
  19 +
  20 + + label {
  21 + margin: 0;
  22 + font-size: 17px;
  23 + text-transform: none;
  24 + //color: $checkTextColor !important;
  25 + position: relative;
  26 + padding-left: 21px;
  27 + cursor: pointer;
  28 + line-height: 19px;
  29 + &:before {
  30 + position: absolute;
  31 + content: '';
  32 + width: $LabelWidth + px;
  33 + height: $LabelHeight + px;
  34 + top: -1px;
  35 + left: 0;
  36 + background: $checkRadioBg;
  37 + border: 1px solid $chekRadioColors;
  38 + cursor: pointer;
  39 + }
  40 + a {
  41 + text-decoration: none !important;
  42 + padding-left: 0;
  43 + float: none;
  44 + &:before {
  45 + display: none;
  46 + }
  47 + }
  48 +
  49 + }
  50 +
  51 +
  52 +
  53 + &:hover {
  54 + + label {
  55 + &:before {
  56 + //border-color:$primary-color-hover;
  57 +
  58 + }
  59 + a {
  60 + //color: $primary-color-hover;
  61 + }
  62 + }
  63 + }
  64 +
  65 + &:active {
  66 + + label {
  67 + &:before {
  68 + //border-color:$primary-color-active;
  69 +
  70 + }
  71 + a {
  72 + //color: $primary-color-active;
  73 + }
  74 + }
  75 + }
  76 +
  77 + &:checked {
  78 +
  79 + + label {
  80 +
  81 + &:before {
  82 + //background: $primary-color;
  83 + //border: 1px solid $primary-color;
  84 + //@include svgIcon;
  85 + content: "\e909";
  86 + color: red;
  87 + font-size: 6px;
  88 + text-align: center;
  89 + line-height: 15px;
  90 + font-weight: 700;
  91 + padding-left: 1px;
  92 + }
  93 + }
  94 + a {
  95 + }
  96 + }
  97 +
  98 +
  99 + &[disabled="disabled"]{
  100 + + label {
  101 + &:before {
  102 + cursor: default;
  103 + border-color: #ddd !important;
  104 + background: #ddd !important;
  105 + //color: $main-color !important;
  106 + }
  107 + }
  108 + }
  109 + }
  110 +
  111 + a {
  112 + line-height: 16px;
  113 + font-size: 15px;
  114 + color: $checkTextColor;
  115 + position: relative;
  116 + padding-left: 30px;
  117 + cursor: pointer;
  118 + text-decoration: none !important;
  119 + float: left;
  120 + &:before {
  121 + position: absolute;
  122 + content: '';
  123 + width: $LabelWidth + px;
  124 + height: $LabelHeight + px;
  125 + top: -1px;
  126 + left: 0;
  127 + background: $checkRadioBg;
  128 + border: 1px solid $chekRadioColors;
  129 + cursor: pointer;
  130 + }
  131 + p {
  132 + display: inline-block;
  133 + font-size: 13px;
  134 + color: #858585;
  135 + margin-left: 5px;
  136 + &.disabled {
  137 + @include Opacity(0.5);
  138 + }
  139 + }
  140 + &:hover {
  141 +
  142 + }
  143 + }
  144 +}
  145 +
  146 +.radio_custom {
  147 + input {
  148 + + label {
  149 +
  150 + color: #777777;
  151 + padding-left: 21px;
  152 +
  153 + &:before {
  154 + top: 3px;
  155 + border-radius: 100%;
  156 + border-top: 1px solid $chekRadioColors !important;
  157 + border-bottom: 1px solid $chekRadioColors !important;
  158 + border-right: 1px solid $chekRadioColors !important;
  159 + border-left: 1px solid $chekRadioColors !important;
  160 + }
  161 +
  162 +
  163 + }
  164 +
  165 + &:checked {
  166 +
  167 + + label {
  168 +
  169 + &:before {
  170 + background: none;
  171 + //border-top: 1px solid $link-color !important;
  172 + //border-bottom: 1px solid $link-color !important;
  173 + //border-right: 1px solid $link-color !important;
  174 + //border-left: 1px solid $link-color !important;
  175 + content: '';
  176 + }
  177 +
  178 + &:after {
  179 + position: absolute;
  180 + content: '';
  181 + width: 6px;
  182 + height: 6px;
  183 + top: 6px;
  184 + left: 3px;
  185 + background: #467fbf;
  186 + border-radius: 100%;
  187 + }
  188 + }
  189 + }
  190 + }
  191 +
  192 +}
  193 +
  194 +
  195 +.checked {
  196 + a {
  197 + &:before {
  198 + //background: $primary-color;
  199 + //border: 1px solid $primary-color;
  200 + //@include svgIcon;
  201 + content: "\e909";
  202 + color: red;
  203 + font-size: 6px;
  204 + text-align: center;
  205 + line-height: 15px;
  206 + font-weight: 700;
  207 + padding-left: 1px;
  208 + }
  209 + }
  210 +}
  211 +
  212 +
  213 +
  214 +
  215 +@media (max-width: 992px) {
  216 +
  217 +}
  218 +
  219 +@media (max-width: 767px) {
  220 + .sidebar_checks, .radio_custom {
  221 + input {
  222 + + label {
  223 + font-size: 16px;
  224 + }
  225 + }
  226 + }
  227 +}
frontend/web/css/new-style/new.scss 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +@import "mixin";
  2 +@import "radio-check";
  3 +@import "inputs";
  4 +
  5 +
  6 +@import "legal";
  7 +@import "contacts";
0 \ No newline at end of file 8 \ No newline at end of file
frontend/web/css/style.blue.css
  Show/Hide comments   View file @8c20387
@@ -602,7 +602,8 @@ ul.list-style-none { @@ -602,7 +602,8 @@ ul.list-style-none {
602 position: fixed; 602 position: fixed;
603 width: 100%; 603 width: 100%;
604 top: 0; 604 top: 0;
605 - z-index: 1000; 605 + /*z-index: 1000;*/
  606 + z-index: 99999;
606 -webkit-box-shadow: 0 0 5px #cccccc; 607 -webkit-box-shadow: 0 0 5px #cccccc;
607 box-shadow: 0 0 5px #cccccc; 608 box-shadow: 0 0 5px #cccccc;
608 -webkit-transition: all 0.5s ease-out; 609 -webkit-transition: all 0.5s ease-out;
frontend/web/img/mail-ico-form.svg 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="482px" height="391.796px" viewBox="0 0 482 391.796" enable-background="new 0 0 482 391.796" xml:space="preserve">
  6 +<g>
  7 + <defs>
  8 + <rect id="SVGID_1_" width="482" height="391.796"/>
  9 + </defs>
  10 + <clipPath id="SVGID_2_">
  11 + <use xlink:href="#SVGID_1_" overflow="visible"/>
  12 + </clipPath>
  13 + <path clip-path="url(#SVGID_2_)" fill="#467FBF" d="M442,0H185.434c-22.082,0.023-39.977,17.918-40,40v25.699H40
  14 + c-22.082,0.027-39.977,17.918-40,40v181c0.023,22.082,17.918,39.977,40,40h11.813v55.102c0,3.659,2,7.027,5.214,8.777
  15 + c3.215,1.75,7.129,1.605,10.203-0.379l98.434-63.5h103.117c22.082-0.023,39.977-17.918,40-40v-31.676h14.32l92.848,75.777
  16 + c2.992,2.441,7.121,2.941,10.609,1.285s5.711-5.172,5.711-9.035v-68.027H442c22.082-0.023,39.977-17.918,40-40V40
  17 + C481.977,17.918,464.082,0.023,442,0 M288.785,286.699c-0.016,11.043-8.961,19.988-20,20H162.719c-1.922,0-3.805,0.559-5.422,1.602
  18 + l-85.484,55.152v-46.754c0-5.523-4.477-10-10-10H40c-11.039-0.012-19.988-8.957-20-20v-181c0.012-11.039,8.961-19.988,20-20
  19 + h105.434v129.324c0.023,22.082,17.918,39.977,40,40h103.351V286.699z M462,215.023c-0.012,11.039-8.961,19.988-20,20h-19.73
  20 + c-5.52,0-10,4.477-10,10v56.961l-79.289-64.707c-1.785-1.457-4.02-2.254-6.324-2.254H185.434c-11.043-0.012-19.989-8.961-20-20V40
  21 + c0.011-11.039,8.957-19.989,20-20H442c11.039,0.011,19.988,8.961,20,20V215.023z"/>
  22 + <rect x="203.681" y="66.699" clip-path="url(#SVGID_2_)" fill="#467FBF" width="217" height="20"/>
  23 + <rect x="203.681" y="118.699" clip-path="url(#SVGID_2_)" fill="#467FBF" width="217" height="20"/>
  24 + <rect x="203.681" y="170.699" clip-path="url(#SVGID_2_)" fill="#467FBF" width="141.783" height="20"/>
  25 +</g>
  26 +</svg>
frontend/web/img/phone-ico-form.svg 0 → 100644
  Show/Hide comments   View file @8c20387
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="20.332px" height="35px" viewBox="0 0 20.332 35" enable-background="new 0 0 20.332 35" xml:space="preserve">
  6 +<g>
  7 + <defs>
  8 + <rect id="SVGID_1_" width="20.332" height="35"/>
  9 + </defs>
  10 + <clipPath id="SVGID_2_">
  11 + <use xlink:href="#SVGID_1_" overflow="visible"/>
  12 + </clipPath>
  13 + <path clip-path="url(#SVGID_2_)" fill="#467FBF" d="M17.968,0H2.364C1.064,0,0,1.063,0,2.364v30.271C0,33.936,1.064,35,2.364,35
  14 + h15.604c1.3,0,2.364-1.062,2.364-2.364V2.364C20.332,1.063,19.268,0,17.968,0 M7.67,1.704h4.992c0.158,0,0.286,0.128,0.286,0.287
  15 + c0,0.158-0.128,0.286-0.286,0.286H7.67c-0.158,0-0.286-0.128-0.286-0.286C7.384,1.832,7.512,1.704,7.67,1.704 M10.166,33.818
  16 + c-0.653,0-1.182-0.529-1.182-1.184c0-0.653,0.529-1.182,1.182-1.182c0.653,0,1.182,0.528,1.182,1.182
  17 + C11.348,33.289,10.819,33.818,10.166,33.818 M18.687,30.625H1.645V3.749h17.042V30.625z"/>
  18 +</g>
  19 +</svg>