terms new section
This commit is contained in:
Meylis Gazakow
parent
dcd1d8b451
commit
5ef080ad2c
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6">
|
||||
<path id="Union_1" data-name="Union 1" d="M-10288.26-97.869l-4.048-4.076a.968.968,0,0,1,0-1.36.949.949,0,0,1,1.349,0l3.373,3.4,3.371-3.4a.949.949,0,0,1,1.349,0,.968.968,0,0,1,0,1.36l-4.045,4.076a.946.946,0,0,1-.675.283A.945.945,0,0,1-10288.26-97.869Z" transform="translate(10292.587 103.586)" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 398 B |
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15.8333 15H4.16665C3.70641 15 3.33331 15.3731 3.33331 15.8333C3.33331 16.2936 3.70641 16.6667 4.16665 16.6667H15.8333C16.2935 16.6667 16.6666 16.2936 16.6666 15.8333C16.6666 15.3731 16.2935 15 15.8333 15Z" fill="#003197"/>
|
||||
<path d="M3.33331 14.1667V15.8334C3.33331 16.2936 3.70641 16.6667 4.16665 16.6667C4.62688 16.6667 4.99998 16.2936 4.99998 15.8334V14.1667C4.99998 13.7064 4.62688 13.3334 4.16665 13.3334C3.70641 13.3334 3.33331 13.7064 3.33331 14.1667Z" fill="#003197"/>
|
||||
<path d="M15 14.1667V15.8334C15 16.2936 15.3731 16.6667 15.8333 16.6667C16.2936 16.6667 16.6667 16.2936 16.6667 15.8334V14.1667C16.6667 13.7064 16.2936 13.3334 15.8333 13.3334C15.3731 13.3334 15 13.7064 15 14.1667Z" fill="#003197"/>
|
||||
<path d="M10 12.5C9.82723 12.5013 9.65833 12.4489 9.51667 12.35L6.18333 9.99998C6.00368 9.87254 5.88179 9.67915 5.84431 9.46209C5.80683 9.24503 5.85681 9.02196 5.98333 8.84165C6.04649 8.75152 6.12687 8.6748 6.21984 8.6159C6.31281 8.55701 6.41652 8.51712 6.52499 8.49852C6.63346 8.47993 6.74454 8.483 6.85181 8.50757C6.95909 8.53213 7.06043 8.5777 7.15 8.64165L10 10.6333L12.8333 8.49998C13.0101 8.36737 13.2324 8.31044 13.4512 8.34169C13.67 8.37295 13.8674 8.48984 14 8.66665C14.1326 8.84346 14.1895 9.06571 14.1583 9.2845C14.127 9.50329 14.0101 9.70071 13.8333 9.83332L10.5 12.3333C10.3558 12.4415 10.1803 12.5 10 12.5Z" fill="#003197"/>
|
||||
<path d="M10 10.8333C9.77901 10.8333 9.56705 10.7455 9.41076 10.5893C9.25448 10.433 9.16669 10.221 9.16669 10V3.33333C9.16669 3.11232 9.25448 2.90036 9.41076 2.74408C9.56705 2.5878 9.77901 2.5 10 2.5C10.221 2.5 10.433 2.5878 10.5893 2.74408C10.7456 2.90036 10.8334 3.11232 10.8334 3.33333V10C10.8334 10.221 10.7456 10.433 10.5893 10.5893C10.433 10.7455 10.221 10.8333 10 10.8333Z" fill="#003197"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -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 =========================
|
||||
|
|
|
|||
|
|
@ -485,13 +485,14 @@
|
|||
<h2 class="term_aside-title">
|
||||
Помощь по сайту
|
||||
</h2>
|
||||
<h4 class="aside_term-tab open_link" data-tab="#term_info-1">Регистрация</h4>
|
||||
<h4 class="aside_term-tab open_link active" data-tab="#term_info-2">Пополнение баланса</h4>
|
||||
<h4 class="aside_term-tab open_link active" data-tab="#term_info-1">Регистрация</h4>
|
||||
<h4 class="aside_term-tab open_link" data-tab="#term_info-2">Пополнение баланса</h4>
|
||||
<h4 class="aside_term-tab open_link" data-tab="#term_info-3">Публикация объявления</h4>
|
||||
<h4 class="aside_term-tab open_link" data-tab="#term_info-4">New Section</h4>
|
||||
</div>
|
||||
|
||||
<div class="term_main">
|
||||
<div class="term_main-info open_info" id="term_info-1">
|
||||
<div class="term_main-info open_info active" id="term_info-1">
|
||||
<h1 class="term_main-title">
|
||||
Пополнение баланса
|
||||
</h1>
|
||||
|
|
@ -528,7 +529,7 @@
|
|||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||
</p>
|
||||
</div>
|
||||
<div class="term_main-info open_info active" id="term_info-2">
|
||||
<div class="term_main-info open_info" id="term_info-2">
|
||||
<h1 class="term_main-title">
|
||||
Пополнение баланса 2
|
||||
</h1>
|
||||
|
|
@ -602,6 +603,205 @@
|
|||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||
</p>
|
||||
</div>
|
||||
<div class="term_main-info open_info " id="term_info-4">
|
||||
<div class="term_row">
|
||||
<h6 class="term_row-title accord">
|
||||
Birža söwdasyny guraýjy bölümi
|
||||
</h6>
|
||||
|
||||
<div class="term_sub-item" style="max-height: 100%;">
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
|
||||
<div class="term_additional">
|
||||
<button type="button" class="term_more accord">
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"
|
||||
viewBox="0 0 10 6">
|
||||
<path id="Union_1" data-name="Union 1"
|
||||
d="M-10288.26-97.869l-4.048-4.076a.968.968,0,0,1,0-1.36.949.949,0,0,1,1.349,0l3.373,3.4,3.371-3.4a.949.949,0,0,1,1.349,0,.968.968,0,0,1,0,1.36l-4.045,4.076a.946.946,0,0,1-.675.283A.945.945,0,0,1-10288.26-97.869Z"
|
||||
transform="translate(10292.587 103.586)" fill="#fff" />
|
||||
</svg>
|
||||
</span>
|
||||
|
||||
Показать больше
|
||||
</button>
|
||||
|
||||
<div class="term_all">
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="term_row">
|
||||
<h6 class="term_row-title accord">
|
||||
Hasaba alyş bölümi
|
||||
</h6>
|
||||
|
||||
<div class="term_sub-item">
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
|
||||
<div class="term_additional">
|
||||
<button type="button" class="term_more accord">
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"
|
||||
viewBox="0 0 10 6">
|
||||
<path id="Union_1" data-name="Union 1"
|
||||
d="M-10288.26-97.869l-4.048-4.076a.968.968,0,0,1,0-1.36.949.949,0,0,1,1.349,0l3.373,3.4,3.371-3.4a.949.949,0,0,1,1.349,0,.968.968,0,0,1,0,1.36l-4.045,4.076a.946.946,0,0,1-.675.283A.945.945,0,0,1-10288.26-97.869Z"
|
||||
transform="translate(10292.587 103.586)" fill="#fff" />
|
||||
</svg>
|
||||
</span>
|
||||
|
||||
Показать больше
|
||||
</button>
|
||||
|
||||
<div class="term_all">
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="term_row">
|
||||
<h6 class="term_row-title accord">
|
||||
Maliýe gözegçiligi bölümi
|
||||
</h6>
|
||||
|
||||
<div class="term_sub-item">
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
|
||||
<div class="term_additional">
|
||||
<button type="button" class="term_more accord">
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"
|
||||
viewBox="0 0 10 6">
|
||||
<path id="Union_1" data-name="Union 1"
|
||||
d="M-10288.26-97.869l-4.048-4.076a.968.968,0,0,1,0-1.36.949.949,0,0,1,1.349,0l3.373,3.4,3.371-3.4a.949.949,0,0,1,1.349,0,.968.968,0,0,1,0,1.36l-4.045,4.076a.946.946,0,0,1-.675.283A.945.945,0,0,1-10288.26-97.869Z"
|
||||
transform="translate(10292.587 103.586)" fill="#fff" />
|
||||
</svg>
|
||||
</span>
|
||||
|
||||
Показать больше
|
||||
</button>
|
||||
|
||||
<div class="term_all">
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
birža söwdasynyň kadalary.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-3b85ce3c-5d92-4daf-b8fe-8b90e3e154cd.docx
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-8c9c9138-527b-427a-8aa5-e4df5b67a075.doc
|
||||
</a>
|
||||
<a href="#" class="term_download-link">
|
||||
document-a5107ef0-cd05-4089-bb18-553d2ecd3a54.doc
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue