diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-12-16 20:01:23 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-12-16 20:01:23 +0100 |
| commit | 76f36c6c5dafe754b066903b1ee8ecdd1b92dcab (patch) | |
| tree | 374deb919344611e642c83926dd36a12f31f709a /site/assets/css/applets.css | |
| parent | 6431d06048791763f3644b3a0457cc9c4f1df6d3 (diff) | |
faceSearch client
Diffstat (limited to 'site/assets/css/applets.css')
| -rw-r--r-- | site/assets/css/applets.css | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css index fc71ecc4..2b531908 100644 --- a/site/assets/css/applets.css +++ b/site/assets/css/applets.css @@ -1,7 +1,52 @@ .applet { margin-bottom: 40px; + transition: opacity 0.2s cubic-bezier(0,0,1,1); + opacity: 0; } .applet.map { width: 100vw; height: 50vh; +} +.applet.loaded { + opacity: 1; +} + +.row { + display: flex; + flex-direction: row; + justify-content: flex-start; +} + +.query h2 { + margin-top: 0; padding-top: 0; +} +.cta { + padding-left: 20px; +} +.uploadContainer > div { + position: relative; + width: 300px; + height: 300px; + display: flex; + align-items: center; + justify-content: center; + background: #333; + border: 3px dashed #fff; + border-radius: 10px; + opacity: 0.3; + transition: opacity 0.2s cubic-bezier(0,0,1,1); +} +.uploadContainer.active, +.desktop .uploadContainer > div:hover { + opacity: 1; +} +.uploadContainer input { + position: absolute; + top: 0; left: 0; + width: 100%; height: 100%; + opacity: 0; + cursor: pointer; +} +.uploadContainer img { + max-width: 40px; }
\ No newline at end of file |