From 36338120e5eee4c21a4e205302edddccca35e756 Mon Sep 17 00:00:00 2001 From: merelendor Date: Thu, 2 Jun 2022 13:28:31 +0300 Subject: [PATCH] finlab + custom form, css fixes, seo fixes --- .top.menu.php | 8 +- cron/yasprav.log | 2 +- finlab/.section.php | 3 + finlab/index.php | 56 ++ .../form.leasing.nomail/component.php | 18 + .../templates/.default/script.js | 119 ++++ .../templates/.default/style.css | 0 .../templates/.default/template.php | 90 +++ .../evolution/css/components/style.css | 571 +++++++++++++++++- .../evolution/css/components/style.less | 2 +- yandex_6ebbafb7eae584f1.html | 6 + 11 files changed, 868 insertions(+), 7 deletions(-) create mode 100644 finlab/.section.php create mode 100644 finlab/index.php create mode 100644 local/components/evolution/form.leasing.nomail/component.php create mode 100644 local/components/evolution/form.leasing.nomail/templates/.default/script.js create mode 100644 local/components/evolution/form.leasing.nomail/templates/.default/style.css create mode 100644 local/components/evolution/form.leasing.nomail/templates/.default/template.php create mode 100644 yandex_6ebbafb7eae584f1.html diff --git a/.top.menu.php b/.top.menu.php index ae469cc..5e1faab 100644 --- a/.top.menu.php +++ b/.top.menu.php @@ -9,28 +9,28 @@ $aMenuLinks = Array( ), Array( "Спецпредложения", - "/special", + "/special/", Array(), Array(), "" ), Array( "Сервисы", - "/services", + "/services/", Array(), Array(), "" ), Array( "Каталог автомобилей", - "/catalog", + "/catalog/", Array(), Array(), "" ), Array( "О компании", - "/about", + "/about/", Array(), Array(), "" diff --git a/cron/yasprav.log b/cron/yasprav.log index c36c7f9..7bb902c 100644 --- a/cron/yasprav.log +++ b/cron/yasprav.log @@ -1 +1 @@ -
1 => MO1
2 => SP1
3 => BN1
4 => BG1
5 => VL1
6 => VR1
7 => EK1
8 => IR1
9 => KZ1
10 => KG1
11 => KL1
12 => KM1
13 => KR1
14 => KS2
15 => KS1
16 => LP1
17 => NC1
18 => NN1
19 => NV1
20 => NR1
21 => NS1
22 => OM1
23 => OR1
24 => PR1
25 => RD1
26 => RZ1
27 => SM1
28 => SR1
29 => SG1
30 => ST1
31 => TL1
32 => TM1
33 => UF1
34 => CB1
35 => CL1
36 => YR1
Ok! Сохранено по ссылке! 15.04.2022
\ No newline at end of file
+
1 => MO1
2 => SP1
3 => BN1
4 => BG1
5 => VL1
6 => VR1
7 => EK1
8 => IR1
9 => KZ1
10 => KG1
11 => KL1
12 => KM1
13 => KR1
14 => KS2
15 => KS1
16 => LP1
17 => NC1
18 => NN1
19 => NV1
20 => NR1
21 => NS1
22 => OM1
23 => OR1
24 => PR1
25 => RD1
26 => RZ1
27 => SM1
28 => SR1
29 => SC1
30 => ST1
31 => SG1
32 => TL1
33 => TM1
34 => UF1
35 => CB1
36 => CL1
37 => YR1
Ok! Сохранено по ссылке! 02.06.2022
\ No newline at end of file
diff --git a/finlab/.section.php b/finlab/.section.php
new file mode 100644
index 0000000..552be76
--- /dev/null
+++ b/finlab/.section.php
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/finlab/index.php b/finlab/index.php
new file mode 100644
index 0000000..3d56d3b
--- /dev/null
+++ b/finlab/index.php
@@ -0,0 +1,56 @@
+SetTitle("Эволюция автолизинга: finlab");
+?>
+ + +
+
+

Лизинговые предложения

+
+
+ +

+ Параметры финансирования +

+
    +
  • Аванс от 0%
  • +
  • Срок от 12 до 60 месяцев
  • +
  • Решение в день обращения
  • +
+
+ +

+ Финансовые преимущества +

+
    +
  • Возврат 20% НДС от стоимости автомобиля
  • +
  • Включение в расходы лизинговых платежей
  • +
  • Любые графики под Ваши цели
  • +
+
+ +

+ Условия +

+
    +
  • Вам от 3 месяцев
  • +
  • Без залога
  • +
  • Минимум документов
  • +
+
+
+
+ + +
+IncludeComponent( + "evolution:form.leasing.nomail", + "", +Array() +);?> +
+ +
+ + \ No newline at end of file diff --git a/local/components/evolution/form.leasing.nomail/component.php b/local/components/evolution/form.leasing.nomail/component.php new file mode 100644 index 0000000..96e37c2 --- /dev/null +++ b/local/components/evolution/form.leasing.nomail/component.php @@ -0,0 +1,18 @@ +includeComponentTemplate(); \ No newline at end of file diff --git a/local/components/evolution/form.leasing.nomail/templates/.default/script.js b/local/components/evolution/form.leasing.nomail/templates/.default/script.js new file mode 100644 index 0000000..d1964c2 --- /dev/null +++ b/local/components/evolution/form.leasing.nomail/templates/.default/script.js @@ -0,0 +1,119 @@ +var leasing_form_submitting = false; + +function check_errors() +{ + var valid = true; + + if(!$("#FORM_FIELD_FIO").val()) + { + valid = false; + $("#FORM_FIELD_FIO_wrapper").addClass("error").attr("data-error", "Необходимо указать Ваши ФИО"); + } + if(!$("#FORM_FIELD_PHONE").val()) + { + valid = false; + $("#FORM_FIELD_PHONE_wrapper").addClass("error").attr("data-error", "Необходимо указать номер Вашего телефона"); + } + if(!$("#FORM_FIELD_EMAIL").val()) + { + valid = false; + $("#FORM_FIELD_EMAIL_wrapper").addClass("error").attr("data-error", "Необходимо указать Ваш адрес E-mail"); + } + else + { + if(!is_email($("#FORM_FIELD_EMAIL").val())) + { + valid = false; + $("#FORM_FIELD_EMAIL_wrapper").addClass("error").attr("data-error", "Пожалуйста, укажите правильный адрес E-mail"); + } + } + + return valid; +} + +function form_leasing_request_submit() +{ + var accept = $("#policy").is(':checked'); + if(!leasing_form_submitting && accept) + { + if(check_errors()) + { + leasing_form_submitting = true; + $("#send_button_text").css("display", "none"); + $("#send_button_spinner").css("display", "block"); + + $("#form_leasing_request").find("input").removeClass("error"); + + var formData = new FormData($("#form_leasing_request")[0]); + formData.append("form", "FORM_LEASING_REQUESTS"); + formData.append("FORM_FIELD_PAGE_NAME", document.title); + formData.append("FORM_FIELD_PAGE_URL", window.location.href); + formData.append("FORM_FIELD_BRAND", $("#FORM_FIELD_BRAND").val() ? $("#FORM_FIELD_BRAND").val() : ""); + formData.append("FORM_FIELD_MODEL", $("#FORM_FIELD_MODEL").val() ? $("#FORM_FIELD_MODEL").val() : ""); + formData.append("FORM_FIELD_MODIFICATION", $("#FORM_FIELD_MODIFICATION").val() ? $("#FORM_FIELD_MODIFICATION").val() : ""); + formData.append("FORM_FIELD_PRICE", $("#FORM_FIELD_PRICE").val() ? $("#FORM_FIELD_PRICE").val() : ""); + formData.append("FORM_FIELD_PREPAID", $("#FORM_FIELD_PREPAID").val() ? $("#FORM_FIELD_PREPAID").val() : ""); + formData.append("FORM_FIELD_TERM", $("#FORM_FIELD_TERM").val() ? $("#FORM_FIELD_TERM").val() : ""); + formData.append("FORM_FIELD_REDEMPTION", $("#FORM_FIELD_REDEMPTION").val() ? $("#FORM_FIELD_REDEMPTION").val() : ""); + + $.ajax( + { + url: "/api/forms/", type: 'POST', success: function(response) + { + if(response.status == "complete") + { + $("#form_leasing_process").css("display","none"); + $("#form_leasing_success").css("display","flex"); + + $("#send_button_text").css("display", "block"); + $("#send_button_spinner").css("display", "none"); + + leasing_form_submitting = false; + } + else if(response.status == "error") + { + for(var i in response.errors) + { + $("#form_leasing_request").find("*[name="+response.errors[i]+"]").addClass("error"); + + leasing_form_submitting = false; + } + } + }, data: formData, + dataType: "json", + cache: false, contentType: false, processData: false + }); + } + } +} + +$(function() +{ + $("#form_leasing_request").find("input").on("keypress", function() + { + $(this).parent().removeClass("error").attr("data-error", null); + }); + + $("#form_leasing_send_button").on("click", function() + { + form_leasing_request_submit(); + }); + + $("#form_leasing_request").on("submit", function(event) + { + event.preventDefault(); + form_leasing_request_submit(); + }); + + $("#policy").on("change", function() + { + if($(this).is(':checked')) + { + $("#leasing_send_button").attr("disabled", false); + } + else + { + $("#leasing_send_button").attr("disabled", true); + } + }); +}); \ No newline at end of file diff --git a/local/components/evolution/form.leasing.nomail/templates/.default/style.css b/local/components/evolution/form.leasing.nomail/templates/.default/style.css new file mode 100644 index 0000000..e69de29 diff --git a/local/components/evolution/form.leasing.nomail/templates/.default/template.php b/local/components/evolution/form.leasing.nomail/templates/.default/template.php new file mode 100644 index 0000000..87cb941 --- /dev/null +++ b/local/components/evolution/form.leasing.nomail/templates/.default/template.php @@ -0,0 +1,90 @@ +setFrameMode(true); +?> + +
+
+

Купить в лизинг?

+
+
+

Заполните форму и наш менеджер в ближайшее время свяжется с Вами

+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+ +
+ +
+
+
+
\ No newline at end of file diff --git a/local/templates/evolution/css/components/style.css b/local/templates/evolution/css/components/style.css index 839f05f..5a7062d 100644 --- a/local/templates/evolution/css/components/style.css +++ b/local/templates/evolution/css/components/style.css @@ -1 +1,570 @@ -.bx-breadcrumb{display:flex;flex-wrap:wrap;width:100%;max-width:1310px;margin:25px auto -40px auto;position:relative;z-index:2}.bx-breadcrumb .bx-breadcrumb-item{color:rgba(0,0,0,0.5)}.bx-breadcrumb .bx-breadcrumb-item a{text-decoration:none;color:rgba(0,0,0,0.5)}.bx-breadcrumb .bx-breadcrumb-item a:hover{color:#000}.bx-breadcrumb .bx-breadcrumb-item:before{content:"<";display:inline-block;margin:0 4px}@media all and (max-width:1420px){.bx-breadcrumb{width:calc(100% - 160px);margin:25px 80px -40px 80px}}@media all and (max-width:960px){.bx-breadcrumb{margin:25px 80px -25px 80px}}@media all and (max-width:767px){.bx-breadcrumb{margin:12px 16px -25px 16px;width:calc(100% - 32px)}}hr{display:block;width:100%;height:1px;background:#EDEFF5;border:0;margin:20px 0}button,.button{border:0;background:transparent;appearance:none;box-shadow:none;cursor:pointer;box-sizing:border-box;padding:0px 15px;display:inline-flex;align-items:center;justify-content:center;height:40px;font-weight:600;font-size:15px;line-height:20px}@media all and (max-width:1600px){button,.button{font-size:13px}}.button{color:var(--blue);background:#fff}.button:disabled{opacity:.48;cursor:default}.button.icon:before{content:"";display:block;width:16px;height:16px;margin-right:12px}.button.button-blue{background:var(--blue);color:#fff}.button.button-blue.icon:before{background:url("/images/icons/btn_icon_white.svg") no-repeat center}.button.button-blue.transparent{color:var(--blue);background:transparent}.button.button-blue.transparent.icon:before{background:url("/images/icons/btn_icon_blue.svg") no-repeat center}.button.button-gray{color:var(--gray);background:var(--gray-light)}.button.button-gray.transparent{color:var(--gray);background:transparent}.button.button-gray.icon:before{background:url("/images/icons/btn_icon_gray.svg") no-repeat center}.button.button-compact{width:40px;height:40px;text-indent:-9999px;overflow:hidden}.button.button-compact.icon:before{margin-right:0}input[type="checkbox"]{display:none;visibility:hidden}input[type="checkbox"]+label{position:relative;padding-left:28px;cursor:pointer;display:block}input[type="checkbox"]+label:before{content:"";display:block;width:16px;min-width:16px;height:16px;border:1px solid rgba(0,16,61,0.12);box-sizing:border-box;border-radius:4px;margin-right:12px;position:absolute;left:0;top:0}input[type="checkbox"]:checked+label:before{background:url("/images/icons/checkbox_white.svg") no-repeat center var(--primary);border-color:var(--primary)}input[type="checkbox"]:disabled+label:before{background:url("/images/icons/checkbox_gray.svg") no-repeat center var(--gray-light);cursor:none}input[type="radio"]{display:none;visibility:hidden}input[type="radio"]+label{display:block;padding-left:28px;cursor:pointer}input[type="radio"]+label:before{content:"";display:block;border:1px solid rgba(0,16,61,0.12);box-sizing:border-box;border-radius:100%}input[type="radio"]:checked+label:before{background:#fff}input[type="radio"]:disabled+label:before{background:var(--gray);cursor:none}.selected_item{display:flex;align-items:center;justify-content:center;background:var(--gray-light);box-sizing:border-box;padding:0 2px}.selected_item img{width:24px;height:24px;object-fit:cover;object-position:center;margin-right:8px}.selected_item .delete{margin-left:8px;width:28px;height:28px;background:url("/images/icons/delete_gray.svg") no-repeat center}.list-column{column-gap:20px;list-style:disc;margin:15px 0 15px 20px}.list-column li{line-height:25px}.list-column[data-column="2"]{column-count:2}@media all and (max-width:767px){.list-column[data-column="2"]{column-count:1}}.list-column[data-column="3"]{column-count:3}@media all and (max-width:767px){.list-column[data-column="3"]{column-count:1}}.form_field{position:relative}.form_field .clear{position:absolute;top:0;right:0;width:40px;height:40px;background:url("/images/icons/delete_black.svg") no-repeat center;z-index:2}.form_field.error input,.form_field.error textarea,.form_field.error select{border-color:#FFADAD;margin-bottom:30px !important}.form_field.error:after{content:attr(data-error);display:block;font-size:11px;line-height:15px;color:#FFADAD;position:absolute;left:0;bottom:12px}@media all and (max-width:1600px){.form_field.error:after{font-size:9px}}.form_field input,.form_field textarea,.form_field select{border:1px solid rgba(0,16,61,0.12);box-sizing:border-box;height:40px;background:#fff;padding:0 12px;width:100%;outline:none;font-size:15px;color:#828282}.form_field input.error,.form_field textarea.error,.form_field select.error{border-color:#FFADAD}.form_field input.filled,.form_field textarea.filled,.form_field select.filled{border-color:rgba(0,16,61,0.48)}.form_field input:disabled,.form_field textarea:disabled,.form_field select:disabled{background:var(--gray-light)}.form_field input[type="search"],.form_field textarea[type="search"],.form_field select[type="search"]{padding-left:32px;background-image:url("/images/icons/icon-search.svg");background-repeat:no-repeat;background-position:8px 50%}.form_field input[type="date"],.form_field textarea[type="date"],.form_field select[type="date"],.form_field input.date_input,.form_field textarea.date_input,.form_field select.date_input{padding-left:32px;background-image:url("/images/icons/icon-date.svg");background-repeat:no-repeat;background-position:8px 50%}.form_field input[type="date"]::-webkit-inner-spin-button,.form_field textarea[type="date"]::-webkit-inner-spin-button,.form_field select[type="date"]::-webkit-inner-spin-button,.form_field input.date_input::-webkit-inner-spin-button,.form_field textarea.date_input::-webkit-inner-spin-button,.form_field select.date_input::-webkit-inner-spin-button,.form_field input[type="date"]::-webkit-calendar-picker-indicator,.form_field textarea[type="date"]::-webkit-calendar-picker-indicator,.form_field select[type="date"]::-webkit-calendar-picker-indicator,.form_field input.date_input::-webkit-calendar-picker-indicator,.form_field textarea.date_input::-webkit-calendar-picker-indicator,.form_field select.date_input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.form_field input option:not(:first-of-type),.form_field textarea option:not(:first-of-type),.form_field select option:not(:first-of-type){color:#000}@media all and (max-width:1600px) and (min-width:1280px){.form_field input,.form_field textarea,.form_field select{font-size:14px}.form_field input::placeholder,.form_field textarea::placeholder,.form_field select::placeholder{font-size:14px}}.form_field select{background-image:url("/images/icons/icon-select.svg");background-repeat:no-repeat;background-position:calc(100% - 16px) 50%;-webkit-appearance:none;-moz-appearance:none}.form_field select::-ms-expand{display:none}.form_field textarea{padding-top:10px;height:80px}.fieldgroup{display:flex;justify-content:space-between}.socials{display:flex}.socials a{display:block;width:32px;height:32px;text-decoration:none}.socials a:not(:last-child){margin-right:22px}@media all and (max-width:1280px){.socials a:not(:last-child){margin-right:6px}}.tabs{display:flex}.tabs .tab{line-height:40px;margin-right:8px;padding:0 20px;cursor:pointer}.tabs .tab.active{background:var(--blue);color:#fff;font-weight:700;cursor:default}@media all and (max-width:767px){.tabs .tab{margin-right:0;padding:0 16px}}.pagination{margin-top:40px}@media all and (max-width:1600px) and (min-width:1280px){.pagination{margin-top:20px}}.pagination ul{display:flex;align-items:flex-end;justify-content:flex-end}.pagination ul li{font-size:26px;line-height:35px;color:var(--blue)}@media all and (max-width:1600px) and (min-width:1280px){.pagination ul li{font-size:20px;line-height:30px}}.pagination ul li a{display:block;padding:0 5px}@media all and (max-width:1279px){.pagination ul{justify-content:center}.pagination ul li{font-size:13px;line-height:28px;min-width:30px}.pagination ul li a{text-align:center;font-weight:600}}.image-full{width:100%;margin-bottom:50px;height:350px;background:var(--gray-light)}.image-full img{width:100%;height:100%;object-fit:cover}@media all and (max-width:1600px){.image-full{height:260px;margin-bottom:20px}}@media all and (max-width:960px){.image-full{height:125px}}ul.custom-dots{list-style:none;padding:0}ul.custom-dots li{padding-left:15px;position:relative}ul.custom-dots li:before{content:"";display:block;position:absolute;width:2px;height:2px;background:#000;border-radius:2px;top:9px;left:5px}#order .order_form form .input_file,.input_file{margin-bottom:45px;position:relative;overflow:hidden;display:flex;align-items:center}@media all and (max-width:1279px){#order .order_form form .input_file,.input_file{display:block}}#order .order_form form .input_file input,.input_file input{visibility:hidden;display:none}#order .order_form form .input_file input+label,.input_file input+label{display:inline-flex;margin-left:0;min-width:168px;margin-top:42px}#order .order_form form .input_file input+label:before,.input_file input+label:before{content:"Приложите резюме";display:block;font-size:15px;line-height:24px;color:#fff;position:absolute;left:0;top:0;font-weight:400}#order .order_form form .input_file .filename,.input_file .filename{margin-top:42px;color:#fff;margin-left:30px;padding-left:20px;font-size:15px;line-height:24px;background:url("/images/icons/attach.svg") no-repeat left center}@media all and (max-width:1279px){#order .order_form form .input_file .filename,.input_file .filename{display:block;margin-top:15px;margin-left:0}}#order .order_form form .input_file .filename:empty,.input_file .filename:empty{display:none}table.table{max-width:65%}table.table tr th{padding:15px;color:var(--text_not_active);font-weight:700;border-bottom:1px solid #EEEEF2}@media all and (max-width:1600px) and (min-width:1280px){table.table tr th{font-size:13px;line-height:18px}}table.table tr td{padding:12px 20px;border-bottom:1px solid #EEEEF2}@media all and (max-width:1600px) and (min-width:1280px){table.table tr td{font-size:13px;line-height:18px}}table.table .check{width:16px;height:12px;display:block;background:url("/images/icons/check.svg") no-repeat center;background-size:contain}@media all and (max-width:768px){table.table{max-width:100%;zoom:.6}}/*# sourceMappingURL=./style.css.map */ \ No newline at end of file +.bx-breadcrumb { + display: flex; + flex-wrap: wrap; + width: 100%; + max-width: 1310px; + margin: 25px auto -40px auto; + position: relative; + z-index: 2; +} +.bx-breadcrumb .bx-breadcrumb-item { + color: rgba(0, 0, 0, 0.5); +} +.bx-breadcrumb .bx-breadcrumb-item a { + text-decoration: none; + color: rgba(0, 0, 0, 0.5); +} +.bx-breadcrumb .bx-breadcrumb-item a:hover { + color: #000; +} +.bx-breadcrumb .bx-breadcrumb-item:before { + content: ">"; + display: inline-block; + margin: 0 4px; +} +@media all and (max-width: 1420px) { + .bx-breadcrumb { + width: calc(100% - 160px); + margin: 25px 80px -40px 80px; + } +} +@media all and (max-width: 960px) { + .bx-breadcrumb { + margin: 25px 80px -25px 80px; + } +} +@media all and (max-width: 767px) { + .bx-breadcrumb { + margin: 12px 16px -25px 16px; + width: calc(100% - 32px); + } +} +hr { + display: block; + width: 100%; + height: 1px; + background: #EDEFF5; + border: 0; + margin: 20px 0; +} +button, +.button { + border: 0; + background: transparent; + appearance: none; + box-shadow: none; + cursor: pointer; + box-sizing: border-box; + padding: 0px 15px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + font-weight: 600; + font-size: 15px; + line-height: 20px; +} +@media all and (max-width: 1600px) { + button, + .button { + font-size: 13px; + } +} +.button { + color: var(--blue); + background: #fff; +} +.button:disabled { + opacity: 0.48; + cursor: default; +} +.button.icon:before { + content: ""; + display: block; + width: 16px; + height: 16px; + margin-right: 12px; +} +.button.button-blue { + background: var(--blue); + color: #fff; +} +.button.button-blue.icon:before { + background: url("/images/icons/btn_icon_white.svg") no-repeat center; +} +.button.button-blue.transparent { + color: var(--blue); + background: transparent; +} +.button.button-blue.transparent.icon:before { + background: url("/images/icons/btn_icon_blue.svg") no-repeat center; +} +.button.button-gray { + color: var(--gray); + background: var(--gray-light); +} +.button.button-gray.transparent { + color: var(--gray); + background: transparent; +} +.button.button-gray.icon:before { + background: url("/images/icons/btn_icon_gray.svg") no-repeat center; +} +.button.button-compact { + width: 40px; + height: 40px; + text-indent: -9999px; + overflow: hidden; +} +.button.button-compact.icon:before { + margin-right: 0; +} +input[type="checkbox"] { + display: none; + visibility: hidden; +} +input[type="checkbox"] + label { + position: relative; + padding-left: 28px; + cursor: pointer; + display: block; +} +input[type="checkbox"] + label:before { + content: ""; + display: block; + width: 16px; + min-width: 16px; + height: 16px; + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + border-radius: 4px; + margin-right: 12px; + position: absolute; + left: 0; + top: 0; +} +input[type="checkbox"]:checked + label:before { + background: url("/images/icons/checkbox_white.svg") no-repeat center var(--primary); + border-color: var(--primary); +} +input[type="checkbox"]:disabled + label:before { + background: url("/images/icons/checkbox_gray.svg") no-repeat center var(--gray-light); + cursor: none; +} +input[type="radio"] { + display: none; + visibility: hidden; +} +input[type="radio"] + label { + display: block; + padding-left: 28px; + cursor: pointer; +} +input[type="radio"] + label:before { + content: ""; + display: block; + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + border-radius: 100%; +} +input[type="radio"]:checked + label:before { + background: #fff; +} +input[type="radio"]:disabled + label:before { + background: var(--gray); + cursor: none; +} +.selected_item { + display: flex; + align-items: center; + justify-content: center; + background: var(--gray-light); + box-sizing: border-box; + padding: 0 2px; +} +.selected_item img { + width: 24px; + height: 24px; + object-fit: cover; + object-position: center; + margin-right: 8px; +} +.selected_item .delete { + margin-left: 8px; + width: 28px; + height: 28px; + background: url("/images/icons/delete_gray.svg") no-repeat center; +} +.list-column { + column-gap: 20px; + list-style: disc; + margin: 15px 0 15px 20px; +} +.list-column li { + line-height: 25px; +} +.list-column[data-column="2"] { + column-count: 2; +} +@media all and (max-width: 767px) { + .list-column[data-column="2"] { + column-count: 1; + } +} +.list-column[data-column="3"] { + column-count: 3; +} +@media all and (max-width: 767px) { + .list-column[data-column="3"] { + column-count: 1; + } +} +.form_field { + position: relative; +} +.form_field .clear { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + background: url("/images/icons/delete_black.svg") no-repeat center; + z-index: 2; +} +.form_field.error input, +.form_field.error textarea, +.form_field.error select { + border-color: #FFADAD; + margin-bottom: 30px !important; +} +.form_field.error:after { + content: attr(data-error); + display: block; + font-size: 11px; + line-height: 15px; + color: #FFADAD; + position: absolute; + left: 0; + bottom: 12px; +} +@media all and (max-width: 1600px) { + .form_field.error:after { + font-size: 9px; + } +} +.form_field input, +.form_field textarea, +.form_field select { + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + height: 40px; + background: #fff; + padding: 0 12px; + width: 100%; + outline: none; + font-size: 15px; + color: #828282; +} +.form_field input.error, +.form_field textarea.error, +.form_field select.error { + border-color: #FFADAD; +} +.form_field input.filled, +.form_field textarea.filled, +.form_field select.filled { + border-color: rgba(0, 16, 61, 0.48); +} +.form_field input:disabled, +.form_field textarea:disabled, +.form_field select:disabled { + background: var(--gray-light); +} +.form_field input[type="search"], +.form_field textarea[type="search"], +.form_field select[type="search"] { + padding-left: 32px; + background-image: url("/images/icons/icon-search.svg"); + background-repeat: no-repeat; + background-position: 8px 50%; +} +.form_field input[type="date"], +.form_field textarea[type="date"], +.form_field select[type="date"], +.form_field input.date_input, +.form_field textarea.date_input, +.form_field select.date_input { + padding-left: 32px; + background-image: url("/images/icons/icon-date.svg"); + background-repeat: no-repeat; + background-position: 8px 50%; +} +.form_field input[type="date"]::-webkit-inner-spin-button, +.form_field textarea[type="date"]::-webkit-inner-spin-button, +.form_field select[type="date"]::-webkit-inner-spin-button, +.form_field input.date_input::-webkit-inner-spin-button, +.form_field textarea.date_input::-webkit-inner-spin-button, +.form_field select.date_input::-webkit-inner-spin-button, +.form_field input[type="date"]::-webkit-calendar-picker-indicator, +.form_field textarea[type="date"]::-webkit-calendar-picker-indicator, +.form_field select[type="date"]::-webkit-calendar-picker-indicator, +.form_field input.date_input::-webkit-calendar-picker-indicator, +.form_field textarea.date_input::-webkit-calendar-picker-indicator, +.form_field select.date_input::-webkit-calendar-picker-indicator { + display: none; + -webkit-appearance: none; +} +.form_field input option:not(:first-of-type), +.form_field textarea option:not(:first-of-type), +.form_field select option:not(:first-of-type) { + color: #000; +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + .form_field input, + .form_field textarea, + .form_field select { + font-size: 14px; + } + .form_field input::placeholder, + .form_field textarea::placeholder, + .form_field select::placeholder { + font-size: 14px; + } +} +.form_field select { + background-image: url("/images/icons/icon-select.svg"); + background-repeat: no-repeat; + background-position: calc(100% - 16px) 50%; + -webkit-appearance: none; + -moz-appearance: none; +} +.form_field select::-ms-expand { + display: none; +} +.form_field textarea { + padding-top: 10px; + height: 80px; +} +.fieldgroup { + display: flex; + justify-content: space-between; +} +.socials { + display: flex; +} +.socials a { + display: block; + width: 32px; + height: 32px; + text-decoration: none; +} +.socials a:not(:last-child) { + margin-right: 22px; +} +@media all and (max-width: 1280px) { + .socials a:not(:last-child) { + margin-right: 6px; + } +} +.tabs { + display: flex; +} +.tabs .tab { + line-height: 40px; + margin-right: 8px; + padding: 0 20px; + cursor: pointer; +} +.tabs .tab.active { + background: var(--blue); + color: #fff; + font-weight: 700; + cursor: default; +} +@media all and (max-width: 767px) { + .tabs .tab { + margin-right: 0; + padding: 0 16px; + } +} +.pagination { + margin-top: 40px; +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + .pagination { + margin-top: 20px; + } +} +.pagination ul { + display: flex; + align-items: flex-end; + justify-content: flex-end; +} +.pagination ul li { + font-size: 26px; + line-height: 35px; + color: var(--blue); +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + .pagination ul li { + font-size: 20px; + line-height: 30px; + } +} +.pagination ul li a { + display: block; + padding: 0 5px; +} +@media all and (max-width: 1279px) { + .pagination ul { + justify-content: center; + } + .pagination ul li { + font-size: 13px; + line-height: 28px; + min-width: 30px; + } + .pagination ul li a { + text-align: center; + font-weight: 600; + } +} +.image-full { + width: 100%; + margin-bottom: 50px; + height: 350px; + background: var(--gray-light); +} +.image-full img { + width: 100%; + height: 100%; + object-fit: cover; +} +@media all and (max-width: 1600px) { + .image-full { + height: 260px; + margin-bottom: 20px; + } +} +@media all and (max-width: 960px) { + .image-full { + height: 125px; + } +} +ul.custom-dots { + list-style: none; + padding: 0; +} +ul.custom-dots li { + padding-left: 15px; + position: relative; +} +ul.custom-dots li:before { + content: ""; + display: block; + position: absolute; + width: 2px; + height: 2px; + background: #000; + border-radius: 2px; + top: 9px; + left: 5px; +} +#order .order_form form .input_file, +.input_file { + margin-bottom: 45px; + position: relative; + overflow: hidden; + display: flex; + align-items: center; +} +@media all and (max-width: 1279px) { + #order .order_form form .input_file, + .input_file { + display: block; + } +} +#order .order_form form .input_file input, +.input_file input { + visibility: hidden; + display: none; +} +#order .order_form form .input_file input + label, +.input_file input + label { + display: inline-flex; + margin-left: 0; + min-width: 168px; + margin-top: 42px; +} +#order .order_form form .input_file input + label:before, +.input_file input + label:before { + content: "Приложите резюме"; + display: block; + font-size: 15px; + line-height: 24px; + color: #fff; + position: absolute; + left: 0; + top: 0; + font-weight: 400; +} +#order .order_form form .input_file .filename, +.input_file .filename { + margin-top: 42px; + color: #fff; + margin-left: 30px; + padding-left: 20px; + font-size: 15px; + line-height: 24px; + background: url("/images/icons/attach.svg") no-repeat left center; +} +@media all and (max-width: 1279px) { + #order .order_form form .input_file .filename, + .input_file .filename { + display: block; + margin-top: 15px; + margin-left: 0; + } +} +#order .order_form form .input_file .filename:empty, +.input_file .filename:empty { + display: none; +} +table.table { + max-width: 65%; +} +table.table tr th { + padding: 15px; + color: var(--text_not_active); + font-weight: 700; + border-bottom: 1px solid #EEEEF2; +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + table.table tr th { + font-size: 13px; + line-height: 18px; + } +} +table.table tr td { + padding: 12px 20px; + border-bottom: 1px solid #EEEEF2; +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + table.table tr td { + font-size: 13px; + line-height: 18px; + } +} +table.table .check { + width: 16px; + height: 12px; + display: block; + background: url("/images/icons/check.svg") no-repeat center; + background-size: contain; +} +@media all and (max-width: 768px) { + table.table { + max-width: 100%; + zoom: 0.6; + } +} diff --git a/local/templates/evolution/css/components/style.less b/local/templates/evolution/css/components/style.less index 2ee9ed7..f839f04 100644 --- a/local/templates/evolution/css/components/style.less +++ b/local/templates/evolution/css/components/style.less @@ -26,7 +26,7 @@ } &:before { - content: "<"; + content: ">"; display: inline-block; margin: 0 4px; } diff --git a/yandex_6ebbafb7eae584f1.html b/yandex_6ebbafb7eae584f1.html new file mode 100644 index 0000000..4cd776b --- /dev/null +++ b/yandex_6ebbafb7eae584f1.html @@ -0,0 +1,6 @@ + + + + + Verification: 6ebbafb7eae584f1 + \ No newline at end of file