diff --git a/static/css/styles.css b/static/css/styles.css index 0caa182..c07444e 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -691,7 +691,7 @@ section.register>form { /* Body text 3 */ height: 60px; - width: 100%; + width: 97%; background: #FF613A; color: #FFF; /* Heading 5 */ @@ -1850,7 +1850,7 @@ button#more_button{ .bottom_block_static img{ position: absolute; } -.bottom_block_static>#sub_title_static>p{ +#sub_title_static>p{ /*перенос строки в верстке из переноса в html*/ white-space: pre; } @@ -2017,11 +2017,123 @@ button#send_feedback_form{ margin-bottom: 20px; } - - /*end_static_pages*/ -/*my routes END*/ +/*Switcher*/ + +.checkbox-green { + display: block; + height: 28px; + line-height: 28px; + vertical-align: middle; + font-size: 14px; + user-select: none; + margin: auto; + text-align: center; +} +.checkbox-green .checkbox-green-switch { + display: inline-block; + height: 28px; + width: 90px; + box-sizing: border-box; + position: relative; + border-radius: 2px; + background: #848484; + transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); +} +.checkbox-green .checkbox-green-switch:before { + content: attr(data-label-on); + display: inline-block; + box-sizing: border-box; + width: 45px; + padding: 0 12px; + position: absolute; + top: 0; + left: 45px; + text-transform: uppercase; + text-align: center; + color: rgba(255, 255, 255, 0.5); + font-size: 10px; + line-height: 28px; +} +.checkbox-green .checkbox-green-switch:after { + content: attr(data-label-off); + display: inline-block; + box-sizing: border-box; + width: 44px; + border-radius: 1px; + position: absolute; + top: 1px; + left: 1px; + z-index: 5; + text-transform: uppercase; + text-align: center; + background: white; + line-height: 26px; + font-size: 10px; + color: #777; + transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1); +} +.checkbox-green input[type="checkbox"] { + display: block; + width: 0; + height: 0; + position: absolute; + z-index: -1; + opacity: 0; +} +.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch { + background-color: #70c767; +} +.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:before { + content: attr(data-label-off); + left: 0; +} +.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:after { + content: attr(data-label-on); + color: #4fb743; + transform: translate3d(44px, 0, 0); +} + +/* Hover */ +.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover { + cursor: pointer; +} +.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover:after { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); +} + +/* Disabled */ +.checkbox-green input[type=checkbox]:disabled + .checkbox-green-switch { + opacity: 0.6; + filter: grayscale(50%); +} + + +/*END Switcher*/ + +/*Confidential_ policy*/ +.wrapper_name_art { + font-size: 44px; + font-style: normal; + font-weight: 700; + line-height: 52px; + text-align: center; + margin-bottom: 40px; +} + +.wrapper_text_art{ + width: 1280px; + margin: auto; +} +.wrapper_text_art>p{ + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 22px; +} + +/*END_Confidential_ policy*/ diff --git a/templates/blocks/static_pages_blocks/b_mover_search.html b/templates/blocks/static_pages_blocks/b_mover_search.html index f8af2ba..7b5b20f 100644 --- a/templates/blocks/static_pages_blocks/b_mover_search.html +++ b/templates/blocks/static_pages_blocks/b_mover_search.html @@ -212,11 +212,6 @@ - - - - -
+ {% translate "Сервис, который позволяет передавать посылки с путешественниками" %} + {% translate "без посредников. Знакомьтесь, встречайтесь и передавайте посылки." %} +
+ + +{#
+
+
+
+
+
+
+
+