From e01debdece396331901423ee2694a6b46f8caf1e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 22 Nov 2016 19:30:27 -0500 Subject: spinner --- public/assets/css/css.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) (limited to 'public/assets/css') diff --git a/public/assets/css/css.css b/public/assets/css/css.css index 54dabe5..0c2d524 100644 --- a/public/assets/css/css.css +++ b/public/assets/css/css.css @@ -154,6 +154,33 @@ marquee { height: 100%; opacity: 0; } +.spinner { + position: fixed; + width: 70px; + height: 70px; + top: 50%; + left: 50%; + z-index: 2; + border-radius: 5px; + background-image: url(//ltho.s3.amazonaws.com/misc/spinner.gif); + background-size: 50px 50px; + background-repeat: no-repeat; + background-position: center center; + background-color: white; + display: none; +} +.uploading { + background-image: none !important; + background-color: #80f; +} +.uploading #luckyimage, +.uploading #pip { + opacity: 0; + transition: opacity 0.5s; +} +.uploading .spinner { + display: block; +} @media (max-width: 780px) { #pip, -- cgit v1.2.3-70-g09d2