From 5ef080ad2c305310cb7e0a16ad1c28b79e36e708 Mon Sep 17 00:00:00 2001 From: Meylis Gazakow Date: Wed, 18 May 2022 14:36:06 +0300 Subject: [PATCH] terms new section --- shablon/css/main.css | 163 ++++++++++++++++++- shablon/images/svg/arrow-down-white.svg | 3 + shablon/images/svg/download.svg | 7 + shablon/js/main.js | 4 +- shablon/terms.html | 208 +++++++++++++++++++++++- 5 files changed, 376 insertions(+), 9 deletions(-) create mode 100644 shablon/images/svg/arrow-down-white.svg create mode 100644 shablon/images/svg/download.svg diff --git a/shablon/css/main.css b/shablon/css/main.css index df01b5f70..8f8543898 100644 --- a/shablon/css/main.css +++ b/shablon/css/main.css @@ -1761,7 +1761,7 @@ li { } .slider_title:hover { - text-decoration: underline; + text-decoration: underline; } .slider_text { @@ -1778,7 +1778,7 @@ li { left: 0; width: 100%; padding: 30px 40px; - background: rgba(0,0,0,.5); + background: rgba(0, 0, 0, .5); backdrop-filter: blur(3px); transition: all .7s linear; @@ -4999,6 +4999,145 @@ li { } } +.term_row { + margin-bottom: 25px; + position: relative; + display: block; +} + +.term_row-title { + cursor: pointer; + display: block; + position: relative; + font-weight: 700; + font-size: 17px; + line-height: 30px; + color: #003197; + padding: 20px 50px 20px 30px; + + background: #F2F6FF; +} + +.term_row-title::after { + content: ''; + position: absolute; + top: 36px; + right: 25px; + width: 18px; + height: 8px; + background: url("../images/svg/arrow-down.svg") no-repeat center; + background-size: contain; + transition: all .3s linear; + -webkit-transition: all .3s linear; +} + +.term_row-title.active:after { + transform: rotate(180deg); +} + +.term_sub-item { + overflow: hidden; + max-height: 0; + transition: all .3s linear; + -webkit-transition: all .3s linear; +} + +.term_sub-item::-webkit-scrollbar { + display: none; +} + +.term_download-link { + display: block; + font-weight: 400; + font-size: 16px; + line-height: 24px; + + width: 100%; + cursor: pointer; + margin-bottom: 15px; + position: relative; + padding-left: 35px; + + transition: all .1s linear; + -webkit-transition: all .1s linear; +} + +.term_download-link:first-child { + margin-top: 25px; +} + +.term_download-link:hover { + text-decoration: underline; + color: #003197; + font-weight: 600; +} + +.term_download-link:hover::before { + width: 22px; + height: 22px; +} + +.term_download-link::before { + content: ''; + position: absolute; + top: 5px; + left: 0; + width: 20px; + height: 20px; + background: url("../images/svg/download.svg") no-repeat center; + background-size: contain; +} + +.term_more { + padding: 10px 20px; + font-weight: 400; + font-size: 14px; + line-height: 21px; + color: #FFFFFF; + background: var(--blue); + cursor: pointer; + position: relative; + + display: flex; + align-items: center; +} + +.term_more span { + transition: all .3s linear; + -webkit-transition: all .3s linear; + margin-right: 10px; + display: block; +} + +.term_more.active span { + transform: rotate(180deg); +} + +.term_additional { + width: 100%; + display: flex; + flex-direction: column-reverse; + align-items: center; +} + +.term_additional .term_download-link:first-child { + margin-top: 0; +} + +.term_all { + width: 100%; + display: block; + overflow: hidden; + max-height: 0; + transition: all .3s linear; + -webkit-transition: all .3s linear; +} + +.term_all::-webkit-scrollbar { + display: none; +} + + /* Terms end ======================================= */ /* Import table page ======================================= */ @@ -7322,10 +7461,28 @@ input::-webkit-calendar-picker-indicator { } .aside_term-tab { - font-size: 14px; + font-size: 15px; padding: 15px 20px; } + .term_row-title { + font-size: 14px; + padding: 12px 50px 12px 25px; + } + + .term_row-title::after { + top: 22px; + } + + .term_download-link { + font-size: 14px; + } + + .term_more { + font-size: 13px; + } + + .aside_term-tab::after { width: 8px; height: 8px; diff --git a/shablon/images/svg/arrow-down-white.svg b/shablon/images/svg/arrow-down-white.svg new file mode 100644 index 000000000..0c35f8801 --- /dev/null +++ b/shablon/images/svg/arrow-down-white.svg @@ -0,0 +1,3 @@ + + + diff --git a/shablon/images/svg/download.svg b/shablon/images/svg/download.svg new file mode 100644 index 000000000..74da66d3b --- /dev/null +++ b/shablon/images/svg/download.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/shablon/js/main.js b/shablon/js/main.js index b9d8e40e8..06e6a5c74 100644 --- a/shablon/js/main.js +++ b/shablon/js/main.js @@ -120,9 +120,9 @@ for (z = 0; z < accordion.length; z++) { panel.style.marginTop = "0px"; } else { - panel.style.maxHeight = panel.scrollHeight + "px"; + // panel.style.maxHeight = panel.scrollHeight + "px"; + panel.style.maxHeight = "unset"; panel.style.overflow = "visible"; - panel.style.marginTop = "10px"; } }); } // Accordion end ========================= diff --git a/shablon/terms.html b/shablon/terms.html index 15fb055dd..bc004d524 100644 --- a/shablon/terms.html +++ b/shablon/terms.html @@ -485,13 +485,14 @@

Помощь по сайту

-

Регистрация

-

Пополнение баланса

+

Регистрация

+

Пополнение баланса

Публикация объявления

+

New Section

-
+

Пополнение баланса

@@ -528,7 +529,7 @@ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

-
+

Пополнение баланса 2

@@ -602,6 +603,205 @@ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

+
+
+
+ Birža söwdasyny guraýjy bölümi +
+ +
+ + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + + + birža söwdasynyň kadalary.docx + + +
+ + +
+ + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + + + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + +
+
+
+
+ +
+
+ Hasaba alyş bölümi +
+ +
+ + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + + + birža söwdasynyň kadalary.docx + + +
+ + +
+ + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + + + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + +
+
+
+
+ +
+
+ Maliýe gözegçiligi bölümi +
+ +
+ + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + + + birža söwdasynyň kadalary.docx + + +
+ + +
+ + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + + + birža söwdasynyň kadalary.docx + + + document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx + + + document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc + + + document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc + +
+
+
+
+