From 5f5cd2be1383503a48426bb2adeb127c11ae3d58 Mon Sep 17 00:00:00 2001 From: randx Date: Tue, 12 Jun 2012 21:55:10 +0300 Subject: [PATCH] ui-box style improved --- app/assets/stylesheets/common.scss | 2 +- app/assets/stylesheets/gitlab_bootstrap.scss | 19 ++++++++++++------- 2 files changed, 13 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index 7a94c127..e76d6dba 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -727,7 +727,7 @@ li.note { /* CHZN reset few styles */ .chzn-container-single .chzn-single { - background:#eee; + background:#FFF; border: 1px solid #ccc; } .chzn-container-active .chzn-single { diff --git a/app/assets/stylesheets/gitlab_bootstrap.scss b/app/assets/stylesheets/gitlab_bootstrap.scss index 839ee641..445987f7 100644 --- a/app/assets/stylesheets/gitlab_bootstrap.scss +++ b/app/assets/stylesheets/gitlab_bootstrap.scss @@ -402,8 +402,7 @@ form { .ui-box { margin-bottom: 40px; @include round-borders-all(4px); - @include shade; - border-color:#DDD; + border-color: #CCC; ul { margin:0; @@ -411,10 +410,13 @@ form { h5, .title { padding: 0 10px; - background:#f5f5f5; - border-bottom: 1px solid #eee; @include round-borders-top(4px); - border-top:none; + border-bottom: 1px solid #bbb; + background:#eee; + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); + background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); + background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); + background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); form { padding:9px 0; @@ -433,10 +435,13 @@ form { } .bottom { - background:#f5f5f5; - border-top: 1px solid #eee; + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); + background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); + background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); + background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); @include round-borders-bottom(4px); border-bottom:none; + border-top: 1px solid #bbb; } &.padded {