portal html css js resource

webuploader2.css 2.7KB

    .webuploader-container { position: relative; position: relative; width: 100px; height: 100px; float: left; margin-right: 20px; } .webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); } .webuploader-pick { position: relative; display: inline-block; cursor: pointer; width:100px ; height:100px ; color: #fff; text-align: center; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; background:#f0f0f0 url(../../images/up.png) no-repeat center; } .webuploader-pick-disable { opacity: 0.6; pointer-events:none; } /*demo样式*/ #picker { display: inline-block; line-height: 1.428571429; vertical-align: middle; margin: 0 12px 0 0; } #picker .webuploader-pick { padding: 6px 12px; display: block; } #uploader-demo .thumbnail { width: 110px; height: 110px; } #uploader-demo .thumbnail img { width: 100%; } .uploader-list { width: 100%; overflow: hidden; } .file-item { float: left; position: relative; margin: 0 20px 20px 0; padding: 4px; width:100px; heigth:100px; } @-webkit-keyframes progressmove { 0% { background-position: 0 0; } 100% { background-position: 17px 0; } } @-moz-keyframes progressmove { 0% { background-position: 0 0; } 100% { background-position: 17px 0; } } @keyframes progressmove { 0% { background-position: 0 0; } 100% { background-position: 17px 0; } } a.travis { position: relative; top: -4px; right: 15px; } #uploader-dome .file-panel{ position: absolute; height: 0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0; background: rgba( 0, 0, 0, 0.5 ); width: 100%; top: 0; left: 0; overflow: hidden; z-index: 300; } #uploader-dome .file-panel span { width: 24px; height: 24px; display: inline; float: right; text-indent: -9999px; overflow: hidden; background: url(../../images/icons.png) no-repeat; margin: 5px 1px 1px; cursor: pointer; } #uploader-dome .file-panel span.cancel { background-position: -48px -24px; } #uploader-dome .file-panel span.cancel:hover { background-position: -48px 0; } .subUp{ padding: 8px 0px; background: #ff9900; border-radius: 4px; color: #fff; width: 100px; float: right; margin-top: 10px; text-align: center; cursor: pointer;}