1 line
24 KiB
CSS
1 line
24 KiB
CSS
|
@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.tildaupload,.tildaupload *{box-sizing:border-box}.tildaupload{min-height:150px;border:2px solid rgba(0,0,0,.3);background:white;padding:20px 20px}.tildaupload.tu-clickable{cursor:pointer}.tildaupload.tu-clickable *{cursor:default}.tildaupload.tu-clickable .tu-message,.tildaupload.tu-clickable .tu-message *{cursor:pointer}.tildaupload.tu-started .tu-message{display:none}.tildaupload.tu-drag-hover{border-style:solid}.tildaupload.tu-drag-hover .tu-message{opacity:.5}.tildaupload .tu-message{text-align:center;margin:2em 0}.tildaupload .tu-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.tildaupload .tu-preview:hover{z-index:1000}.tildaupload .tu-preview:hover .tu-details{opacity:1}.tildaupload .tu-preview.tu-file-preview .tu-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.tildaupload .tu-preview.tu-file-preview .tu-details{opacity:1}.tildaupload .tu-preview.tu-image-preview{background:white}.tildaupload .tu-preview.tu-image-preview .tu-details{transition:opacity 0.2s linear}.tildaupload .tu-preview .tu-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.tildaupload .tu-preview .tu-remove:hover{text-decoration:underline}.tildaupload .tu-preview:hover .tu-details{opacity:1}.tildaupload .tu-preview .tu-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.tildaupload .tu-preview .tu-details .tu-size{margin-bottom:1em;font-size:16px}.tildaupload .tu-preview .tu-details .tu-filename{white-space:nowrap}.tildaupload .tu-preview .tu-details .tu-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.tildaupload .tu-preview .tu-details .tu-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.tildaupload .tu-preview .tu-details .tu-filename:not(:hover) span{border:1px solid transparent}.tildaupload .tu-preview .tu-details .tu-filename span,.tildaupload .tu-preview .tu-details .tu-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.tildaupload .tu-preview:hover .tu-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:blur(8px);filter:blur(8px)}.tildaupload .tu-preview .tu-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.tildaupload .tu-preview .tu-image img{display:block}.tildaupload .tu-preview.tu-success .tu-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.tildaupload .tu-preview.tu-error .tu-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.tildaupload .tu-preview .tu-success
|