From 2df060e1bee302dc688dc861c23394017a73ce04 Mon Sep 17 00:00:00 2001 From: Arno Poot Date: Sat, 24 Aug 2013 12:14:11 +0200 Subject: [PATCH] FIX Make sure that debug always shows up first --- css/debug.css | 6 +++--- scss/debug.scss | 14 ++++++++++---- 2 files changed, 13 insertions(+), 7 deletions(-) diff --git a/css/debug.css b/css/debug.css index 0bded11fb..88a510a7a 100644 --- a/css/debug.css +++ b/css/debug.css @@ -1,6 +1,6 @@ -body { background-color: #eee; margin: 0; overflow-x: hidden; padding: 0; font-family: Helvetica,Arial,sans-serif; } +body { background: #eee !important; margin: 0; overflow-x: hidden; padding: 0; font-family: Helvetica,Arial,sans-serif; } -.info { margin: 0 0 6px 0; padding: 18px; background-color: #003050; position: relative; line-height: 24px; color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #002137), color-stop(10%, #003050), color-stop(90%, #003050), color-stop(100%, #002137)); background-image: -webkit-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -moz-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -o-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: linear-gradient(#002137, #003050 10%, #003050 90%, #002137); } +.info { margin: 0 0 6px 0; padding: 18px; background-color: #003050; position: relative; line-height: 24px; color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #002137), color-stop(10%, #003050), color-stop(90%, #003050), color-stop(100%, #002137)); background-image: -webkit-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -moz-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -o-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: linear-gradient(#002137, #003050 10%, #003050 90%, #002137); z-index: 9999; } .info h1 { margin: 0 0 6px 0; padding: 0 32px 0 0; color: #fff; font-size: 24px; text-shadow: 0 1px #002137; line-height: 30px; background: url(../admin/images/logo_small.png) no-repeat right 3px; } .info h3 { color: #7da4be; font-size: 16px; line-height: 18px; font-weight: normal; } .info p { margin: 0; font-size: 14px; color: #fff; } @@ -9,7 +9,7 @@ body { background-color: #eee; margin: 0; overflow-x: hidden; padding: 0; font-f .header { margin: 0; border-bottom: 6px solid #ccdef3; height: 23px; background-color: #666673; padding: 4px 0 2px 6px; } -.trace, .build, .options { padding: 6px 12px; } +.trace, .build, .options { padding: 6px 12px; background: #eee !important; position: relative; z-index: 9999; } .trace li, .build li, .options li { font-size: 14px; margin: 6px 0; } a { color: #666; } diff --git a/scss/debug.scss b/scss/debug.scss index 5af769574..1d6a5bd8d 100644 --- a/scss/debug.scss +++ b/scss/debug.scss @@ -1,7 +1,7 @@ @import "compass/css3"; body { - background-color: #eee; + background: #eee !important; margin:0; overflow-x: hidden; padding:0; @@ -20,7 +20,8 @@ body { linear-gradient(darken(#003050, 5%), #003050 10%, #003050 90%, darken(#003050, 5%)) ); - + // try to get the info above the template with z-index + z-index: 9999; h1 { margin: 0 0 6px 0; padding: 0 32px 0 0; @@ -71,9 +72,14 @@ body { .build, .options { padding:6px 12px; - + + background: #eee !important; + // try to get the info above the template with z-index + position: relative; + z-index: 9999; li { - font-size:14px; margin:6px 0; + font-size:14px; + margin:6px 0; } }