From 3ee6e056c597f2d400b93a75a447df3f67da3db6 Mon Sep 17 00:00:00 2001 From: Philip Arndt Date: Wed, 18 Feb 2015 18:32:37 +1300 Subject: [PATCH] Spruced up the 'ol thing. --- .../assets/stylesheets/refinery/layout.css.scss | 16 +++++++++------- .../stylesheets/refinery/site_bar.css.scss | 15 +++++++++------ 2 files changed, 18 insertions(+), 13 deletions(-) diff --git a/core/app/assets/stylesheets/refinery/layout.css.scss b/core/app/assets/stylesheets/refinery/layout.css.scss index b6f94f9a8f..1150882636 100644 --- a/core/app/assets/stylesheets/refinery/layout.css.scss +++ b/core/app/assets/stylesheets/refinery/layout.css.scss @@ -26,7 +26,7 @@ body { font-family: Arial, sans-serif; line-height: 1.5em; color: #41403C; - background: #303030 image_url('refinery/page_bg.png') repeat; + background: rgb(217, 217, 217); } acronym { cursor: help; @@ -65,6 +65,7 @@ label[for] { #admin_container { @include faux_columns_2($menu_width, transparent, white); width: $admin_width; + margin: -5px auto 0px auto; } #page_container { @include box-sizing(border-box); @@ -369,7 +370,7 @@ div.field.checkbox_access { } #menu, { display: block; - margin: 0px; + margin: 45px 0px 0px 0px; padding: 0px; position: absolute; background: transparent; @@ -415,17 +416,18 @@ header { display: block; padding: 8px 16px; font-size: 14px; - background-color: rgba(255, 255, 255, 0.2); - margin-bottom: 2px; - color: white; + background-color: rgba(233, 233, 233, 1); + margin-bottom: 1px; + color: rgba(7, 112, 173, 1); font-weight: normal; position: relative; &.active, &:hover, &:focus { - background-color: white; - color: #ff5500; + background-color: rgba(37, 169, 244, 1); + color: white; } &.active { margin-left: -0.5em; + font-weight: bold; } } diff --git a/core/app/assets/stylesheets/refinery/site_bar.css.scss b/core/app/assets/stylesheets/refinery/site_bar.css.scss index d5c3ef9e6a..2132105113 100644 --- a/core/app/assets/stylesheets/refinery/site_bar.css.scss +++ b/core/app/assets/stylesheets/refinery/site_bar.css.scss @@ -1,5 +1,12 @@ #site_bar { - background: #22a7f2; + background: #606060; + background: -moz-linear-gradient(top, #909090 0%, #606060 100%); + background: -webkit-gradient(left top, left bottom, color-stop(0%, #909090), color-stop(100%, #606060)); + background: -webkit-linear-gradient(top, #909090 0%, #606060 100%); + background: -o-linear-gradient(top, #909090 0%, #606060 100%); + background: -ms-linear-gradient(top, #909090 0%, #606060 100%); + background: linear-gradient(to bottom, #909090 0%, #606060 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#606060', GradientType=0 ); #site_bar_content { color: white; @@ -55,7 +62,7 @@ } #site_bar_refinery_cms_logo { - background: image_url('refinery/logo-site-bar.png') no-repeat 0 0; + background: image_url('refinery/logo-site-bar.png') no-repeat 0 100%; display: none; height: 29px; overflow: hidden; @@ -71,10 +78,6 @@ position: absolute; left: -1000em; } - - &:hover { - background-position: 0 100%; - } } #site_bar_branding {