sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.148 add faq on main page

Browse Source
This commit is contained in:
ArtemB
2023-09-21 17:50:58 +03:00
parent 54105c47f0
commit 5ae0e75a96
8 changed files with 345 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

221
static/css/styles.css
View File

@@ -2069,6 +2069,13 @@ button#send_feedback_form{
top: 1px;
padding: 10px;
border-radius: 10px;
margin-bottom: 30px;
}
.tabs>div>#title_static{
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
}
.tabs>label:not(:first-of-type) {
@@ -2090,6 +2097,220 @@ button#send_feedback_form{
/*tabs_on_main_page*/
.pre_bottom_block_static{
width: 90%;
margin: auto;
}
.cards_wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.cards_item_1{
width: 630px;
height: 322px;
border-radius: 10px;
background: #272424;
/* Shadow 1 */
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
margin: 10px;
}
.cards_item_1_left,
.cards_item_2_left,
.cards_item_3_left,
.cards_item_4_left{
width: 55%;
float: left;
}
.cards_item_1_right{
float: right;
border-radius: 10px;
background: url(/static/img/png/cards_item_1.png), lightgray 0px -24.489px / 100.69% 113.347% no-repeat;
width: 279px;
height: 322px;
}
.cards_item_2{
width: 630px;
height: 322px;
border-radius: 10px;
background: #FFF;
/* Shadow 1 */
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
margin: 10px;
}
.cards_item_2_left>div,
.cards_item_3_left>div{
color: black;
}
.cards_item_2_right{
float: right;
border-radius: 10px;
background: url(/static/img/png/cards_item_2.png), lightgray 50% / cover no-repeat;
width: 279px;
height: 322px;
}
.card_gradient{
border-radius: 10px;
background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
width: 100px;
height: 322px;
}
.card_gradient_black{
border-radius: 10px;
background: linear-gradient(90deg, #272424 0%, rgba(39, 36, 36, 0.00) 100%);
width: 100px;
height: 322px;
}
.cards_item_3{
width: 630px;
height: 322px;
border-radius: 10px;
background: #FFF;
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
margin: 10px;
}
.cards_item_3_right{
float: right;
border-radius: 10px;
background: url(/static/img/png/cards_item_3.png), lightgray 50% / cover no-repeat;
width: 279px;
height: 322px;
}
.cards_item_4{
width: 630px;
height: 322px;
border-radius: 10px;
background: #272424;
/* Shadow 1 */
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
margin: 10px;
}
.cards_item_4_right{
float: right;
border-radius: 10px;
background: url(/static/img/png/cards_item_4.png), lightgray 50% / cover no-repeat;
width: 279px;
height: 322px;
}
.card_title_1{
color: #FFF;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 118.182% */
margin: 104px 0 0 20px;
}
.card_title_2{
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
margin: 15px 0 0 20px;
}
.card_title_3{
color: #FFF;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 20px 0 0 20px;
width: 80%;
}
/*faq_main_page*/
.faq_main_page {
display: flex;
flex-direction: column;
align-items: center;
}
details{
display: block;
background: #fff;
width: 87%;
box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
border-radius: 8px;
overflow: hidden;
margin-bottom: 1.5rem;
margin-right: 22px;
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
display: block;
padding: 0.3em 1em 0.3em 0.9em;
font-size: 1.4em;
cursor: pointer;
position: relative;
margin: 10px 0 10px 0px;
}
summary:before {
top: .4em;
right: .3em;
color: transparent;
background: url(/static/img/svg/icon_cross.svg) no-repeat 50% 50% / 1em 1em;
width: 1em;
height: 1em;
content: "";
position: absolute;
transition: transform .5s;
}
details[open] > summary:before {
transform: scale(1,-1);
}
summary ~ * {
padding: 0 1em 10px 1.4em;
}
details[open] summary ~ *{
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0% {opacity: 0;}
100% {opacity: 1;}
}
summary:focus {
outline:0;
box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}
/*END faq_main_page*/
/*end_static_pages*/

BIN
static/img/png/cards_item_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
static/img/png/cards_item_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 139 KiB

BIN
static/img/png/cards_item_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
static/img/png/cards_item_4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

3
static/img/svg/icon_cross.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.89474 14.2105H14.2105V7.89474H15.7895V14.2105H22.1053V15.7895H15.7895V22.1053H14.2105V15.7895H7.89474V14.2105ZM15 0C18.9782 0 22.7936 1.58035 25.6066 4.3934C28.4196 7.20644 30 11.0218 30 15C30 18.9782 28.4196 22.7936 25.6066 25.6066C22.7936 28.4196 18.9782 30 15 30C11.0218 30 7.20644 28.4196 4.3934 25.6066C1.58035 22.7936 0 18.9782 0 15C0 11.0218 1.58035 7.20644 4.3934 4.3934C7.20644 1.58035 11.0218 0 15 0ZM15 1.57895C11.4405 1.57895 8.02682 2.99295 5.50988 5.50988C2.99295 8.02682 1.57895 11.4405 1.57895 15C1.57895 18.5595 2.99295 21.9732 5.50988 24.4901C8.02682 27.0071 11.4405 28.4211 15 28.4211C18.5595 28.4211 21.9732 27.0071 24.4901 24.4901C27.0071 21.9732 28.4211 18.5595 28.4211 15C28.4211 11.4405 27.0071 8.02682 24.4901 5.50988C21.9732 2.99295 18.5595 1.57895 15 1.57895Z" fill="#FF613A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 920 B

3
static/img/svg/icon_cross_2.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="icon cross" d="M10.5341 9.41765L15 13.8836L19.4659 9.41765L20.5824 10.5341L16.1165 15.0001L20.5824 19.466L19.4659 20.5825L15 16.1166L10.5341 20.5825L9.41758 19.466L13.8835 15.0001L9.41758 10.5341L10.5341 9.41765ZM25.6066 4.39347C28.4196 7.20651 30 11.0218 30 15.0001C30 18.9783 28.4196 22.7936 25.6066 25.6067C22.7936 28.4197 18.9782 30.0001 15 30.0001C11.0218 30.0001 7.20644 28.4197 4.3934 25.6067C1.58035 22.7936 5.97722e-07 18.9783 2.60547e-07 15.0001C9.19596e-08 11.0218 1.58035 7.20651 4.3934 4.39347C7.20644 1.58042 11.0218 6.87361e-05 15 6.85675e-05C18.9782 6.87361e-05 22.7936 1.58042 25.6066 4.39347ZM24.4901 5.50995C21.9732 2.99302 18.5595 1.57902 15 1.57902C11.4405 1.57902 8.02682 2.99302 5.50988 5.50995C2.99295 8.02689 1.57895 11.4406 1.57895 15.0001C1.57895 18.5596 2.99295 21.9733 5.50988 24.4902C8.02682 27.0071 11.4405 28.4211 15 28.4211C18.5595 28.4211 21.9732 27.0071 24.4901 24.4902C27.0071 21.9733 28.4211 18.5596 28.4211 15.0001C28.4211 11.4406 27.0071 8.02689 24.4901 5.50995Z" fill="#FF613A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB