diff options
| author |  RaNaN <Mast3rRaNaN@hotmail.de>
| 2012-10-15 11:53:47 +0200 |
|---|---|---|
| committer | RaNaN <Mast3rRaNaN@hotmail.de>
| 2012-10-15 11:53:47 +0200 |
| commit | 9b1867484807d8b1966eba0ccc4a5d5d5d9d1c04 (patch) | |
| tree | 5b2f55917fb40401315aeda55918e023fdbf09b2 | |
| parent | Yellow Settings (diff) | |
| download | pyload-9b1867484807d8b1966eba0ccc4a5d5d5d9d1c04.tar.xz | |
fancier shadows and gradients for settings page
| -rw-r--r-- | module/web/static/css/default/settings.less | 17 | ||||
| -rw-r--r-- | module/web/static/css/default/style.less | 7 | ||||
| -rw-r--r-- | module/web/templates/default/settings.html | 4 |
3 files changed, 19 insertions, 9 deletions
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">
|