58 lines
3.9 KiB
CSS
58 lines
3.9 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
/**
|
||
|
|
*
|
||
|
|
* @authors yutent (yutent@doui.cc)
|
||
|
|
* @date 2017-04-20 19:13:24
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
.do-meditor-attach {width:630px;height:auto;background:#f7f7f7;cursor:default;}
|
||
|
|
.do-meditor-attach .attach-wrap {width:100%;height:auto;}
|
||
|
|
|
||
|
|
.do-meditor-attach .tab-box {width:100%;height:50px;line-height:49px;border-bottom:1px solid #e2e2e2;text-align:center;}
|
||
|
|
.do-meditor-attach .tab-box .item {position:relative;float:left;width:100px;height:49px;border-right:1px solid #ddd;cursor:pointer;}
|
||
|
|
.do-meditor-attach .tab-box .item.active {background:#fff;}
|
||
|
|
.do-meditor-attach .tab-box .item.active::after {position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#fff;content:""}
|
||
|
|
.do-meditor-attach .tab-box a.action-close {top:5px;width:40px;height:40px;line-height:40px;font-size:20px;}
|
||
|
|
.do-meditor-attach .tab-box a.action-close:hover {line-height:40px;border:0;}
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box {position:relative;width:100%;height:auto;min-height:200px;background:#fff;}
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box .remote,
|
||
|
|
.do-meditor-attach .cont-box .local {position:relative;width:60%;height:auto;margin:0 auto;padding:15px 0 30px;}
|
||
|
|
.do-meditor-attach .cont-box .local {width:96%;}
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box .hide {display:none;}
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box .section {display:block;width:100%;height:auto;margin:15px 0;line-height:35px;}
|
||
|
|
.do-meditor-attach .cont-box .section::after {visibility: hidden;overflow:hidden; display: block;height: 0;content: "."; clear: both;}
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box .section .label {float: left;width:30%;text-align:center;background:#e2e2e2;}
|
||
|
|
.do-meditor-attach .cont-box .section label {float: left;width:50%;}
|
||
|
|
.do-meditor-attach .cont-box .section .input {float: left;width:70%;height:35px;padding:0 8px;border:1px solid #e2e2e2;border-left:0;background:#fff;color:#666;}
|
||
|
|
.do-meditor-attach .cont-box .section .submit {float:right;width:30%;height:35px;border:1px solid #ddd;background:#f7f7f7;color:#666;text-align:center;}
|
||
|
|
.do-meditor-attach .cont-box .section .submit:hover {border:1px solid #049789;}
|
||
|
|
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box .select-file {width:100%;height:35px;line-height:33px}
|
||
|
|
.do-meditor-attach .cont-box .select-file span.file {float:left;width:100px;height:35px;border:1px solid #ddd;background:#f7f7f7;color:#666;text-align:center;cursor:pointer;}
|
||
|
|
.do-meditor-attach .cont-box .upload-box {width:100%;height:auto;min-height:190px;margin:10px 0;border:1px solid #e2e2e2;}
|
||
|
|
.do-meditor-attach .cont-box .upload-box .tr {width:100%;height:35px;line-height:35px;text-align:center;}
|
||
|
|
.do-meditor-attach .cont-box .upload-box .tr:hover {background:#fafafa}
|
||
|
|
.do-meditor-attach .cont-box .upload-box .thead {line-height:34px;border-bottom:1px solid #e2e2e2;background:#f7f7f7;}
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box .upload-box .td {float:left;}
|
||
|
|
.do-meditor-attach .cont-box .upload-box .td.name {width:50%;}
|
||
|
|
.do-meditor-attach .cont-box .upload-box .td.progress {width:20%;}
|
||
|
|
.do-meditor-attach .cont-box .upload-box .td.option {width:30%;}
|
||
|
|
.do-meditor-attach .cont-box .upload-box .td.option a {display:inline-block;padding:3px 5px;line-height:13px;border:1px solid #e2e2e2;background:#f7f7f7;color:#666;}
|
||
|
|
|
||
|
|
.do-meditor-attach .cont-box .manager {overflow:hidden;overflow-y:auto;width:100%;height:320px;padding:10px;}
|
||
|
|
.do-meditor-attach .cont-box .manager .item {float:left;width:22%;height:130px;margin:10px 1.5%;}
|
||
|
|
.do-meditor-attach .cont-box .manager .item:hover {background:#f7f7f7;}
|
||
|
|
.do-meditor-attach .cont-box .manager .thumb {display:block;width:100%;height:100px;}
|
||
|
|
.do-meditor-attach .cont-box .manager .name {overflow:hidden;line-height:30px;text-align:center;}
|
||
|
|
.do-meditor-attach .cont-box .manager img {width:100%;height:100%;}
|
||
|
|
.do-meditor-attach .cont-box .manager .attac-icon {display:inline-block;width:100%;height:100px;text-align:center;font:50px/100px "edicon" !important;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
|
||
|
|
|