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

0.0.178 media 320px v.1

Browse Source
This commit is contained in:
ArtemB
2023-10-23 19:34:16 +03:00
parent 906856b01b
commit e07cf3f9d6
3 changed files with 105 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
static/css/styles.css
View File

@@ -1954,14 +1954,19 @@ button#more_button{
}
.benefit_title_item>h3{
font-size: 24px;
.benefit_img_item>h3{
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 36px;
text-align: center;
}
.benefit_img_item>span{
text-align: center;
margin-bottom: 10px;
}
.benefit_img_about_service>figure{
display: flex;
width: 197px;
@@ -2068,15 +2073,10 @@ button#more_button{
}
.benefit_img_item{
width: 20%;
max-width: 360px;
}
.benefit_title_item>span{
text-align: center;
margin-bottom: 10px;
width: 340px;
display: block;
}
.map_wrapper{
position: relative;
@@ -2295,7 +2295,9 @@ button#send_feedback_form{
width: 48%;
height: 322px;
border-radius: 10px;
background: #272424;
background: url(/static/img/png/cards_item_1.png) #242223 50%;
background-repeat: no-repeat;
background-position: right;
/* Shadow 1 */
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
@@ -2315,7 +2317,7 @@ button#send_feedback_form{
float: right;
border-radius: 10px;
background: url(/static/img/png/cards_item_1.png), lightgray 0px -24.489px / 100.69% 113.347% no-repeat;
/*background: url(/static/img/png/cards_item_1.png), lightgray 0px -24.489px / 100.69% 113.347% no-repeat;*/
width: 45%;
height: 322px;
@@ -2356,7 +2358,7 @@ button#send_feedback_form{
}
.card_gradient_black{
border-radius: 10px;
background: linear-gradient(90deg, #272424 0%, rgba(39, 36, 36, 0.00) 100%);
background: linear-gradient(90deg, #242223 0%, rgba(39, 36, 36, 0.00) 100%);
width: 100px;
height: 322px;
}
@@ -2681,6 +2683,54 @@ details[open] summary ~ *{
/*END news articles all*/
/*media breakpoints*/
@media (max-width: 320px) {
.header_big_background {
max-width: 100%;
}
#sub_title_static>p{
white-space: normal;
}
.top_block_static{
padding: 0;
}
.mid_block_static{
padding: 0;
}
.wrapper_tab_button{
width: 55%;
}
.benefit_img{
flex-wrap: wrap;
}
.tab-btn-2{
margin: 0 0 5px 0;
}
button#more_button{
width: 100%;
}
#title_static{
font-size: 34px;
}
.cards_item_1,
.cards_item_2,
.cards_item_3,
.cards_item_4
{
width: 100%;
height: 180px;
background-size:60%;
}
}
@media (max-width: 992px) {
.benefit_img>img{
display: none;
}
}
/*END media breakpoints*/