diff options
| author | kanadeko <[email protected]> | 2017-01-14 05:50:18 -0300 |
|---|---|---|
| committer | kanadeko <[email protected]> | 2017-01-14 05:50:18 -0300 |
| commit | a246fc83658dc10e5da89a8f8f828ca556686860 (patch) | |
| tree | 462231143aaca715925431339a594242b7ef0b04 /public/css | |
| parent | Small edit (diff) | |
| download | host.fuwn.me-a246fc83658dc10e5da89a8f8f828ca556686860.tar.xz host.fuwn.me-a246fc83658dc10e5da89a8f8f828ca556686860.zip | |
Frontend done
Diffstat (limited to 'public/css')
| -rw-r--r-- | public/css/style.css | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..7cc0548 --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,75 @@ +/* ------------------ + HOME +------------------ */ + +#b { + -webkit-animation-delay: 0.5s; + animation-delay: 0.5s; + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: floatUp; + animation-name: floatUp; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + border-radius: 24px; + display: inline-block; + height: 240px; + margin-bottom: 40px; + position: relative; + vertical-align: top; + width: 240px; + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); +} + +div#dropzone { + border: 1px solid #dbdbdb; + background-color: rgba(0, 0, 0, 0); + border-color: #ff3860; + color: #ff3860; + display: flex; + width: 100%; + border-radius: 3px; + box-shadow: none; + height: 2.5em; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + user-select: none; + justify-content: center; + padding-left: .75em; + padding-right: .75em; + text-align: center; + cursor: pointer; +} + +div#dropzone:hover { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} +img.logo { height: 200px; margin-top: 20px; } +.dz-preview .dz-details { display: flex; } +.dz-preview .dz-details .dz-size, .dz-preview .dz-details .dz-filename { flex: 1 } +.dz-preview img, .dz-preview .dz-success-mark, .dz-preview .dz-error-mark { display: none } + +@keyframes floatUp { + 0% { + opacity: 0; + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 25% { opacity: 100; } + 67% { + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +}
\ No newline at end of file |