commit changes
This commit is contained in:
ilmedova
parent
ed0c8ba439
commit
405f23c2e1
|
|
@ -1,55 +1,51 @@
|
|||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
.slick-list {
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
overflow-x: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
.slick-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
@ -58,62 +54,62 @@
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
.slick-track:after {
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
.slick-slide {
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
/* height: 100%; */
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
|
||||
[dir='rtl'] .slick-slide {
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
|
||||
.slick-slide img {
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
|
||||
.slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -88,52 +88,88 @@
|
|||
/* Tv slider ====================================== */
|
||||
|
||||
.tv__chanel {
|
||||
margin: 40px 0px;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.tv_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.tv__box {
|
||||
display: flex !important;
|
||||
align-items: stretch !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.tv__item {
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
margin-right: 10px;
|
||||
margin: 5px 10px;
|
||||
/* max-height: 100px !important; */
|
||||
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .3);
|
||||
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.tv__item a {
|
||||
width: 100%;
|
||||
.tv__item img {
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tv__item a img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
-o-object-fit: contain;
|
||||
|
||||
}
|
||||
|
||||
.empty {
|
||||
height: 200px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
|
||||
/* Tv slider end ================================== */
|
||||
@media (max-width: 1450px) {
|
||||
.tv__item {
|
||||
/* min-height: 90px !important; */
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.container {
|
||||
padding: 0 80px;
|
||||
|
||||
.tv__chanel {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.tv__item a img {
|
||||
width: 85%;
|
||||
height: 85%;
|
||||
margin: 0 auto;
|
||||
object-fit: contain;
|
||||
-o-object-fit: contain;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.container {
|
||||
padding: 0 50px;
|
||||
|
||||
.tv__chanel {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.container {
|
||||
padding: 0 20px;
|
||||
@media (max-width: 470px) {
|
||||
.tv__item a img {
|
||||
width: 95%;
|
||||
height: 85%;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue