From 90f7388be48674b28f4ea500fc75edffcc7b086d Mon Sep 17 00:00:00 2001 From: Michael Grosser Date: Fri, 15 Sep 2017 17:00:29 +0000 Subject: Remove animation and fix white bar issues Fixes: #11 Still a bit glitchy due to virtual height and background-attachment: fixed. No fast solution yet. --- static/assets/css/main.css | 6 ---- static/assets/css/page.css | 60 +++++++------------------------------- static/images/backgrounds/bg1.jpg | Bin 11383 -> 0 bytes static/images/backgrounds/bg2.jpg | Bin 25424 -> 0 bytes static/images/backgrounds/bg3.jpg | Bin 123221 -> 0 bytes static/images/backgrounds/bg4.png | Bin 45154 -> 0 bytes 6 files changed, 11 insertions(+), 55 deletions(-) delete mode 100644 static/images/backgrounds/bg1.jpg delete mode 100644 static/images/backgrounds/bg2.jpg delete mode 100644 static/images/backgrounds/bg3.jpg delete mode 100644 static/images/backgrounds/bg4.png diff --git a/static/assets/css/main.css b/static/assets/css/main.css index 93ec2ed..8b735ac 100644 --- a/static/assets/css/main.css +++ b/static/assets/css/main.css @@ -536,12 +536,6 @@ button, #main .avatar:before { left: -2em; width: calc(100% + 4em); } } - body.is-loading #main { - opacity: 0; - -moz-transform: rotateX(15deg); - -webkit-transform: rotateX(15deg); - -ms-transform: rotateX(15deg); - transform: rotateX(15deg); } /* Footer */ #footer { diff --git a/static/assets/css/page.css b/static/assets/css/page.css index 75a69cb..34cba0b 100644 --- a/static/assets/css/page.css +++ b/static/assets/css/page.css @@ -1,54 +1,16 @@ -/* Basic */ -@media screen { - html, body { - min-width: 320px; } } -body.is-loading *, body.is-loading *:before, body.is-loading *:after { - -moz-animation: none !important; - -webkit-animation: none !important; - -ms-animation: none !important; - animation: none !important; - -moz-transition: none !important; - -webkit-transition: none !important; - -ms-transition: none !important; - transition: none !important; } - html { - height: 100%; } + height: 100vh; +} body { - height: 100%; + height: 100vh; + margin: 0; + background-attachment: fixed; background-color: #ffffff; - background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/backgrounds/bg1.jpg"); - background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/backgrounds/bg1.jpg"); - background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/backgrounds/bg1.jpg"); - background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/backgrounds/bg1.jpg"); - background-repeat: repeat, no-repeat, no-repeat; - background-size: 100px 100px, cover, cover; - background-position: top left, center center, bottom center; - background-attachment: fixed, fixed, fixed; } - body:after { - content: ''; - display: block; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: inherit; - opacity: 0; - z-index: 1; - background-color: #ffffff; - background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); - background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); - background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); - background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); - background-repeat: repeat, no-repeat; - background-size: 100px 100px, cover; - background-position: top left, center center; - -moz-transition: opacity 1.75s ease-out; - -webkit-transition: opacity 1.75s ease-out; - -ms-transition: opacity 1.75s ease-out; - transition: opacity 1.75s ease-out; } - body.is-loading:after { - opacity: 1; } + background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); + background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); + background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); + background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); + +} -/*# sourceMappingURL=page.css.map */ diff --git a/static/images/backgrounds/bg1.jpg b/static/images/backgrounds/bg1.jpg deleted file mode 100644 index 03a7991..0000000 Binary files a/static/images/backgrounds/bg1.jpg and /dev/null differ diff --git a/static/images/backgrounds/bg2.jpg b/static/images/backgrounds/bg2.jpg deleted file mode 100644 index 5acaaa8..0000000 Binary files a/static/images/backgrounds/bg2.jpg and /dev/null differ diff --git a/static/images/backgrounds/bg3.jpg b/static/images/backgrounds/bg3.jpg deleted file mode 100644 index 7ee2c69..0000000 Binary files a/static/images/backgrounds/bg3.jpg and /dev/null differ diff --git a/static/images/backgrounds/bg4.png b/static/images/backgrounds/bg4.png deleted file mode 100644 index d010176..0000000 Binary files a/static/images/backgrounds/bg4.png and /dev/null differ -- cgit v1.2.3