From 59ffa94cde2899fd729538ad21db0c7f49681d1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gina=20H=C3=A4u=C3=9Fge?= <osd@foosel.net>
Date: Wed, 6 Mar 2013 23:38:31 +0100
Subject: [PATCH] Playing around with less...

---
 octoprint/static/css/octoprint.less | 57 +++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 octoprint/static/css/octoprint.less

diff --git a/octoprint/static/css/octoprint.less b/octoprint/static/css/octoprint.less
new file mode 100644
index 0000000..1da9993
--- /dev/null
+++ b/octoprint/static/css/octoprint.less
@@ -0,0 +1,57 @@
+/** Navbar */
+
+.navbar-inner-text (@base) when (lightness(@base) >= 58%) {
+  color: #333333;
+}
+.navbar-inner-text (@base) when (lightness(@base) < 58%) {
+  color: #f2f2f2;
+}
+.navbar-inner-text (@base) {
+  text-shadow: 0 1px 0 lighten(@base, 15%);
+}
+
+.navbar-inner-color (@base) {
+  @top: lighten(@base, 25%);
+  @bottom: darken(@base, 15%);
+
+  background-color: @base; /* fallback color if gradients are not supported */
+  background-image: -webkit-linear-gradient(top, @top, @bottom); /* For Chrome and Safari */
+  background-image: -moz-linear-gradient(top, @top, @bottom); /* For old Fx (3.6 to 15) */
+  background-image: -ms-linear-gradient(top, @top, @bottom); /* For pre-releases of IE 10*/
+  background-image: -o-linear-gradient(top, @top, @bottom); /* For old Opera (11.1 to 12.0) */
+  background-image: linear-gradient(to bottom, @top, @bottom); /* Standard syntax; must be last */
+
+  .brand, .nav>li>a {
+    .navbar-inner-text(@base);
+  }
+}
+
+#navbar .navbar-inner {
+  @base: #F2F2F2;
+  .navbar-inner-color(@base);
+
+  &.red {
+    @base: #F22828;
+    .navbar-inner-color(@base);
+  }
+  &.orange {
+    @base: #F27728;
+    .navbar-inner-color(@base);
+  }
+  &.yellow {
+    @base: #F2DE28;
+    .navbar-inner-color(@base);
+  }
+  &.green {
+    @base: #77FF28;
+    .navbar-inner-color(@base);
+  }
+  &.blue {
+    @base: #2877FF;
+    .navbar-inner-color(@base);
+  }
+  &.violet {
+    @base: #7728FF;
+    .navbar-inner-color(@base);
+  }
+}