zhujian_OA/tpl/flowchart_app_imgcss/css/attachlist.css

/*左侧视图导航*/
#leftPart {
    width: 100px;
    background: #fff;
    border: 1px solid #000;
    position: fixed;
    top: 120px;
    left: 55px;
    z-index: 100;
}
#leftPart .sp-box{
    text-align:center;
    background:#1c84c6;
    border-bottom:2px solid #ccc;
    color:#fff;
    cursor:move
}

#leftPart .SwenBtn{
    float: left;
    width:100%;
    height: 30px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height: 18px;
    padding: 7px 0;
    text-align:center;
    border-bottom:2px solid #ccc
}
#leftPart .SwenBtn:last-child{
    border:0
}
#leftPart.SwenBtn:hover{
    text-decoration:none;
    color:blue
}
#leftPart .activeSwen{
    background:blue;
    color:#fff !important;
    border:0;
}
      
/*顶部视图导航*/
.topPart .SwenBtn{
    float: left;
    width:80px;
    height: 30px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height: 18px;
    padding: 7px 0;
    margin:0 10px;
    text-align:center
}
.topPart .SwenBtn:hover{
    text-decoration:none;
}
.topPart .activeSwen{
    color:blue;
    border-bottom:2px solid blue
}
.topPart .active{
    color: blue;
    border-bottom: 2px solid blue;
}
.watchItem{
    width:100%;
    float:left;
    padding:5px 10px;    
}
@media screen and (max-width: 1920px) {
    .cjItem img{
        float:left;
        width:120px;
        height:80px
    }
    .cjItem div{
        margin-top:20px
    }
    .cjdel{
        margin-top:30px
    }
}
@media screen and (max-width: 1366px) {
    .cjItem img{
        float:left;
        width:90px;
        height:45px
    }
    .cjItem div{
        margin-top:3px
    }
    .cjdel{
        margin-top:10px
    }
}
@media screen and (max-width: 1280px) {
    .cjItem img{
        float:left;
        width:80px;
        height:45px
    }
    .cjItem div{
        margin-top:3px
    }
    .cjdel{
        margin-top:10px
    }
}

.upload {
    float: right;
    overflow: hidden;
    position: relative;     
}

.upload-tip {
    float: left;
    width: 100%;
    margin-top: 35px;
    padding: 0 10px;
    color: #666;
    font-size: 13px !important;
    border-radius: 5px;
    display: none;
    text-align: left;
}

.upload-file-single {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    font-size: 0;
    filter: alpha(opacity=0);
}
.upload-loading{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 3px;
    text-align: center;
    background: #E8E8E8;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}
.active{
    color:#fff;
    background:#2db1e4
}
.iframe-item{
    min-width:200px;
    height:99%;
    float:left;
    position:relative
}
.iframe-title {
    display:block;
    padding:2px 0;
    line-height:26px;
    text-align:center;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    z-index:5;
    font-size:18px;
    color:#333;
    overflow:hidden;
    white-space: nowrap;
}
.iframe-item-btn{
    display:block;
    padding:3px 0;
    position:absolute;
    right:5px;
    top:0;
    height:30px;
    z-index:5
}
.iframe-item>iframe{
    height:100%;
    position:absolute;
    left:10px;
    z-index:1
}
.iframe-border-right{
    width:10px;
    height:100%;
    background-color:#c6c6c6;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
    cursor:col-resize;
    position:absolute;
    left:0;
    z-index:10
}
.pointer{
    cursor:pointer;
}