mirror of
https://gitlab.com/Shinobi-Systems/ShinobiCE.git
synced 2025-03-09 15:40:15 +00:00
89 lines
2.8 KiB
CSS
89 lines
2.8 KiB
CSS
/*Cusotm Bootstrap*/
|
|
.col-5ths,
|
|
.col-sm-5ths,
|
|
.col-md-5ths,
|
|
.col-lg-5ths {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.col-5ths {
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 20%;
|
|
-ms-flex: 0 0 20%;
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.col-sm-5ths {
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 20%;
|
|
-ms-flex: 0 0 20%;
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.col-md-5ths {
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 20%;
|
|
-ms-flex: 0 0 20%;
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color:#bd9565;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color:#bd9565;
|
|
border: 2px solid transparent;
|
|
border-radius: 10px;
|
|
background-clip: padding-box;
|
|
}
|
|
/**/
|
|
.flex{display:flex}
|
|
.flex>div{flex:1}
|
|
.flex-block{display:inline-flex;width:100%;flex-flow: row wrap;}
|
|
.flex-unit-3{flex:3}
|
|
.flex-inline{display: inline-flex;position:relative}
|
|
@import (less) "../less/pie.less";
|
|
ul{list-style:none}
|
|
*{transition:0.2s;box-sizing:border-box}
|
|
.affix-top{position:fixed}
|
|
.no-padding{padding:0!important}
|
|
.no-margin{margin:0!important}
|
|
.pre-inline{white-space: normal;word-break: normal}
|
|
.pre-inline>ul{margin:0;padding:0}
|
|
a{cursor:pointer}
|
|
nav h4{cursor:default;font-size:95%;padding:16px 40px;font-weight:100;text-transform:uppercase;letter-spacing:2px}
|
|
.m-r{margin-right:10px}
|
|
.m-b{margin-bottom:10px}
|
|
.m-t{margin-top:10px}
|
|
.m-l{margin-left:10px}
|
|
.overflow-hidden{overflow: hidden!important}
|
|
.list-inline{list-style:none}
|
|
.list-inline li{display:inline-block;vertical-align: top;margin:0;}
|
|
.truncate{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
img{max-width:100%}
|
|
.display-table{display:table;width:100%}
|
|
.display-inline{display:inline-block}
|
|
.display-table-cell{display:table-cell}
|
|
.small{font-size:80%}
|
|
.super-center{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width: 4em;height: 1em;}
|
|
.permission_monitor_edit{display:none}
|
|
.permission_video_delete{display:none}
|
|
.nodata .divider{margin:5px 0}
|
|
.loading .divider{margin:5px 0}
|
|
/* Video Grid */
|
|
.video_grid{overflow: auto;height: 100%;display: block;}
|
|
.video_grid .col-md-2{padding-left:5px;padding-right:5px;padding-bottom:10px}
|
|
.video_grid .thumb{width:100%;height:150px;display:inline-block;background-size:cover;position:relative;overflow:hidden;border-radius:4px;border:1px solid #000;box-shadow:0 0 10px #151515}
|
|
.video_grid .thumb .title-strip, .video_grid .thumb .button-strip{width:100%;position:absolute;left:0;background:rgba(0,0,0,0.7);color:#fff;padding:4px}
|
|
.video_grid .thumb .title-strip{top:0;opacity:0.5}
|
|
.video_grid .thumb .button-strip{bottom:0;opacity:0}
|
|
.video_grid .thumb:hover .title-strip, .video_grid .thumb:hover .button-strip{opacity:1}
|