Guwanjyn edenini goshdum

This commit is contained in:
Medet 2019-09-18 16:00:19 +05:00
parent e2fd368145
commit 43a0d48b7c
5 changed files with 82 additions and 27 deletions

View File

@ -186,9 +186,15 @@ article > .u-block-hover__additional--partially-slide-up {
#kinoteator .tab-header a.top-social-icons:focus svg path {
fill: #ff4159; }
#kinoteator .tab-ozi a {
font-size: 20px;
margin-right: 40px;
font-size: 15px;
margin-right: 15px;
padding: 0; }
.big-cinema-item-col6 svg{
width: 35px;
}
.big-cinema-item-col6 .share, .big-cinema-item-col6 .like{
font-size: 20px !important;
}
#kinoteator .tab-ozi a.nav-link.active {
background-color: unset; }
#kinoteator .tab-ozi {
@ -244,6 +250,7 @@ article.u-block-hover img {
font-size: 30px; }
#konserty {
padding: 100px 7.2% !important;
margin-top: 100px; }
#konserty .tab-header h2 {
font-size: 35px;
@ -275,7 +282,7 @@ article.u-block-hover img {
background-color: unset;
border-bottom: 2px solid #ffffff; }
#konserty .tab-ozi {
margin-top: 10px; }
margin-top: 70px; }
#konserty .tab-ozi .nav.u-nav-v1-1 {
padding: 0 5px; }
#konserty .tab-ozi .nav.u-nav-v1-1 .dropdown-menu a {
@ -291,7 +298,8 @@ article.u-block-hover img {
padding: 0; }
#kinoteator-tab1 .overlay-details, .movie-items-group .overlay-details {
position: absolute;
bottom: 0; }
bottom: 0;
width: 100%;}
#kinoteator-tab1 .owl-nav, .movie-items-group .owl-nav {
position: absolute;
top: -50px;
@ -332,6 +340,7 @@ article.u-block-hover img {
margin-left: 7px; }
#kinoteator-tab1 .owl-dots, .movie-items-group .owl-dots {
text-align: center;
display: block;
margin-top: 10px; }
#kinoteator-tab1 .owl-dots .owl-dot, .movie-items-group .owl-dots .owl-dot {
margin: 0 5px; }
@ -391,6 +400,7 @@ article.u-block-hover img {
margin-left: 7px; }
#konserty-tab1 .owl-dots {
text-align: center;
display: block;
margin-top: 10px; }
#konserty-tab1 .owl-dots .owl-dot {
margin: 0 5px; }
@ -476,7 +486,7 @@ img.d2-img {
left: 10px; }
.overlay-details {
padding: 30px 80px; }
padding: 30px 30px; }
@media only screen and (max-width: 1600px) {
.overlay-details {
padding: 20px 30px; } }
@ -484,28 +494,55 @@ img.d2-img {
color: #ffffff;
text-align: center; }
.overlay-details h2.title {
font-size: 40px;
line-height: 40px;
margin-bottom: 20px;}
.big-cinema-item-col6 .overlay-details h2.title {
font-size: 60px;
line-height: 80px; }
line-height: 60px;
margin-bottom: 20px;}
@media only screen and (max-width: 1600px) {
.overlay-details h2.title {
font-size: 50px;
line-height: 60px; } }
font-size: 30px;
line-height: 30px; } }
@media only screen and (max-width: 1600px) {
.big-cinema-item-col6 .overlay-details h2.title {
font-size: 40px;
line-height: 40px; } }
.overlay-details h4.date {
font-size: 20px;
margin-top: -10px;
margin-bottom: 20px;}
.big-cinema-item-col6 .overlay-details h4.date{
font-size: 30px;
margin-top: -10px; }
}
.big-cinema-item-col6 .description{
display: block !important;
}
@media only screen and (max-width: 1600px) {
.overlay-details h4.date {
font-size: 25px;
margin-top: -5px; } }
font-size: 18px;
margin-top: -15px;
margin-bottom: 10px;} }
@media only screen and (max-width: 1600px) {
.big-cinema-item-col6 .overlay-details h4.date {
font-size: 24px;
margin-top: -15px;
margin-bottom: 10px;} }
.overlay-details p.description {
font-size: 30px;
margin-top: 30px;
line-height: 40px;
line-height: 32px;
margin-bottom: 40px; }
@media only screen and (max-width: 1600px) {
.overlay-details p.description {
font-size: 25px;
line-height: 35px; } }
@media only screen and (max-width: 1600px) {
.overlay-details p.description {
font-size: 22px;
line-height: 26px;
margin: 10px 0} }
.overlay-details .overlay-details-bottom-part a:hover, .overlay-details .overlay-details-bottom-part a:focus {
color: #ffffff;
text-decoration: none; }
@ -516,7 +553,7 @@ img.d2-img {
font-size: 16px; } }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.share svg {
width: 30px !important; } }
width: 20px !important; } }
.overlay-details .overlay-details-bottom-part a.like {
margin-right: 0 !important;
font-size: 20px; }
@ -525,27 +562,31 @@ img.d2-img {
font-size: 16px; } }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.like svg {
width: 30px !important; } }
width: 20px !important; } }
.overlay-details .overlay-details-bottom-part div.buy-btn-wrap {
text-align: -webkit-center; }
.overlay-details .overlay-details-bottom-part a.buy-btn {
font-size: 30px !important;
font-size: 20px !important;
border-radius: 5px;
display: block;
margin-right: 0 !important;
width: fit-content;
border: 2px solid #ffffff;
padding: 5px 50px !important;
padding: 7px 50px !important;
margin-top: 15px;
margin-bottom: 10px; }
.big-cinema-item-col6 .overlay-details .overlay-details-bottom-part a.buy-btn{
font-size: 24px !important;
}
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.buy-btn {
font-size: 25px !important; } }
font-size: 18px !important;
padding: 5px 30px !important; } }
.overlay-details .overlay-details-bottom-part span.cost {
font-size: 30px; }
font-size: 20px; }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part span.cost {
font-size: 25px; } }
font-size: 18px; } }
.overlay-details.smalll {
width: 100%;
@ -1642,4 +1683,16 @@ input.reserved-seats ~ label svg {
.single-item-6{
padding: 10px;
}
.teatr-show-more{
color: #ffffff;
background-color: #d33d33;
height: fit-content;
font-size: 20px;
padding: 15px 60px;
border-radius: 5px;
margin-right: 5px;
transition-property: background-color;
transition-duration: .2s;
}

View File

@ -18674,7 +18674,9 @@ pre[class*="language-"] {
Covers
------------------------------------*/
.g-bg-cover {
position: relative; }
position: relative;
height: 100%;
}
.g-bg-cover::after {
content: "";
position: absolute;

View File

@ -7,16 +7,16 @@
<div class="overlay-details">
<h2 class="title">{{$event->title}}</h2>
<h4 class="date">В кино с {{$event->start_date->format('d M')}} </h4>
<p class="description">{{$event->description}}</p>
<p class="description" style="display: none">{{$event->description}}</p>
<div class="overlay-details-bottom-part">
<a href="" class="share">
<svg class="Shape" viewBox="0 0 30.504 33.893" fill="#ffffff" width="35px">
<svg class="Shape" viewBox="0 0 30.504 33.893" fill="#ffffff" width="20px">
<path id="Shape" d="M 25.41962051391602 23.95637512207031 C 24.13169288635254 23.95637512207031 22.97933578491211 24.46681022644043 22.09812164306641 25.26648902893066 L 10.01532936096191 18.20548248291016 C 10.10006237030029 17.81414985656738 10.16784763336182 17.42281913757324 10.16784763336182 17.01446914672852 C 10.16784763336182 16.60612297058105 10.10006237030029 16.21479225158691 10.01532936096191 15.82345771789551 L 21.96255111694336 8.830510139465332 C 22.87765884399414 9.681234359741211 24.08085250854492 10.20868301391602 25.41962051391602 10.20868301391602 C 28.23272323608398 10.20868301391602 30.50354385375977 7.9287428855896 30.50354385375977 5.104341506958008 C 30.50354385375977 2.2799391746521 28.23272323608398 0 25.41962051391602 0 C 22.60651397705078 0 20.33569526672363 2.2799391746521 20.33569526672363 5.104341506958008 C 20.33569526672363 5.512688636779785 20.40348052978516 5.904021739959717 20.48821449279785 6.29535436630249 L 8.54099178314209 13.28830146789551 C 7.625885963439941 12.43757820129395 6.422690391540527 11.91012954711914 5.083923816680908 11.91012954711914 C 2.270819425582886 11.91012954711914 0 14.19006824493408 0 17.01446914672852 C 0 19.8388729095459 2.270819425582886 22.11881256103516 5.083923816680908 22.11881256103516 C 6.422690391540527 22.11881256103516 7.625885963439941 21.59136390686035 8.54099178314209 20.74064064025879 L 20.60683822631836 27.81865882873535 C 20.5221061706543 28.17596435546875 20.47126579284668 28.5502815246582 20.47126579284668 28.92460250854492 C 20.47126579284668 31.66392707824707 22.69124794006348 33.89282608032227 25.41962051391602 33.89282608032227 C 28.14799308776855 33.89282608032227 30.36797142028809 31.66392707824707 30.36797142028809 28.92460250854492 C 30.36797142028809 26.18527030944824 28.14799308776855 23.95637512207031 25.41962051391602 23.95637512207031 L 25.41962051391602 23.95637512207031 Z">
</path>
</svg>
Share</a>
<a href="" class="like">
<svg class="Shape_A26_Path_4" viewBox="0 0 34 30" fill="#ffffff" width="35px">
<svg class="Shape_A26_Path_4" viewBox="0 0 34 30" fill="#ffffff" width="20px">
<path id="Shape_A26_Path_4" d="M 17 5.624999523162842 C 15.7344446182251 2.377499580383301 12.18900012969971 0 8.5 0 C 3.696555614471436 0 0 3.622499465942383 0 8.437499046325684 C 0 15.05437183380127 7.164555549621582 20.1712474822998 17 30 C 26.8354434967041 20.1712474822998 34 15.05437183380127 34 8.437499046325684 C 34 3.622499465942383 30.30344581604004 0 25.5 0 C 21.80722236633301 0 18.26555633544922 2.377499580383301 17 5.624999523162842 Z">
</path>
</svg>

View File

@ -9,10 +9,10 @@
<div class="owl-carousel container row" id="kinoteator-tab1" style="padding: 0 !important; margin: 0">
<div class="slider-slider">
<div class="row w-100 m-auto">
<div class="col-6 single-item-6">
<div class="col-6 single-item-6 big-cinema-item-col6">
@include('Bilettm.Partials.CinemaItem',['event'=>$cinema->shift(1),'size'=>'big'])
</div>
<div class="col-6">
<div class="col-6" style="padding: 0">
<div class="row">
@foreach($cinema->slice(0,4) as $cinemaEvent)
<div class="col-6 single-item-6">

View File

@ -1,8 +1,8 @@
<section id="teator " class="container teator">
<div class="tab-header d-flex justify-content-between col-12">
<div class="tab-header d-flex justify-content-between col-12 p-0">
<h2 class="">Театоры</h2>
<div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: rgba(211,61,51,1)"></div>
<a class="" href="">Посмотреть все</a>
<a class="teatr-show-more m-0" href="">Посмотреть все</a>
</div>
<div class="tab-ozi col-12">
<div class="kinoteator-tab1-wrapper">