From b5fdd4636128f9be651290792b334e4af684eab0 Mon Sep 17 00:00:00 2001 From: Pro100ser Date: Sun, 15 Mar 2020 15:01:43 +0300 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?= =?UTF-8?q?=D0=B2=D1=8B=D0=BF=D0=B0=D0=B4=D0=B0=D1=8E=D1=89=D0=B5=D0=B5=20?= =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D1=8E,=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0?= =?UTF-8?q?=D0=B2=D0=B8=D0=BB=20=D0=BF=D0=BE=D0=BB=D1=8F=20=D0=B2=D0=B2?= =?UTF-8?q?=D0=BE=D0=B4=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/css/components/header.css | 97 ++++++++++++++++++++++++++++++-- templates/index.html | 21 +++++-- templates/registration.html | 64 ++++++--------------- 3 files changed, 125 insertions(+), 57 deletions(-) diff --git a/static/css/components/header.css b/static/css/components/header.css index deb9201..7714370 100644 --- a/static/css/components/header.css +++ b/static/css/components/header.css @@ -4,7 +4,7 @@ background: #131415; height: 75px; } -.header_left, .header_right { +.header_left, .header_right, .header_center { float: left; width: 50%; } @@ -13,8 +13,8 @@ } .header_right { text-align: right; - /* margin-top: 12px; */ - padding-top: 20px; + /* margin-top: 12px; + padding-top: 12px; */ } .header_center{ text-align: center; @@ -75,11 +75,22 @@ .nav-menu__link:hover .not_none { display: none; } + + .nav-menu__text { font-size: 12px; color: white; text-transform: uppercase; } +.active .nav-menu__text{ + color: #f89513; +} +.active .none{ + display: inline-block; +} +.active .not_none{ + display: none; +} .contacts { display: inline-block; } @@ -89,6 +100,72 @@ color: white; display: block; } +.contacts__schedule { + font-size: 14px; + color: #c77814; + opacity: .7; + display: block; + padding: 27px 0; +} +/* выпадашка */ +.drop { + position: relative; +} +.drop:hover .dropdown { + left: -167px; + background: #afadab; + padding-top: 0px; + border-radius: 9px; + +} +.drop:hover .contacts__schedule { + color: #b9b9b9; +} + +.dropdown { + position: absolute; + left: -9999px; +} + +.drop-block { + z-index: 20; + border-radius: 10px; + border: 1px ; + box-shadow: 0px 0px 10px 0px rgba(23, 59, 117, 0.55); /* гардиент бордера */ + position: relative; + padding: 18px 0; + background: #565454d6; +} +.triangle { + width: 25px; + height: 25px; + border-bottom: 1px ; + border-right: 1px ; + box-shadow: -7px -8px 6px -6px rgba(23, 59, 117, 0.55); + position: absolute; + transform: rotate(45deg); + left: 84%; + bottom: 92%; + background: #646261; +} +.drop-block p { + font-family: 'OpenSans'; + font-weight: 300; + font-size: 14px; + color : #ffffff; + margin: 0; + text-align: center; + margin-bottom: 8px; +} +.drop-block b { + font-family: 'OpenSans'; + font-weight: bold; + font-size: 14px; + color : #fff; + display: block; + margin: 0 auto; + text-align: center; +} .contacts__schedule { font-size: 14px; color: #c77814; @@ -101,6 +178,7 @@ float: left; width: 190px; margin-right: 15px; + margin-left: 15px; } .form__input-text-mod{ width: 100%; @@ -126,7 +204,6 @@ .header_btn { padding: 10px 13px; - display: block; text-align: center; border-radius: 5px; font-size: 12px; @@ -139,8 +216,18 @@ background: #f89513; border: 0; cursor: pointer; - margin: -2 auto; + margin-right: 15px; + } .header_btn:hover { background: #834c05; +} +/* выпадашка в регистрации */ +.drop:hover .dropdown_mod { + left: -80px; +} + +.triangle_mod { + left: 81%; + bottom: 88%; } \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index c702d3f..bdd4bb7 100644 --- a/templates/index.html +++ b/templates/index.html @@ -19,12 +19,25 @@

J.a.r.v.i.s

- - -
- Войти +
+ Войти +
+
+
+ + + + + +
+
+
diff --git a/templates/registration.html b/templates/registration.html index f98e76d..ba80a97 100644 --- a/templates/registration.html +++ b/templates/registration.html @@ -19,16 +19,18 @@

J.a.r.v.i.s

-
- - - - - +
+
+
+ Нужна помощь? +
+
+
+

Обратитесь в службу поддержки по адресу:jarvis@mail.ru

+
+
+
+
@@ -44,57 +46,23 @@
- + - + +
-