168 lines
4.2 KiB
CSS
168 lines
4.2 KiB
CSS
|
@charset 'UTF-8';
|
||
|
/*
|
||
|
* jQuery File Upload UI Plugin CSS 5.0.6
|
||
|
* https://github.com/blueimp/jQuery-File-Upload
|
||
|
*
|
||
|
* Copyright 2010, Sebastian Tschan
|
||
|
* https://blueimp.net
|
||
|
*
|
||
|
* Licensed under the MIT license:
|
||
|
* http://creativecommons.org/licenses/MIT/
|
||
|
*/
|
||
|
body { margin: 0; }
|
||
|
#fileupload { position: relative; }
|
||
|
#fileupload form { margin: 0; }
|
||
|
.fileupload-buttonbar .ui-button input {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
margin: 0;
|
||
|
border: solid transparent;
|
||
|
border-width: 0 0 100px 200px;
|
||
|
opacity: 0;
|
||
|
filter: alpha(opacity=0);
|
||
|
-o-transform: translate(250px, -50px) scale(1);
|
||
|
-moz-transform: translate(-300px, 0) scale(4);
|
||
|
direction: ltr;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.fileinput-button {
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
/* Fix for IE 6: */
|
||
|
/**html .fileinput-button {
|
||
|
padding: 2px 0;
|
||
|
}*/
|
||
|
|
||
|
/* Fix for IE 7: */
|
||
|
/**+html .fileinput-button {
|
||
|
padding: 2px 0;
|
||
|
}*/
|
||
|
|
||
|
.fileupload-buttonbar {
|
||
|
height: 44px;
|
||
|
border-bottom: none;
|
||
|
background: transparent 0 0 url(../../../assets/gallery/uppt.png) repeat-x;
|
||
|
position: relative;
|
||
|
z-index: 9;
|
||
|
}
|
||
|
|
||
|
.fileupload-buttonbar .ui-button {
|
||
|
vertical-align: middle;
|
||
|
font-size: 13px;
|
||
|
font-family: mako;
|
||
|
border: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
background: none;
|
||
|
}
|
||
|
.fileupload-buttonbar .ui-button .ui-button-text {
|
||
|
height: 40px;
|
||
|
line-height: 40px;
|
||
|
padding: 0 14px 0 26px;
|
||
|
background: transparent right center url(../../../assets/gallery/upsep.png) no-repeat;
|
||
|
text-shadow: 1px 1px 0 #fff;
|
||
|
}
|
||
|
|
||
|
.fileupload-content {
|
||
|
border-top-width: 0;
|
||
|
height: 250px;
|
||
|
overflow: auto;
|
||
|
overflow-x:hidden;
|
||
|
background: #FAFAFA center center url(../../../assets/gallery/uploadbg.gif) no-repeat;
|
||
|
position: relative;
|
||
|
margin-top: -2px;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
|
||
|
.fileupload-content .ui-progressbar {
|
||
|
width: auto;
|
||
|
height: 18px;
|
||
|
}
|
||
|
|
||
|
.fileupload-content .ui-progressbar-value {
|
||
|
background: url(../../../assets/gallery/pbar-ani.gif);
|
||
|
height: 16px;
|
||
|
margin: 0;
|
||
|
border-left: none;
|
||
|
border-right: none;
|
||
|
border-radius: 6px;
|
||
|
}
|
||
|
.files .ui-progressbar-value { border: none; height: 18px; border-radius: 2px; }
|
||
|
.fileupload-content .fileupload-progressbar {
|
||
|
width: 400px;
|
||
|
margin: -20px 0 0 -202px;
|
||
|
padding: 2px;
|
||
|
background: rgba(0,0,0,0.8);
|
||
|
position: fixed;
|
||
|
top: 50%;
|
||
|
left: 50%;
|
||
|
border: 0;
|
||
|
border-radius: 4px;
|
||
|
box-shadow: 0 2px 3px rgba(0,0,0,0.4);
|
||
|
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
|
||
|
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
|
||
|
-ms-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
|
||
|
}
|
||
|
|
||
|
.files {
|
||
|
margin: 0;
|
||
|
border-collapse: collapse;
|
||
|
width: 100%;
|
||
|
table-layout:fixed;
|
||
|
font-family: mako;
|
||
|
}
|
||
|
|
||
|
.files td {
|
||
|
padding: 5px 4px;
|
||
|
border-spacing: 0;
|
||
|
font-size: 13px;
|
||
|
}
|
||
|
|
||
|
.files img { border: none; width: 80px; }
|
||
|
|
||
|
.files .name { }
|
||
|
|
||
|
.files .size {
|
||
|
text-align: right;
|
||
|
white-space: nowrap;
|
||
|
width: 100px;
|
||
|
}
|
||
|
.files .preview { width: 88px; }
|
||
|
/*.files .progress { width: ; }*/
|
||
|
.files .start { width: 40px; }
|
||
|
.files .cancel { width: 40px; }
|
||
|
|
||
|
.ui-state-disabled .ui-state-disabled {
|
||
|
opacity: 1;
|
||
|
filter: alpha(opacity=100);
|
||
|
}
|
||
|
|
||
|
.ui-state-disabled input {
|
||
|
cursor: default;
|
||
|
}
|
||
|
.fileupload-buttonbar .ui-icon {
|
||
|
background: transparent center 0 url(../../../assets/gallery/upicon.png) no-repeat;
|
||
|
height: 16px;
|
||
|
margin: 0;
|
||
|
padding: 12px 0;
|
||
|
top: 0;
|
||
|
}
|
||
|
.ui-icon.ui-icon-plusthick {}
|
||
|
.ui-button:hover .ui-icon.ui-icon-plusthick { background-position: center -40px; }
|
||
|
.ui-icon.ui-icon-circle-arrow-e { background-position: center -80px; }
|
||
|
.ui-button:hover .ui-icon.ui-icon-circle-arrow-e { background-position: center -120px; }
|
||
|
.ui-icon.ui-icon-cancel { background-position: center -160px; }
|
||
|
.ui-button:hover .ui-icon.ui-icon-cancel { background-position: center -200px; }
|
||
|
.ui-icon.ui-icon-trash { background-position: center -240px; }
|
||
|
.ui-button:hover .ui-icon.ui-icon-trash { background-position: center -280px; }
|
||
|
|
||
|
.files .ui-icon { background: transparent center 0 url(../../../assets/gallery/upicon.png) no-repeat; }
|
||
|
.files .ui-icon.ui-icon-circle-arrow-e { background-position: center -91px; }
|
||
|
.files .ui-button:hover .ui-icon.ui-icon-circle-arrow-e { background-position: center -131px; }
|
||
|
.files .ui-icon.ui-icon-cancel { background-position: center -171px; }
|
||
|
.files .ui-button:hover .ui-icon.ui-icon-cancel { background-position: center -211px; }
|
||
|
.files .ui-icon.ui-icon-trash { background-position: center -251px; }
|
||
|
.files .ui-button:hover .ui-icon.ui-icon-trash { background-position: center -291px; }
|