| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- .bx-uploader-msg-err {
- color:#900;
- }
- .bx-uploader-ghost-preview {
- width:101px;
- float:left;
- }
- .bx-uploader-ghost-preview img {
- width:101px;
- min-height:20px;
- background-image:url(../images/loading-spinner.gif);
- background-repeat:no-repeat;
- background-position:center center;
- -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
- }
- .bx-uploader-ghost-form {
- width:500px;
- float:left;
- }
- .bx-uploader-ghost-form-filename {
- }
-
- .bx-uploader-ghost-form-actions {
- }
- /* simple uploader */
- .bx-uploader-simple-file {
- margin-bottom:5px;
- }
- /* html5 uploader */
- .bx-uploader-html5-drop-area {
- width:auto;
- height:12rem;
- overflow-y:auto;
- }
- .bx-uploader-html5-drop-area.dropzone .dz-message {
- margin:3.5em 0;
- }
- .bx-uploader-html5-errors-area {
- max-height:2.75rem;
- overflow-y:auto;
- }
- .bx-uploader-html5-paste-catcher {
- width:0;
- height:0;
- border:none;
- margin:0;
- padding:0;
- }
- /* crop uploader */
- .bx-popup-content-wrapped .bx-croppie-element {
- padding:0;
- min-height:340px;
- }
- /* record video uploader */
- .bx-uploader-record-video-controls {
- text-align: center;
- display: none;
- }
- .bx-uploader-record-video-controls .bx-btn {
- float: none;
- display: inline-block;
- }
- .bx-uploader-recording-stop {
- display: none;
- }
- #bx-upoloader-recording-preview {
- display: none;
- }
- .bx-record-video-preview-filesize {
- text-align: center;
- margin: 0.2rem 0;
- }
- .bx-record-camera-switch {
- margin-bottom: 0.5rem;
- text-align: right;
- display: none;
- }
- @keyframes bx-uploader-recording-animation {
- 0% {opacity: 0;}
- 50% {opacity: 1;}
- 100% {opacity: 0;}
- }
- .bx-uploader-recording-blinking-circle {
- animation-name: bx-uploader-recording-animation;
- animation-duration: 2s;
- animation-iteration-count: infinite;
- }
|