gallery/app/assets/stylesheets/jquery.fileupload-ui.css

168 lines
4.2 KiB
CSS
Executable File

@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; }