aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/redbasic
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2017-09-26 13:02:11 +0200
committerMario Vavti <mario@mariovavti.com>2017-09-26 13:02:11 +0200
commitea5262a0df3d6f8ed6c1d26f272982c9ee6cbf8e (patch)
tree444219ce5950c03ab5485353f92e38734cadf28a /view/theme/redbasic
parent741af8c1644a16f1ec44064090013953232bdce9 (diff)
downloadvolse-hubzilla-ea5262a0df3d6f8ed6c1d26f272982c9ee6cbf8e.tar.gz
volse-hubzilla-ea5262a0df3d6f8ed6c1d26f272982c9ee6cbf8e.tar.bz2
volse-hubzilla-ea5262a0df3d6f8ed6c1d26f272982c9ee6cbf8e.zip
get rid of spinner.js in use a lightweight css spinner instead
Diffstat (limited to 'view/theme/redbasic')
-rw-r--r--view/theme/redbasic/css/style.css87
1 files changed, 76 insertions, 11 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 3e457c621..0d85162d3 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -7,6 +7,7 @@
/* generals */
+
html {
font-size: $font_size;
}
@@ -228,6 +229,79 @@ nav {
/* contextual help end */
+/* spinner */
+
+.spinner-wrapper {
+ display: none;
+}
+
+.spinner.s {
+ height: 1rem;
+ width: 1rem;
+}
+
+.spinner.m {
+ height: 2rem;
+ width: 2rem;
+}
+
+.spinner.l {
+ height: 3rem;
+ width: 3rem;
+}
+
+.spinner {
+ margin: 0 auto;
+ position: relative;
+ -webkit-animation: rotation 1s infinite linear;
+ -moz-animation: rotation 1s infinite linear;
+ -o-animation: rotation 1s infinite linear;
+ animation: rotation 1s infinite linear;
+ border-left: .2rem solid rgba(77, 77, 77, .15);
+ border-right: .2rem solid rgba(77, 77, 77, .15);
+ border-bottom: .2rem solid rgba(77, 77, 77, .15);
+ border-top: .2rem solid rgba(77, 77, 77, .5);
+ border-radius: 100%;
+}
+
+@-webkit-keyframes rotation {
+ from {
+ -webkit-transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(359deg);
+ }
+}
+
+@-moz-keyframes rotation {
+ from {
+ -moz-transform: rotate(0deg);
+ }
+ to {
+ -moz-transform: rotate(359deg);
+ }
+}
+
+@-o-keyframes rotation {
+ from {
+ -o-transform: rotate(0deg);
+ }
+ to {
+ -o-transform: rotate(359deg);
+ }
+}
+
+@keyframes rotation {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
+/* spinner end */
+
/* footer */
footer {
@@ -478,8 +552,8 @@ footer {
#nav-search-spinner {
float: right;
- margin-top: -0.85rem;
- margin-right: 1.6rem;
+ margin-top: -1.4rem;
+ margin-right: 1rem;
}
@@ -721,11 +795,6 @@ div.jGrowl div.jGrowl-notification {
display: block;
}
-#page-spinner {
- color: #777;
- margin: 24px;
-}
-
#acl-search::-webkit-input-placeholder {
/* non-fontawesome fonts set a fallback for text parts of the placeholder*/
font-family: FontAwesome, sans-serif, arial, freesans;
@@ -973,10 +1042,6 @@ img.mail-conv-sender-photo {
display: none;
}
-#profile-rotator {
- color: #777;
-}
-
.jot-icons.jot-lock-warn {
color: darkorange;
}