Commit 875cf725becb18a0017062b5011188969f3af832
1 parent
d003f421
slider 1
Showing
1 changed file
with
35 additions
and
0 deletions
Show diff stats
frontend/web/css/main.css
... | ... | @@ -356,6 +356,29 @@ footer .social-logos a:hover { |
356 | 356 | background-color: #d6b500; |
357 | 357 | color: #0a2d42; |
358 | 358 | } |
359 | +.main-slider{ | |
360 | + height: 90vh; | |
361 | + background-color: #cecece; | |
362 | + width: 100%; | |
363 | + position: relative; | |
364 | + min-height:350px; | |
365 | + max-height:854px; | |
366 | +} | |
367 | +.main-slider .carousel { | |
368 | + position: relative; | |
369 | + height: 100%; | |
370 | +} | |
371 | +.main-slider .carousel-control{ | |
372 | + font-size: 140px; | |
373 | + line-height: 80vh; | |
374 | +} | |
375 | +.main-slider .carousel-inner, .main-slider .carousel-inner > .item {height:100%;width:100%;position:relative;} | |
376 | +.main-slider .img-responsive, .thumbnail > img, .main-slider .thumbnail a > img, .carousel-inner > .item > img, .main-slider .carousel-inner > .item > a > img { | |
377 | + width: 100%; | |
378 | + height: 100%; | |
379 | + position: absolute; | |
380 | + object-fit:cover; | |
381 | +} | |
359 | 382 | |
360 | 383 | @media(min-width:992px) and (max-width:1199px){ |
361 | 384 | .pr_cover { |
... | ... | @@ -418,11 +441,23 @@ footer .social-logos a:hover { |
418 | 441 | top: 0; |
419 | 442 | left: 0; |
420 | 443 | } |
444 | + .main-slider { | |
445 | + height:0%; | |
446 | + min-height:0%; | |
447 | + padding-top: 75%; | |
448 | + } | |
449 | + .main-slider .carousel { | |
450 | + height: 100%;width: 100%; | |
451 | + position: absolute; | |
452 | + top: 0; | |
453 | + } | |
421 | 454 | } |
422 | 455 | @media(max-width:768px){ |
423 | 456 | .main_video_fb{ |
424 | 457 | padding-top: 56.1%; |
425 | 458 | } |
459 | + .main-slider{max-height:550px;} | |
460 | + .main-slider .carousel-control {line-height: 370%;} | |
426 | 461 | } |
427 | 462 | @media(min-width:768px){ |
428 | 463 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ | ... | ... |