From 575b0a704d2e0d01817625531987e79b6f5699b7 Mon Sep 17 00:00:00 2001 From: RedHood Date: Sun, 6 Dec 2020 01:08:21 +1000 Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B2=D0=B0=D1=8F=20=D1=84?= =?UTF-8?q?=D0=B8=D0=BA=D1=81=D0=B0=D1=86=D0=B8=D1=8F=20(=D0=BF=D1=8F?= =?UTF-8?q?=D1=82=D0=B0=D1=8F=20=D1=87=D0=B0=D1=81=D1=82=D1=8C)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/css/categories_blocks_panel.css | 21 ++++ mirzaev/skillparts/system/web/css/footer.css | 6 ++ mirzaev/skillparts/system/web/css/header.css | 101 ++++++++++++++++++ .../skillparts/system/web/css/info_panel.css | 37 +++++++ mirzaev/skillparts/system/web/css/main.css | 38 +++++++ 5 files changed, 203 insertions(+) create mode 100644 mirzaev/skillparts/system/web/css/categories_blocks_panel.css create mode 100644 mirzaev/skillparts/system/web/css/footer.css create mode 100644 mirzaev/skillparts/system/web/css/header.css create mode 100644 mirzaev/skillparts/system/web/css/info_panel.css create mode 100644 mirzaev/skillparts/system/web/css/main.css diff --git a/mirzaev/skillparts/system/web/css/categories_blocks_panel.css b/mirzaev/skillparts/system/web/css/categories_blocks_panel.css new file mode 100644 index 0000000..c0259ef --- /dev/null +++ b/mirzaev/skillparts/system/web/css/categories_blocks_panel.css @@ -0,0 +1,21 @@ +.categories_blocks_panel_title { + +} + +.category_block { + height: 100%; + background-color: #563cb0; +} + +.category_block dd { + cursor: pointer; +} + +.category_block dd:nth-last-child(1) { + margin-bottom: 0; +} + +.category_block_title { + position: absolute; + background-color: #7e66d5; +} \ No newline at end of file diff --git a/mirzaev/skillparts/system/web/css/footer.css b/mirzaev/skillparts/system/web/css/footer.css new file mode 100644 index 0000000..48abac8 --- /dev/null +++ b/mirzaev/skillparts/system/web/css/footer.css @@ -0,0 +1,6 @@ +footer { + width: 100%; + max-height: 15rem; + flex-shrink: 0; + background-color: #d9d7e1; +} \ No newline at end of file diff --git a/mirzaev/skillparts/system/web/css/header.css b/mirzaev/skillparts/system/web/css/header.css new file mode 100644 index 0000000..dadd2f3 --- /dev/null +++ b/mirzaev/skillparts/system/web/css/header.css @@ -0,0 +1,101 @@ +.h-divider { + margin-top: -20px; + position: relative; + pointer-events: none; + border-bottom: 4px solid #563cb0; +} + +.h-divider-title { + background-color: #563cb0; +} + +.h-divider-title-left { + max-width: 0; + max-height: 0; + border: 1rem solid transparent; + border-right: 1rem solid #563cb0; + border-bottom: 1rem solid #563cb0; +} + +.h-divider-title-right { + max-width: 0; + max-height: 0; + border: 1rem solid transparent; + border-left: 1rem solid #563cb0; + border-bottom: 1rem solid #563cb0; +} + +.catalog_button { + width: 100%; + border-radius: 3px; + transition: 0.3s; + background-color: #563cb0 !important; +} + +.catalog_button:hover { + transition: 0.3s; + background-color: #7e66d5 !important; +} + +.catalog_button:active { + transition: 0.3s; + background-color: #402d82 !important; +} + +.catalog_search { + border-radius: 0px 5px 5px 5px; + background-color: #563cb0; +} + +#searchPanel label { + display: inline-block; + border-radius: 5px 5px 0px 0px; + color: #ececec; + background-color: #9d88e6; +} + +#searchPanel input[type=radio] { + display: none; +} + +#searchPanel label { + cursor: pointer; + user-select: none; +} + +#searchPanel label:hover { + color: #ffffff; +} + +#searchPanel input[type=radio] + label:active, +#searchPanel input[type=radio]:checked + label:active { + background-color: #402d82; +} + +#searchPanel input[type=radio]:checked + label { + color: #ffffff; + background-color: #563cb0; +} + +#searchPanel input[type=radio]:disabled + label { + background: #241c3d; + color: #c4c4c4; +} + +.catalog_search_line { + border-radius: 3px 0px 0px 3px; + background-color: #fbf9ff !important; +} + +.catalog_search_button { + border-radius: 0px 3px 3px 0px; + background-color: #d53737; +} + +.catalog_search_button:hover { + background-color: #ee4c4c; +} + +.catalog_search_button:active { + background-color: #c13131; +} \ No newline at end of file diff --git a/mirzaev/skillparts/system/web/css/info_panel.css b/mirzaev/skillparts/system/web/css/info_panel.css new file mode 100644 index 0000000..30bb2bb --- /dev/null +++ b/mirzaev/skillparts/system/web/css/info_panel.css @@ -0,0 +1,37 @@ +.info_panel { + height: 230px; + overflow: hidden; +} + +.info_panel img { + left: 10vw; + bottom: 32vw; + scale: 1.2; + position: relative; + object-fit: cover; + z-index: 0; +} + +.info_panel .container { + /* position: absolute; */ + z-index: 15; +} + +.info_panel .container p { + font-weight: 600; + font-size: 2rem; +} + +.info_panel .button_call { + width: 350px; + margin-left: 5vw; + background-color: #57a946; +} + +.info_panel .button_call:hover { + background-color: #5fb94c; +} + +.info_panel .button_call:active { + background-color: #468e37; +} \ No newline at end of file diff --git a/mirzaev/skillparts/system/web/css/main.css b/mirzaev/skillparts/system/web/css/main.css new file mode 100644 index 0000000..36d1d96 --- /dev/null +++ b/mirzaev/skillparts/system/web/css/main.css @@ -0,0 +1,38 @@ +@font-face { + font-family: 'Gilroy'; + font-weight: 600; + src: local('/fonts/Gilroy/gilroy-semibold.ttf'), url('/fonts/Gilroy/gilroy-semibold.ttf'); +} + +* { + font-family: 'Open Sans'; +} + +button { + transition: 0.1s !important; +} + +body { + min-height: 100vh; + display: flex; + flex-direction: column; + overflow-x: hidden; + background-color: #f4f3ff; +} + +main { + flex-grow: 1; +} + +.button_clean, .button_clean:hover, .button_clean:focus, .button_clean:active { + outline: none !important; + box-shadow: none !important; +} + +.d-inline-block { + display: inline-block; +} + +.gilroy { + font-family: 'Gilroy'; +} \ No newline at end of file