From 9b1867484807d8b1966eba0ccc4a5d5d5d9d1c04 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Mon, 15 Oct 2012 11:53:47 +0200
Subject: fancier shadows and gradients for settings page

---
 module/web/static/css/default/settings.less | 17 ++++++++++-------
 module/web/static/css/default/style.less    |  7 +++++++
 module/web/templates/default/settings.html  |  4 ++--
 3 files changed, 19 insertions(+), 9 deletions(-)

(limited to 'module')

diff --git a/module/web/static/css/default/settings.less b/module/web/static/css/default/settings.less
index 0a18f58e2..e59d89a73 100644
--- a/module/web/static/css/default/settings.less
+++ b/module/web/static/css/default/settings.less
@@ -4,28 +4,31 @@
 	Settings
 */
 .settings-menu {
-background-color: #fef8d1;
+  background-color: @lightestyellow;
 }
 
 .setting-box {
 
+  margin-top: 20px;
+
   border-color: @lighterblue;
-  background-color: #fef8d1;
+  .gradient(top, @lightergrey, @lighteryellow);
+  box-shadow: 0 0 5px @blue;
 
   .page-header {
     margin: 0;
 
-		.btn {
+    .btn {
       float: right;
       margin-top: 5px;
     }
 
   }
-	.form-actions_custom {
-    border-top: 1px solid #E5E5E5;
+  .form-actions_custom {
+    border-top: 1px solid @lightgrey;
     margin-bottom: 20px;
     margin-top: 20px;
-    /*padding: 19px 20px 20px;*/
-}
+  /*padding: 19px 20px 20px;*/
+  }
 
 }
diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index 1df51751a..5c0b052db 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -10,13 +10,20 @@
 @dark: #333333;
 @light: #ffffff;
 @grey: #757575;
+@lightgrey: #E5E5E5;
+@lightergrey: #F5F5F5;
+
 @yellow: #fee247;
+@lighteryellow: lighten(spin(@yellow, 10), 20%);
+@lightestyellow: lighten(spin(@yellow, 15), 30%);
+
 @blue: #3a79aa;
 @lightblue: lighten(spin(@blue, 5), 10%);
 @lighterblue: lighten(spin(@blue, 10), 20%);
 @lightestblue: lighten(spin(@blue, 20), 40%);
 @darkblue: darken(spin(@blue, -5), 10%);
 @darkerblue: darken(spin(@blue, -10), 20%);
+
 @emph: #FF7637;
 
 /*
diff --git a/module/web/templates/default/settings.html b/module/web/templates/default/settings.html
index c2b88d791..47174416a 100644
--- a/module/web/templates/default/settings.html
+++ b/module/web/templates/default/settings.html
@@ -59,8 +59,8 @@
                 </div>
             </div>
             <!-- End Info Popup -->
-            <div class="span10" style="margin-top: 10px ">
-                <div class="well setting-box" style="margin-top: 10px ">
+            <div class="span10">
+                <div class="well setting-box">
                     <form class="form-horizontal">
                         <legend>
                             <div class="page-header">
-- 
cgit v1.2.3