aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme
diff options
context:
space:
mode:
Diffstat (limited to 'view/theme')
-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;
}