From 3d73e674dd4f27159b2f3968c83547da4e7cb225 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 11:45:24 -0700 Subject: more debugging of ie nav display issues --- lib/preboot.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index b90021ebe..74f0f48d5 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -223,8 +223,8 @@ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 - -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); // IE8+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 + -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); // IE8+ background-image: linear-gradient(left, @startColor, @endColor); // Le standard } .vertical (@startColor: #555, @endColor: #333) { @@ -236,8 +236,8 @@ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10 - -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 + -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+ background-image: linear-gradient(@startColor, @endColor); // The standard } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { -- cgit v1.2.3 From 2203ba3df1724a14ef948bd714e76e8d6c4a1929 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 11:53:06 -0700 Subject: ie Xp --- lib/preboot.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 74f0f48d5..b90021ebe 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -223,8 +223,8 @@ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); // IE8+ + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(left, @startColor, @endColor); // Le standard } .vertical (@startColor: #555, @endColor: #333) { @@ -236,8 +236,8 @@ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10 - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+ + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(@startColor, @endColor); // The standard } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { -- cgit v1.2.3 From 1d96417201721280c2a0579b875c0b64ea12c1ba Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:06:22 -0700 Subject: try only -ms-filter --- lib/preboot.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index b90021ebe..7839287b9 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -224,7 +224,7 @@ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); // IE8+ - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 + // filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(left, @startColor, @endColor); // Le standard } .vertical (@startColor: #555, @endColor: #333) { @@ -237,7 +237,7 @@ background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10 -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+ - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 + // filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(@startColor, @endColor); // The standard } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { -- cgit v1.2.3 From b18e76f99072fe94f771ad30e492f2d8aca463cb Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:19:01 -0700 Subject: introduce .fill class to top-nav for overflow bug --- lib/preboot.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 7839287b9..b90021ebe 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -224,7 +224,7 @@ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); // IE8+ - // filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(left, @startColor, @endColor); // Le standard } .vertical (@startColor: #555, @endColor: #333) { @@ -237,7 +237,7 @@ background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10 -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+ - // filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(@startColor, @endColor); // The standard } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { -- cgit v1.2.3 From 96af4f6acfcfb731d9772643fa8ef43ac514b02d Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 13:22:39 -0700 Subject: add "shadows" for ie buttons --- lib/preboot.less | 1 + 1 file changed, 1 insertion(+) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index b90021ebe..7ace1707a 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -190,6 +190,7 @@ font-size: @fontSize; line-height: @baseline; border: 1px solid @borderColor; + border-bottom-color: #ddd; border-bottom-color: fadein(@borderColor, 15%); .border-radius(@borderRadius); @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -- cgit v1.2.3 From 7c45f6cc7fb5dbf0cc76d6eb6e4b42ac7fdf15c3 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 13:26:01 -0700 Subject: define button border size for ie --- lib/preboot.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 7ace1707a..99e2b8223 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -190,7 +190,7 @@ font-size: @fontSize; line-height: @baseline; border: 1px solid @borderColor; - border-bottom-color: #ddd; + border-bottom: 1px solid #ddd; border-bottom-color: fadein(@borderColor, 15%); .border-radius(@borderRadius); @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -- cgit v1.2.3 From 0ca33aa1ba665fe82fe1f1a5863b62fb4b27ca71 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 13:27:17 -0700 Subject: darken shadow for ie --- lib/preboot.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 99e2b8223..9c3da46b1 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -190,7 +190,7 @@ font-size: @fontSize; line-height: @baseline; border: 1px solid @borderColor; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #ccc; border-bottom-color: fadein(@borderColor, 15%); .border-radius(@borderRadius); @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -- cgit v1.2.3 From 2aeed35f24ad1ba3fa07c4d76fa3664dda91508a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Aug 2011 17:30:45 -0700 Subject: pull filter gradients out completely because IE can't render them correctly in half of all instances and they are performance problems with them; tweak alert message styles, particularly close button; --- lib/preboot.less | 4 ---- 1 file changed, 4 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index b90021ebe..40dae2cce 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -223,8 +223,6 @@ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 - -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); // IE8+ - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(left, @startColor, @endColor); // Le standard } .vertical (@startColor: #555, @endColor: #333) { @@ -236,8 +234,6 @@ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10 - -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+ - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 background-image: linear-gradient(@startColor, @endColor); // The standard } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { -- cgit v1.2.3 From f17b2633adb016ef58423c083d2a377368fc51c7 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 19:56:43 -0700 Subject: fix btn borders ie7/ie8 --- lib/preboot.less | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 9c3da46b1..e02182eca 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -189,9 +189,10 @@ color: @textColor; font-size: @fontSize; line-height: @baseline; - border: 1px solid @borderColor; - border-bottom: 1px solid #ccc; - border-bottom-color: fadein(@borderColor, 15%); + border: 1px solid; + border-color: #ccc #ccc #bbb; + border-color: borderColor borderColor fadein(@borderColor, 15%); + .border-radius(@borderRadius); @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); .box-shadow(@shadow); -- cgit v1.2.3 From 60fc4eb7b9e7c5d881a40615b63c9dda724815b4 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 19:59:43 -0700 Subject: touch up less --- lib/preboot.less | 1 - 1 file changed, 1 deletion(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index e02182eca..20ded0547 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -192,7 +192,6 @@ border: 1px solid; border-color: #ccc #ccc #bbb; border-color: borderColor borderColor fadein(@borderColor, 15%); - .border-radius(@borderRadius); @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); .box-shadow(@shadow); -- cgit v1.2.3