yyuap-ref/dist2/RefTreeTransfer/supportComponents/transfer.css

cloud os fe ref project which is based on tinper

/*  imported from transfer.css  */

.transferDivWrap__transfer___1Ip7o{
    margin-top: 0px;
}

.transferWrap__transfer___WQ4OL{
    position:relative;
    margin-left:10px;
    width:580px;
    height:370px;
    box-sizing: border-box;
}

.transferWrap__transfer___WQ4OL .u-transfer-list{
    box-sizing: border-box;
    width:250px;
    height:370px;
}
.transferWrap__transfer___WQ4OL .u-transfer-list-header{
    width:248px;
    box-sizing: border-box;
}
.transferWrap__transfer___WQ4OL .u-transfer-list-body-search-wrapper{
    box-sizing: border-box;
    padding:0;
    width:218px;
    height:32px;
    margin-left:14px;
    margin-top:8px;
}
.transferWrap__transfer___WQ4OL .u-transfer-list-search{
    font-size: 1rem;
    width:218px;
    height:32px;
    box-sizing: border-box;
}
.transferWrap__transfer___WQ4OL .u-transfer-list-search-action{
    right:8px;
}
.transferWrap__transfer___WQ4OL .u-transfer-list-content{
    margin-top:8px;
    height:290px;
}
.transferWrap__transfer___WQ4OL .u-transfer-list-content div{
    overflow: hidden;
}

.transferWrap__transfer___WQ4OL .u-transfer-operation{
    width:60px;
    height:370px;
    box-sizing: border-box;
    margin:0;
    padding-top:150px;
}
/* 可穿梭 */
.transferWrap__transfer___WQ4OL .u-transfer-operation .u-button-sm{
    margin-left:10px;
    margin-bottom:15px;
    width: 40px;
    min-width: 40px;
    height:26px;
    border-radius: 3px;
    border:none;
    background-color: rgba(216, 216, 216, 0.17);
    color:#1E7BE2;   
}
/* 无穿梭 */
.transferWrap__transfer___WQ4OL .u-transfer-operation .u-button-sm[disabled]{
    background-color: rgba(216, 216, 216, 0.17);
    color:#86939E;   
}

.transferWrap__transfer___WQ4OL .u-button .uf.uf-arrow-left{
    font-size:18px;
}
.transferWrap__transfer___WQ4OL .u-button .uf.uf-arrow-right{
    font-size:18px;
}

.allTransferRightBtnStyle__transfer___3Larh{
    width:40px;
    height:26px;
    position: absolute;
    left:260px;
    top:232px;
    border-radius: 3px;
    border:none;
    background-color: rgba(216, 216, 216, 0.17);
    color:#86939E;
    cursor: pointer;
    outline:none;
}
.allTransferLeftBtnStyle__transfer___2Vt3-{
    width:40px;
    height:26px;
    position: absolute;
    left:260px;
    top:109px;
    border-radius: 3px;
    border:none;
    background-color: rgba(216, 216, 216, 0.17);
    color:#86939E;
    cursor: pointer;
    outline:none;
}
.allTransferTopBtnStyle__transfer___IgWo1 {
    width:40px;
    height:26px;
    position: absolute;
    right:10px;
    top:300px;
    border-radius: 3px;
    border:none;
    background-color: rgba(216, 216, 216, 0.17);
    color:#86939E;
    cursor: pointer;
    outline:none;
}
.allTransferBottomBtnStyle__transfer___2oYi5 {
    width:40px;
    height:26px;
    position: absolute;
    right:10px;
    top:338px;
    border-radius: 3px;
    border:none;
    background-color: rgba(216, 216, 216, 0.17);
    color:#86939E;
    cursor: pointer;
    outline:none;
}
.allTransferTopUpBtnStyle__transfer___9pdrY,.allTransferBottomDownBtnStyle__transfer___1_y7S {
    width:40px;
    height:26px;
    position: absolute;
    right:10px;
    top:258px;
    border-radius: 3px;
    border:none;
    background-color: rgba(216, 216, 216, 0.17);
    color:#86939E;
    cursor: pointer;
    outline:none;
}
.allTransferBottomDownBtnStyle__transfer___1_y7S{
    top:380px;
}
.topInfo__transfer___HvP3M{
    width:622px;
    box-sizing: border-box;
    color: #474D54;
    height: 48px;
    line-height: 20px;
    color: rgba(66, 66, 66, 1);
    font-size: 14px;
    padding-top: 15px;
    box-sizing: border-box;
}
.topLeftInfo__transfer___2PIMJ{
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
    padding-left: 20px;
    width:50%;
    box-sizing: border-box;
}
.topRightInfo__transfer___26zgg{
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
    padding-left: 36px;
    width: 50%;
    box-sizing: border-box;
}
.buttomInfoWrap__transfer___3rWe5{
    margin-top:12px;
    margin-left:10px;
    width:622px;
    height:60px;
    box-sizing: border-box;
    line-height: 20px;
    color: rgba(66, 66, 66, 1);
    font-size: 13px;
    font-family: STHeitiSC-Light;
}
.leftInfoStyle__transfer___w8K9n{
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y:auto;
    width:50%;
    height:60px;
    display:inline-block;
    box-sizing: border-box;
}
.rightInfoStyle__transfer___22uaf{
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y:auto;
    padding-left: 18px;
    width: 50%;
    height:60px;
    display: inline-block;
    box-sizing: border-box;
}
.saveBtnStyle__transfer___WPcA7{
    margin-top:38px;
    margin-left:10px;
    width: 86px;
    height: 32px;
    border:none;
    background-color: rgba(33, 150, 243, 1);
    color:#FFFFFF;
    border-radius: 3px;
    cursor: pointer;
    outline:none;
}
.delBtnStyle__transfer___3avTn{
    margin-left:410px;
    width: 86px;
    height: 32px;
    border:none;
    background-color: rgba(236, 239, 241, 1);
    color:#424242;
    border-radius: 3px;
    cursor: pointer;
    outline:none;
}