From 7ca154e613329050885b7c6a799488475266218e Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Sun, 24 Mar 2013 15:51:30 +0100
Subject: enter captchas on webui

---
 module/web/static/css/default/common.less | 20 ++++++++++++++++++++
 module/web/static/css/default/style.less  |  7 +++++++
 2 files changed, 27 insertions(+)

(limited to 'module/web/static/css')

diff --git a/module/web/static/css/default/common.less b/module/web/static/css/default/common.less
index 97cc20463..a6b9a1e21 100644
--- a/module/web/static/css/default/common.less
+++ b/module/web/static/css/default/common.less
@@ -69,6 +69,26 @@
   transition: @prop @time @ease;
 }
 
+.stripes(@color, @color2: rgba(255, 255, 255, 0.15)) {
+  background-color: @color;
+  background-image: -webkit-linear-gradient(45deg, @color2  25%, transparent 25%, transparent 50%, @color2 50%, @color2 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, @color2 25%, transparent 25%, transparent 50%, @color2 50%, @color2 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, @color2 25%, transparent 25%, transparent 50%, @color2 50%, @color2 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, @color2 25%, transparent 25%, transparent 50%, @color2 50%, @color2 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+  -moz-background-size: 40px 40px;
+  -o-background-size: 40px 40px;
+  background-size: 40px 40px;
+}
+.stripes-animated {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  -moz-animation: progress-bar-stripes 2s linear infinite;
+  -ms-animation: progress-bar-stripes 2s linear infinite;
+  -o-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
+}
+
+
 .default-shadow {
   box-shadow: 0 0 5px @dark;
 }
\ No newline at end of file
diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index f48aff9fd..120864f39 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -1,4 +1,5 @@
 @import "common.less";
+
 /*
    General
 */
@@ -311,6 +312,12 @@ header .logo {
     color: @dark;
     background-image: none;
     background-color: @yellow;
+
+    &.running {
+      width: 100%;
+      .stripes(@yellowLighter, @yellowDark);
+    }
+
   }
 
 }
-- 
cgit v1.2.3