hdw
2018-11-20 0ac46331c1829fbca7cc1873f8d143de2e5feee9
gx_tieta/WebRoot/pages/css/mylayui.css
@@ -3,7 +3,6 @@
   height: 100%;
   min-width: 1200px;
   overflow: hidden;
   overflow-x: auto;
}
.layui-table-view {
   margin: 0;
@@ -11,7 +10,7 @@
/* layui-page-filter */
.page-filter-header {
   line-height: 36px;
   line-height: 32px;
   background: url('../images/table_th_bg.gif') repeat-x;
   text-align:center;
}
@@ -66,6 +65,12 @@
   color: #FFFFFF;
}
.layui-tbl-filter {
   position: absolute;
   top: 8px;
   left: 8px;
   z-index: 891;
}
/*分页样式*/
#paging{
   -webkit-user-select: none;
@@ -95,7 +100,219 @@
   width:100%;
}
body .layui-table th {
   padding-top: 6px;
   padding-bottom: 6px;
}
.abs {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   overflow:hidden;
}
.abs .abs-container {
   position: relative;
   height: 100%;
   overflow-y: auto;
}
/* abs-left */
.abs.abs-left360 {
   left: 360px;
}
/* abs-top */
.abs.abs-top41 {
   top: 41px;
}
.abs.abs-top100 {
   top: 100px;
}
.abs.abs-top200 {
   top: 200px;
}
.abs.abs-top220 {
   top: 220px;
}
.abs.abs-top225 {
   top: 225px;
}
.abs.abs-top230 {
   top: 230px;
}
.abs.abs-top300 {
   top: 300px;
}
/* abs-bottom */
.abs.abs-bottom60 {
   bottom: 60px;
}
.abs.abs-bottom70 {
   bottom: 70px;
}
.abs.abs-bottom120 {
   bottom: 120px;
}
/* overflow */
.abs.abs-overflow-y {
   overflow:hidden;
   overflow-y: auto;
}
/* z-index */
.abs.abs-index1n {
   z-index: -1;
}
/* width */
.w260 {
   width: 260px;
}
.w272 {
   width: 272px;
}
.w32 {
   width: 32px;
}
.w3em {
   width: 3em;
}
.w4em {
   width: 4em;
}
.w5em {
   width: 5em;
}
/* mrl */
.mrl8 {
   margin-left: 8px;
}
.mrr8 {
   margin-right: 8px;
}
.mrb8 {
   margin-bottom: 8px;
}
/* bg-color */
.bg-red {
   background-color: #FF0000;
}
/* graph */
.graph {
   width: 100%;
   height: 100%;
   background-color: #FFFFFF;
}
.graph-content {
   width: 100%;
   height: 100%;
}
/* text style */
.f-bold {
   font-weight: bold;
}
/* my layui */
.popup .layui-card-body {
   padding: 0;
}
/* index map style */
.map-info-detail .layui-colla-title {
   height: 32px;
   line-height: 32px;
}
.map-info-detail .layui-colla-content {
   padding: 0;
}
/* video set */
.video-list {
   position:absolute;
   top: 0;
   bottom: 0;
   width: 240px;
   right: 0;
   background-color: none;
   z-index: 99999;
}
.video-list.video-slideHide {
   right: -240px;
}
.video-list .video-list-container {
   position: relative;
   width: 100%;
   height: 100%;
}
.video-list-container .video-list-bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: .9;
   background-color: #1E1A21;
   z-index: -1;
}
.video-list-container .video-slideToggle {
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -10px;
   padding: 4px 2px;
   background-color: #303036;
   opacity: .65;
   color: #d0d0d6;
   font-size: 18px;
}
.video-list.video-slideHide .video-slideToggle {
   transform:rotate(180deg);
   -ms-transform:rotate(180deg);    /* IE 9 */
   -moz-transform:rotate(180deg);    /* Firefox */
   -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
   -o-transform:rotate(180deg);    /* Opera */
   left: -18px;
}
.video-list-container .video-slideToggle:hover {
   color: #FFFFFF;
}
.video-list-container .video-slideToggle i{
   vertical-align: middle;
}
.video-list-container .video-list-content {
   width:100%;
   height: 100%;
   overflow:hidden;
   overflow-y: auto;
}
.video-list-container .video-list-content .video-item a{
   display: block;
   white-space: nowrap;
   text-indent: 1em;
   padding: 6px 0;
   color: #d0d0d6;
}
.video-list-container .video-list-content .video-item a:hover {
   background-color: #000000;
   color: #FFFFFF;
   opacity: .8;
}
.video-list-container .video-list-content .video-item.video-item-active a{
   background-color: #000000;
   color: #FFFFFF;
   opacity: .8;
}
.video-list-container .video-list-content::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.video-list-container .video-list-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #EDEDED;
}
.video-list-container .video-list-content::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #303036;
}
.upload-form-container .bottom-btn {
   position: absolute;
   right: 8px;
   margin-top: 8px;
}