Rank: Administration
Groups: Administrators, Registered, Registered Users
Joined: 7/17/2014(UTC)
Posts: 74
Was thanked: 1 time(s) in 1 post(s)
|
#hero {
height: 100%;
width: 100%;
}
.hero.rw {
justify-content: center;
position: relative;
}
#hero .container.rw {
padding: 0;
height: 100%;
}
section#hero {
padding: 0 !important;
}
#hero {
position: relative;
background: url("https://www.metastock.com/images/i/Hero-Phone-v-102819.gif");
height: 100%;
width: 100%;
}
.hero.rw {
justify-content: center;
position: relative;
}
#hero .container.rw {
padding: 0;
height: 100%;
}
#hero {
position: relative;
background: url("https://www.metastock.com/images/i/Hero-Phone-v-102819.gif") no-repeat center center / cover;
width: 100%;
padding-bottom: 66.66666666666667%;
}
.buttons.rw.eq .btn.bgbl.wht {
flex-basis: 170px;
}
.buttons {
position: absolute;
bottom: 5px;
width: 90%;
justify-content: flex-end;
align-content: flex-end;
align-items: flex-end;
}
.buttons .btn.bgbl.wht {
outline: 2px solid #fff;
outline-offset: 2px;
}
.buttons a {
display: block;
font-size: larger;
font-weight: bold;
letter-spacing: 0.11em;
}
@media screen and (orientation: landscape) {
#hero {
height: 200px;
background: url("https://www.metastock.com/images/i/Hero-Phone-h-102819.gif") no-repeat center center / cover;
background-size: 600px 200px;
}
}
@media screen and (min-width: 450px) {
#hero {
height: 300px;
background: url("https://www.metastock.com/images/i/Hero-Tablet-102819.gif") no-repeat center center / cover;
padding-bottom: 41.49377593360996%;
}
.buttons {
bottom: 10px;
}
}
@media screen and (min-width: 723px) {
#hero {
height: 200px;
background-image: url("https://www.metastock.com/images/i/Hero-Desktop-102819.gif");
padding-bottom: 47.77777777777778%;
}
.buttons a {
display: inline-block;
}
.main-heding.cl {
font-size: 5rem;
left: 64px;
}
.buttons {
position: absolute;
bottom: 5px;
width: 90%;
justify-content: flex-end;
align-content: flex-end;
align-items: flex-end;
}
.buttons .btn.bgbl.wht {
outline: 2px solid #fff;
outline-offset: 2px;
}
.buttons a {
display: block;
font-size: larger;
font-weight: bold;
letter-spacing: 0.11em;
}
}
@media screen and (orientation: landscape) {
#hero {
height: 200px;
background: url("https://www.metastock.com/images/i/Hero-Phone-h-102819.gif") no-repeat center center / cover;
background-size: 600px 200px;
}
}
@media screen and (min-width: 450px) {
#hero {
height: 300px;
background: url("https://www.metastock.com/images/i/Hero-Tablet-102919.gif") no-repeat center center / cover;
padding-bottom: 41.49377593360996%;
}
.buttons {
bottom: 10px;
}
}
@media screen and (min-width: 723px) {
#hero {
height: 200px;
background-image: url("https://www.metastock.com/images/i/Hero-Desktop-102819.gif");
padding-bottom: 47.77777777777778%;
}
.buttons a {
display: inline-block;
}
.main-heding.cl {
font-size: 5rem;
left: 64px;
}
} Edited by moderator Monday, December 2, 2019 4:38:32 PM(UTC)
| Reason: Not specified
|
|
|
|
|
|
| Users browsing this topic |
|
Guest (Hidden)
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.
