aboutsummaryrefslogtreecommitdiff
path: root/Neutron-trunk/resources/css/ajax.css
diff options
context:
space:
mode:
Diffstat (limited to 'Neutron-trunk/resources/css/ajax.css')
-rw-r--r--Neutron-trunk/resources/css/ajax.css77
1 files changed, 77 insertions, 0 deletions
diff --git a/Neutron-trunk/resources/css/ajax.css b/Neutron-trunk/resources/css/ajax.css
new file mode 100644
index 0000000..1546df1
--- /dev/null
+++ b/Neutron-trunk/resources/css/ajax.css
@@ -0,0 +1,77 @@
+@import "./codename.css";
+
+html, body {
+ height: 100%;
+ width: 100%;
+ margin: 0;
+ overflow: hidden;
+}
+
+iframe {
+ height: 100%;
+ width: 100%;
+}
+
+#loader {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, .5);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.spinner {
+ animation: rotator 1.4s linear infinite;
+}
+
+@keyframes rotator {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(270deg);
+ }
+}
+
+.path {
+ stroke-dasharray: 187;
+ stroke-dashoffset: 0;
+ transform-origin: center;
+ animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
+}
+
+@keyframes colors {
+ 0% {
+ stroke: var(--codename-theme);
+ }
+ 25% {
+ stroke: var(--codename-secondary);
+ }
+ 50% {
+ stroke: var(--codename-light);
+ }
+ 75% {
+ stroke: var(--codename-theme);
+ }
+ 100% {
+ stroke: var(--codename-secondary);
+ }
+}
+
+@keyframes dash {
+ 0% {
+ stroke-dashoffset: 187;
+ }
+ 50% {
+ stroke-dashoffset: 46.75;
+ transform: rotate(135deg);
+ }
+ 100% {
+ stroke-dashoffset: 187;
+ transform: rotate(450deg);
+ }
+} \ No newline at end of file