Guwanjyn edenini goshdum
This commit is contained in:
parent
e2fd368145
commit
43a0d48b7c
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -18674,7 +18674,9 @@ pre[class*="language-"] {
|
|||
Covers
|
||||
------------------------------------*/
|
||||
.g-bg-cover {
|
||||
position: relative; }
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.g-bg-cover::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue