From 875cf725becb18a0017062b5011188969f3af832 Mon Sep 17 00:00:00 2001 From: zhegal Date: Thu, 25 Jan 2018 13:54:01 +0200 Subject: [PATCH] slider 1 --- frontend/web/css/main.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+), 0 deletions(-) diff --git a/frontend/web/css/main.css b/frontend/web/css/main.css index 11aefcc..a96e3ae 100644 --- a/frontend/web/css/main.css +++ b/frontend/web/css/main.css @@ -356,6 +356,29 @@ footer .social-logos a:hover { background-color: #d6b500; color: #0a2d42; } +.main-slider{ + height: 90vh; + background-color: #cecece; + width: 100%; + position: relative; + min-height:350px; + max-height:854px; +} +.main-slider .carousel { + position: relative; + height: 100%; +} +.main-slider .carousel-control{ + font-size: 140px; + line-height: 80vh; +} +.main-slider .carousel-inner, .main-slider .carousel-inner > .item {height:100%;width:100%;position:relative;} +.main-slider .img-responsive, .thumbnail > img, .main-slider .thumbnail a > img, .carousel-inner > .item > img, .main-slider .carousel-inner > .item > a > img { + width: 100%; + height: 100%; + position: absolute; + object-fit:cover; +} @media(min-width:992px) and (max-width:1199px){ .pr_cover { @@ -418,11 +441,23 @@ footer .social-logos a:hover { top: 0; left: 0; } + .main-slider { + height:0%; + min-height:0%; + padding-top: 75%; + } + .main-slider .carousel { + height: 100%;width: 100%; + position: absolute; + top: 0; + } } @media(max-width:768px){ .main_video_fb{ padding-top: 56.1%; } + .main-slider{max-height:550px;} + .main-slider .carousel-control {line-height: 370%;} } @media(min-width:768px){ .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ -- libgit2 0.21.4