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

TRI-283: start adaptive 1920

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-16 20:03:47 +03:00
parent 3d28a1ee86
commit 89166100e3
15 changed files with 333 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
static/css/moover.css
View File

@@ -1,15 +1,16 @@
.container {
margin: 0 auto;
max-width: 1280px;
width: 1280px;
position: relative;
min-height: 695px;
}
/*@media (max-width: 1339.98px) {*/
/* .container {*/
/* width: 992px*/
/* }*/
/*}*/
@media (min-width: 1720px) {
.container {
width: 1720px;
}
}
/*@media (max-width: 1019.98px) {*/
/* .container {*/
/* width: 720px*/
@@ -39,11 +40,18 @@
font-weight: 700;
}
h1, .title {
h1, .h1 {
font-size: 44px;
line-height: 52px;
}
@media (min-width: 1720px) {
h1, .h1 {
font-size: 48px;
line-height: 52px;
}
}
h2, .h2 {
font-size: 24px;
line-height: 36px;
@@ -99,27 +107,64 @@ b {
margin-right: auto;
}
@media (min-width: 1720px) {
.title {
font-size: 44px;
margin-bottom: 22px;
}
}
.subtitle {
margin-bottom: 81px;
line-height: 22px;
}
@media (min-width: 1720px) {
.subtitle {
font-size: 20px;
margin-bottom: 97px;
}
}
.hide {
display: none;
}
@media (min-width: 1440px) {
.is-container.wrapper_main {
max-width: initial;
}
}
.presentation {
margin: 20px -65px 140px;
}
@media (min-width: 1720px) {
.presentation {
margin-left: 0;
margin-right: 0;
}
}
.presentation__top {
position: relative;
min-height: 270px;
margin: 0 auto 116px;
padding: 29px 0 40px;
background-image: url(/static/img/webp/Box9.webp), url(/static/img/webp/Box10.webp), url(/static/img/webp/Box11.webp), url(/static/img/webp/Box12.webp);
background-position: top -5px left 44px, top -30px right -15px, bottom 70px left 276px, bottom 67px right 274px;
background-image: url(/static/img/png/Box9.png), url(/static/img/png/Box10.png), url(/static/img/png/Box11.png), url(/static/img/png/Box12.png);
background-position: top -4px left 46px, top -30px right -14px, bottom 73px left 278px, bottom 71px right 276px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 17.5%,21.8%,8.5%,8.8%;
}
@media (min-width: 1720px) {
.presentation__top {
background-size: 18.5%, 22%, 9%, 10.1%;
background-position: top -47px left 58px, top -31px right 20px, bottom 8px left 347px, bottom -5px right 352px;
padding-top: 95px;
margin-bottom: 176px;
}
}
.presentation__title {