From 6837baea38efdada87b6b84436c2299f366e3b97 Mon Sep 17 00:00:00 2001 From: Julian Seidenberg Date: Fri, 30 Sep 2011 12:52:00 +1300 Subject: [PATCH] MINOR: adjust distances and fallback colors (SSO-8) --- admin/css/screen.css | 4 ++-- admin/scss/_style.scss | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/admin/css/screen.css b/admin/css/screen.css index 513eb5066..465427da3 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -467,7 +467,7 @@ form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; .ui-dialog #PageType .middleColumn .optionset li { width: 100%; } .ui-dialog #PageType li.selected { background-color: rgba(255, 255, 153, 0.5); /*background-color: #FFFF99;*/ } .ui-dialog #PageType li:hover { background-color: #FFFF99 !important; /* lighter highlight on hover */ } -.ui-dialog .field label.left { font-size: 14px; font-weight: bold; width: 100%; float: none; color: #5f6160; margin-top: -4px; margin-left: 36px; } +.ui-dialog .field label.left { font-size: 14px; font-weight: bold; width: 100%; float: none; color: #5f6160; margin-top: -4px; margin-left: 38px; } .ui-dialog label.numeric-label { font-size: 14px; font-weight: bold; float: left; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #7b8c91; padding: 4px 8px 4px 3px; text-align: right; color: #fff; position: absolute; width: 15px; /* Numeric label icon (supports up to two-digit numbers) */ } .ui-dialog label.numeric-label .label-triangle { position: absolute; left: 26px; margin-top: -18px; overflow: visible; display: block; width: 0; height: 0; border-top: 11px solid transparent; border-left: 7px dashed #7b8c91; border-bottom: 11px solid transparent; } .ui-dialog #ParentID label.left { padding: 8px 0 8px 0; float: left !important; width: 125px; } @@ -477,4 +477,4 @@ form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; /** ------------------------------------------------------------------ * Titlebar for pop-up dialog. * ----------------------------------------------------------------- */ -.ui-dialog-titlebar.ui-widget-header { font-size: 14px; background-color: #b0bec7; padding: 4px 4px 3px 16px; border-bottom: 2px solid #8399a7; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; /* /2 need to eliminate visual artifact */ -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); margin-bottom: 7px; } +.ui-dialog-titlebar.ui-widget-header { font-size: 14px; background-color: #92a5b2; padding: 4px 4px 3px 16px; border-bottom: 2px solid #8399a7; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; /* /2 need to eliminate visual artifact */ -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); margin-bottom: 12px; } diff --git a/admin/scss/_style.scss b/admin/scss/_style.scss index 38160db65..55275c14c 100644 --- a/admin/scss/_style.scss +++ b/admin/scss/_style.scss @@ -899,7 +899,7 @@ $DialogLabelColor: #7B8C91; float: none; color: $DialogHeaderColor; margin-top: -4px; - margin-left: 36px; + margin-left: 38px; } /* Numeric labels in the sitetree */ @@ -956,12 +956,12 @@ $DialogLabelColor: #7B8C91; * ----------------------------------------------------------------- */ .ui-dialog-titlebar.ui-widget-header { font-size: $DialogHeaderFontSize; - background-color: #b0bec7; + background-color: #92a5b2; padding: 4px 4px 3px 16px; border-bottom: 2px solid #8399a7; @include border-top-left-radius($DialogBorderRadius/2); /* /2 need to eliminate visual artifact */ @include border-top-right-radius($DialogBorderRadius); @include background-image(linear-gradient(#ced7dc, #92a5b2)); - margin-bottom: 7px; + margin-bottom: 12px; }