You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
163 lines
3.2 KiB
163 lines
3.2 KiB
.grid-wrapper{ |
|
height: calc(100vh - 30px); |
|
margin: 0px; |
|
background: transparent; |
|
display: flex; |
|
flex-wrap: wrap; |
|
} |
|
.layout-top-nav .wrapper .main-header { |
|
margin-left: 0; |
|
height: 30px; |
|
} |
|
video.background{ |
|
pointer-events: none; |
|
position: absolute; |
|
top:0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
object-fit: cover; |
|
} |
|
.control-sidebar.custom{ |
|
background: black; |
|
height: 100%; |
|
margin-top: -57px; |
|
padding: 30px 8px 8px; |
|
background: linear-gradient(45deg, black, transparent); |
|
overflow: hidden; |
|
} |
|
.control-sidebar.custom .row{ |
|
height:100%; |
|
overflow: auto; |
|
} |
|
.control-sidebar.custom>h5{ |
|
color: white; |
|
text-align: center; |
|
} |
|
|
|
.grid-wrapper .player video.video-class { |
|
background: #000; |
|
object-fit: fill; |
|
} |
|
.grid-wrapper .player video.video-class.empty { |
|
background: transparent; |
|
} |
|
|
|
.img-background{ |
|
/* background: url(/../static/img/back.jpg); */ |
|
background-color: #343a40; |
|
background-position: center; |
|
background-repeat: no-repeat; |
|
background-size: cover; |
|
backdrop-filter: sepia(0.5) grayscale(0.4); |
|
} |
|
.img-background .content-wrapper{ |
|
background: transparent; |
|
} |
|
.img-background .main-header{ |
|
background: |
|
} |
|
.grid-wrapper .player { |
|
|
|
padding: 0px; |
|
border: 2px solid #000; |
|
} |
|
|
|
.grid-wrapper .player .remove-btn{ |
|
color:white; |
|
display: none; |
|
position: absolute; |
|
right: 0px; |
|
top: 0px; |
|
cursor: pointer; |
|
padding: 5px 10px; |
|
border-radius: 50px; |
|
filter: drop-shadow(1px 1px 1px black); |
|
} |
|
.grid-wrapper .player.empty .remove-btn{ |
|
display: none; |
|
} |
|
.grid-wrapper .player:not(.empty):hover .remove-btn{ |
|
display: block; |
|
} |
|
|
|
.grid-wrapper .player .add-stream-btn{ |
|
position: absolute; |
|
left: 0; |
|
top: calc(50% - 2vw); |
|
text-align: center; |
|
width: 100%; |
|
font-variant-caps: all-petite-caps; |
|
font-size: 1.5vw; |
|
line-height: 1; |
|
color: white; |
|
cursor: pointer; |
|
display: none; |
|
filter: drop-shadow(2px 4px 6px black); |
|
} |
|
.grid-wrapper .player.empty .add-stream-btn{ |
|
display: block; |
|
|
|
} |
|
|
|
.carousel-caption { |
|
pointer-events: none; |
|
filter: drop-shadow(1px 1px 1px black); |
|
} |
|
.stream-img{ |
|
height: 150px; |
|
} |
|
.player .loader, .main-player .loader{ |
|
position: absolute; |
|
width: 100px; |
|
height: 70px; |
|
top: calc(50% - 35px); |
|
left: calc(50% - 50px); |
|
} |
|
.control-sidebar-close-btn{ |
|
position: absolute; |
|
top: 37px; |
|
right: 12px; |
|
color: #fff; |
|
} |
|
.control-sidebar-close-btn:hover{ |
|
color: #999; |
|
} |
|
.dropdown-menu.custom-dropdown.show{ |
|
color: #ffF; |
|
border: 1px solid #343a40; |
|
background: linear-gradient(45deg, #000000d1 30%,#343a40); |
|
padding: 0; |
|
text-align: center; |
|
} |
|
|
|
.dropdown-menu.custom-dropdown .custom-dropdown-item{ |
|
float: left; |
|
width: 33%; |
|
padding: 10px; |
|
font-size: 12px; |
|
cursor: pointer; |
|
} |
|
.dropdown-menu.custom-dropdown .custom-dropdown-item.active,.dropdown-menu.custom-dropdown .custom-dropdown-item:hover{ |
|
border-radius: 5px; |
|
box-shadow: inset 0px 0px 15px -5px; |
|
} |
|
.dropdown-menu.custom-dropdown .dropdown-item{ |
|
color: #fff; |
|
|
|
} |
|
.dropdown-menu.custom-dropdown .dropdown-item:hover{ |
|
box-shadow: inset 0px 0px 15px -5px; |
|
background: transparent; |
|
} |
|
|
|
.custom-dropdown-item.with-img{ |
|
width: 50%!important; |
|
height: auto; |
|
padding: 2px!important; |
|
|
|
} |
|
.custom-dropdown-item.with-img img{ |
|
width: 100%; |
|
height: auto; |
|
}
|
|
|