carousel height changed to min height, other style fixes
This commit is contained in:
parent
2747460184
commit
955331f64b
2 changed files with 32 additions and 25 deletions
|
|
@ -1,3 +1,9 @@
|
|||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.navbar > .container {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-trans {
|
||||
color: #fff;
|
||||
border: 2px solid #fff;
|
||||
|
|
@ -143,14 +149,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
.header_slider {
|
||||
height: 95vh;
|
||||
.header_slider > .carousel .carousel-inner {
|
||||
min-height: 95vh;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.header_slider > .carousel,
|
||||
.header_slider > .carousel .carousel-inner,
|
||||
.header_slider > .carousel .item {
|
||||
height: 100%;
|
||||
.header_slider > .carousel .carousel-inner > .next,
|
||||
.header_slider > .carousel .carousel-inner > .prev {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.header_slider .carousel-indicators {
|
||||
|
|
@ -180,6 +186,11 @@
|
|||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.header_slider > .carousel .item {
|
||||
background: rgba(0,0,0,0.5);
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.header_slider > .carousel .item .container {
|
||||
overflow: auto;
|
||||
padding: 50px 20px 60px;
|
||||
|
|
@ -190,16 +201,12 @@
|
|||
/* background: rgba(0,0,0,0.5); */
|
||||
}
|
||||
|
||||
.header_slider > .carousel .item {
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.header_slider .intro-cap {
|
||||
text-align: right;
|
||||
line-height: 1.1;
|
||||
font-size: 23px;
|
||||
margin-bottom: 12px;
|
||||
padding: 30px;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.header_slider .btn-trans {
|
||||
|
|
@ -245,7 +252,7 @@
|
|||
text-align: right;
|
||||
line-height: 1.4;
|
||||
margin-bottom: 20px;
|
||||
padding: 15px;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue