new accaunt page

This commit is contained in:
Meylis Gazakow 2022-02-17 19:48:14 +03:00
parent 7cf2edfb13
commit 4c0a4c9bfd
4 changed files with 3329 additions and 194 deletions

3306
shablon/accaunt.html Normal file

File diff suppressed because it is too large Load Diff

View File

@ -186,12 +186,26 @@ li {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 49, 151, .5);
/* background: rgba(0, 49, 151, .5); */
background: url("../images/IMG-2.png") no-repeat center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -2;
}
.register::before {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 49, 151, .3);
width: 100%;
height: 100%;
z-index: -1;
}
.register_wrap {
/* position: absolute;
top: 50%;
@ -4427,10 +4441,6 @@ li {
padding: 100px 0;
}
.import {
padding: 50px 0;
}
.export_table {
width: 100%;
overflow-x: auto;
@ -4443,10 +4453,6 @@ li {
text-align: center;
}
.export_table table.big_table {
width: 1600px;
}
.export_table thead {
background: #E5E7EB;
border-bottom: 1px solid #E5E7EB;
@ -4504,24 +4510,12 @@ li {
cursor: pointer;
background: var(--blue);
color: #fff;
font-size: 13px;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
padding: 10px 15px;
padding: 7px 10px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid transparent;
transition: all .2s linear;
-ms-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}
.table_download:hover {
border-color: var(--blue);
color: var(--blue);
background: #fff;
}
.table_filter {
@ -4529,8 +4523,8 @@ li {
}
.table_filter-icon {
width: 38px;
height: 38px;
width: 32px;
height: 32px;
border: 1px solid var(--blue);
border-radius: 3px;
cursor: pointer;
@ -4547,14 +4541,13 @@ li {
.table_filter-info {
position: absolute;
top: 0;
left: -200px;
width: 200px;
left: -310px;
width: 300px;
background: #f3f3f3;
padding: 20px;
border-radius: 5px;
display: none;
z-index: 5;
}
.table_filter-info.active {
@ -4574,7 +4567,6 @@ li {
-moz-clip-path: polygon(0 0, 0% 100%, 100% 50%);
-o-clip-path: polygon(0 0, 0% 100%, 100% 50%);
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
z-index: 5;
}
.table_filter-info-title {
@ -4610,20 +4602,6 @@ li {
margin-right: 15px;
width: calc(100% - 15px);
max-width: 200px;
position: relative;
}
.table_box-search::after {
content: '';
position: absolute;
top: 10px;
right: 10px;
background: url("../images/svg/down.svg") no-repeat center;
background-size: contain;
width: 20px;
height: 20px;
pointer-events: none;
}
.table_box-search:last-child {
@ -4663,58 +4641,11 @@ input::-webkit-calendar-picker-indicator {
max-width: 300px !important;
}
/* Export table page end ==================================== */
/* Alert ======================================== */
.alert {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #CED6E8;
padding: 10px 0;
z-index: 20;
display: none;
}
.alert.active {
display: block;
}
.alert_row {
display: flex;
align-items: center;
}
.alert_text {
color: var(--blue);
font-size: 14px;
font-weight: 400;
line-height: 1.4;
width: calc(100% - 50px);
}
.close_alert {
width: 10px;
height: 17px;
cursor: pointer;
}
.close_alert svg {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
/* Alert end ==================================== */
/* Media Query
======================================================= */
@ -5271,22 +5202,6 @@ input::-webkit-calendar-picker-indicator {
.term_main-title {
font-size: 28px;
}
/* Tables ====================== */
.export_table table colgroup col:nth-child(2) {
width: 20% !important;
min-width: 20% !important;
}
.table_box {
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
}
.table_box-search {
margin-bottom: 20px;
}
}
@media(max-width: 1000px) {
@ -5756,48 +5671,6 @@ input::-webkit-calendar-picker-indicator {
font-size: 14px;
margin-bottom: 10px;
}
/* Tables ================================ */
.export {
padding-top: 50px;
}
.table_info-row {
flex-direction: column;
-ms-flex-direction: column;
-moz-flex-direction: column;
align-items: unset;
}
.table_info-group {
margin-bottom: 20px;
}
.table_info-group:last-child {
margin-bottom: 0;
}
.table_filter-info {
left: 50px;
}
.table_filter-info::after {
right: unset;
left: -10px;
transform: rotate(180deg);
}
.table_info-group .table_box-search {
margin-bottom: 0;
max-width: 200px;
}
.export_table table.big_table {
width: 900px;
}
}
@media(max-width: 900px) {
@ -6406,12 +6279,6 @@ input::-webkit-calendar-picker-indicator {
height: 16px;
}
/* Tables ==================== */
.table_box-search {
max-width: 143px;
}
}
@media(max-width: 600px) {
@ -6975,34 +6842,6 @@ input::-webkit-calendar-picker-indicator {
.bank_form .additional {
padding: 0 0 0 5px;
}
/* Tables ==================== */
.table_box-search {
max-width: calc(50% - 15px);
}
.w300 {
min-width: calc(100% - 15px) !important;
max-width: calc(100% - 15px) !important;
}
.table_filter-info {
top: 60px;
left: -80px;
}
.table_filter-info::after {
left: 50%;
top: -20px;
transform: rotate(270deg) translateX(-50%);
-moz-transform: rotate(270deg) translateX(-50%);
-ms-transform: rotate(270deg) translateX(-50%);
-o-transform: rotate(270deg) translateX(-50%);
-webkit-transform: rotate(270deg) translateX(-50%);
}
}
@media(max-width: 420px) {
@ -7146,14 +6985,4 @@ input::-webkit-calendar-picker-indicator {
font-size: 12px;
}
/* Tables ==================== */
.table_box-search {
max-width: 100% !important;
min-width: unset !important;
width: 100% !important;
margin-right: 0;
}
}

BIN
shablon/images/IMG-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

0
shablon/js/accaunt.js Normal file
View File