video_wev8.css 4.26 KB
@charset "UTF-8";
.wrapper{ width: 570px;_width:575px;margin: 10px auto; zoom:1;position: relative}
.tabbody{height:335px;}
.panel { position: absolute;width:100%; height:100%;background: #fff;}
.panel table td{vertical-align: middle;}
#videoUrl {
    width: 490px;
    height: 21px;
    line-height: 21px;
    margin: 8px 5px;
    background: #FFF;
    border: 1px solid #d7d7d7;
}
#videoSearchTxt{margin-left:15px;background: #FFF;width:200px;height:21px;line-height:21px;border: 1px solid #d7d7d7;}
#searchList{width: 570px;overflow: auto;zoom:1;height: 270px;}
#searchList div{float: left;width: 120px;height: 135px;margin: 5px 15px;}
#searchList img{margin: 2px 8px;cursor: pointer;border: 2px solid #fff} /*不用缩略图*/
#searchList p{margin-left: 10px;}
#videoType{
    width: 65px;
    height: 23px;
    line-height: 22px;
    border: 1px solid #d7d7d7;
}
#videoSearchBtn,#videoSearchReset{
    /*width: 80px;*/
    height: 25px;
    line-height: 25px;
    background: #eee;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    padding: 0 5px;
}



#preview{width: 420px; margin-left: 10px; _margin-left:5px; height: 280px;background-color: #ddd;float: left}
#videoInfo {width: 120px;float: left;margin-left: 10px;_margin-left:7px;}
fieldset{
    border: 1px solid #ddd;
    padding-left: 5px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    width: 115px;
}
fieldset legend{font-weight: bold;}
fieldset p{line-height: 30px;}
fieldset input.txt{
    width: 65px;
    height: 21px;
    line-height: 21px;
    margin: 8px 5px;
    background: #FFF;
    border: 1px solid #d7d7d7;
}
label.url{font-weight: bold;margin-left: 5px;color: #06c;}
#videoFloat div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}
#videoFloat .focus{opacity: 1;filter: alpha(opacity = 100)}
span.view{display: inline-block;width: 30px;float: right;cursor: pointer;color: blue}



/* upload video */
#fsUploadProgress{float:left;}
#upload_alignment div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}
#upload_alignment .focus{opacity: 1;filter: alpha(opacity = 100)}
#fsUploadProgress{margin-top:15px;}
#upload_left { width:412px; float:left; padding-left:10px; }
#upload_left .controller { height: 30px; clear: both; }
#uploadVideoInfo{margin-top:20px;float:right;padding-right:8px;}

#divStatus {display:inline-block; width:336px;color: #aaa;font-size: 12px; }
#video_format_advice{font-size: 12px; color:red;line-height: 24px;}
#startUpload{cursor: pointer;display: inline-block; width: 100px;height: 30px;float: right;}
div.fieldset {
    border:  1px solid #afe14c;
    padding: 10px 10px;
    width: 390px;
    height: 250px;
    border-color: #CCCCCC;
    overflow-y: auto;
    margin-bottom: 8px;
}
div.fieldset span.legend{position: relative;top:-20px;}
.progressWrapper { width: 380px; overflow: hidden; }
.progressContainer {
    margin: 0 0px 5px 0;
    margin-bottom:10px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}
.progressName {
    font-size: 10px;
    color: #555;
    width: 360px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}
.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}
.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}
a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background: url(../../themes/default/images/cancelbutton_wev8.gif) -14px 0 no-repeat ;
    float: right;
}
a.progressCancel:hover { background-position: 0 0; }
.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; text-align: left; white-space: nowrap; }
.swfupload { vertical-align: top; }