From 1fc4491cd6f18809468dfc73ce5e55ac87352d1d Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 11:22:33 -0700 Subject: simplify drop down logic - fix color of search hover for ie --- lib/patterns.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index eeb0107ab..2f8f6c919 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -53,7 +53,7 @@ div.topbar { position: relative; .opacity(100); input { - background-color: @grayLight; + background-color: #444; background-color: rgba(255,255,255,.3); #font > .sans-serif(13px, normal, 1); width: 220px; @@ -74,7 +74,7 @@ div.topbar { color: @grayLighter; } &:hover { - background-color: #444; + background-color: @grayLight; background-color: rgba(255,255,255,.5); color: #fff; } -- cgit v1.2.3 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/patterns.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 2f8f6c919..c189e6271 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -151,7 +151,7 @@ div.topbar { &.open { a.menu, a:hover { - background-color: lighten(#00a0d1,5); + background-color: #333; background-color: rgba(255,255,255,.1); color: #fff; } -- 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/patterns.less | 3 +++ 1 file changed, 3 insertions(+) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index c189e6271..c767df63c 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -8,7 +8,10 @@ // Topbar for Branding and Nav div.topbar { + background:#222; #gradient > .vertical(#333, #222); + filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; height: 40px; position: fixed; top: 0; -- cgit v1.2.3 From 0e8e30bf1dbc15aa42dc84898b088a76c3e7d536 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 11:56:16 -0700 Subject: ie8 dropdown tweaks --- lib/patterns.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index c767df63c..6106f3a3f 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -154,7 +154,7 @@ div.topbar { &.open { a.menu, a:hover { - background-color: #333; + background-color: 444; background-color: rgba(255,255,255,.1); color: #fff; } @@ -218,6 +218,7 @@ div.topbar { &.divider { height: 1px; overflow: hidden; + background: #222; background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(255,255,255,.1); margin: 5px 0; -- cgit v1.2.3 From 612e5c3c9e9c4ead98ebbb52db8cebeee082289b Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 11:57:25 -0700 Subject: add # to color --- lib/patterns.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 6106f3a3f..5fffc309c 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -154,7 +154,7 @@ div.topbar { &.open { a.menu, a:hover { - background-color: 444; + background-color: #444; background-color: rgba(255,255,255,.1); color: #fff; } -- cgit v1.2.3 From d97fb89480383db9b259f3ded839e35f0f4dd53f Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 11:59:50 -0700 Subject: just disable filter --- lib/patterns.less | 1 - 1 file changed, 1 deletion(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 5fffc309c..f281ac777 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -11,7 +11,6 @@ div.topbar { background:#222; #gradient > .vertical(#333, #222); filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; height: 40px; position: fixed; top: 0; -- cgit v1.2.3 From bb94457b4b3cba13b90e45550fe7a6ffafbfa5fc Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:01:27 -0700 Subject: blah --- lib/patterns.less | 1 - 1 file changed, 1 deletion(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index f281ac777..eacd71a8b 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -10,7 +10,6 @@ div.topbar { background:#222; #gradient > .vertical(#333, #222); - filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; height: 40px; position: fixed; top: 0; -- 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/patterns.less | 38 +++++++++++++++++++++++++------------- 1 file changed, 25 insertions(+), 13 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index eacd71a8b..bc9516fd6 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -8,8 +8,6 @@ // Topbar for Branding and Nav div.topbar { - background:#222; - #gradient > .vertical(#333, #222); height: 40px; position: fixed; top: 0; @@ -17,8 +15,19 @@ div.topbar { right: 0; z-index: 10000; overflow: visible; - @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - .box-shadow(@shadow); + + // gradient is applied to it's own element because overflow visible is not honored by ie when filter is present + .fill { + background:#222; + position:absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + #gradient > .vertical(#333, #222); + @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); + .box-shadow(@shadow); + } // Links get text shadow a { @@ -36,15 +45,18 @@ div.topbar { } // Website name - h3 a { - float: left; - display: block; - padding: 8px 20px 12px; - margin-left: -20px; // negative indent to left-align the text down the page - color: @white; - font-size: 20px; - font-weight: 200; - line-height: 1; + h3 { + position:relative; + a { + float: left; + display: block; + padding: 8px 20px 12px; + margin-left: -20px; // negative indent to left-align the text down the page + color: @white; + font-size: 20px; + font-weight: 200; + line-height: 1; + } } // Search Form -- cgit v1.2.3 From 2435b6417a442273f660ab368c532b2c84cb2601 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:26:51 -0700 Subject: give pagination nav borders in ie --- lib/patterns.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index bc9516fd6..9e57d0e30 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -456,7 +456,7 @@ div.pagination { ul { float: left; margin: 0; - border: 1px solid rgba(0,0,0,.15); + border: 1px solid #ddd; .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.075); li { @@ -465,7 +465,9 @@ div.pagination { float: left; padding: 0 14px; line-height: (@baseline * 2) - 2; - border-right: 1px solid rgba(0,0,0,.15); + border-right: 1px solid; + border-right-color: #ddd; + border-right-color: rgba(0,0,0,.15); text-decoration: none; } a:hover, -- cgit v1.2.3 From 971336c8086825e1a227bb956482708a3df0875d Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:31:55 -0700 Subject: don't display right border for ie --- lib/patterns.less | 1 + 1 file changed, 1 insertion(+) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 9e57d0e30..dc5f45ab0 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -457,6 +457,7 @@ div.pagination { float: left; margin: 0; border: 1px solid #ddd; + border-right-color: rgba(0,0,0,.15); // don't display right border for ie .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.075); li { -- cgit v1.2.3 From d671d566e14a569feed87422c0b2f035f3dd9128 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:35:14 -0700 Subject: more ie border junk --- lib/patterns.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index dc5f45ab0..0e121cb31 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -456,8 +456,8 @@ div.pagination { ul { float: left; margin: 0; - border: 1px solid #ddd; - border-right-color: rgba(0,0,0,.15); // don't display right border for ie + border: 1px solid; + border-color: #ddd rgba(0,0,0,.15) #ddd #ddd; .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.075); li { -- cgit v1.2.3 From 7e67ddf78897b5cd256e28e2ccc220562827b396 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:40:47 -0700 Subject: another attempt at getting ie border thign working --- lib/patterns.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 0e121cb31..4a9b70295 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -456,8 +456,10 @@ div.pagination { ul { float: left; margin: 0; - border: 1px solid; - border-color: #ddd rgba(0,0,0,.15) #ddd #ddd; + border: 1px solid rgba(0,0,0,.15); + border-left-color: #ddd; + border-top-color: #ddd; + border-bottom-color: #ddd; .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.075); li { -- cgit v1.2.3 From 8ec7566f8baae5807da86665d5ea915c5ec16ce2 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:42:43 -0700 Subject: rgba breaks whole def --- lib/patterns.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 4a9b70295..b784419d4 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -456,7 +456,8 @@ div.pagination { ul { float: left; margin: 0; - border: 1px solid rgba(0,0,0,.15); + border: 1px solid; + border-right-color: rgba(0,0,0,.15); border-left-color: #ddd; border-top-color: #ddd; border-bottom-color: #ddd; -- cgit v1.2.3 From f8e9c6cf4ee0ece4c9a5fe4b9e11c553877ce85c Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 12:48:29 -0700 Subject: ie hack --- lib/patterns.less | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index b784419d4..6ff55f132 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -456,11 +456,8 @@ div.pagination { ul { float: left; margin: 0; - border: 1px solid; - border-right-color: rgba(0,0,0,.15); - border-left-color: #ddd; - border-top-color: #ddd; - border-bottom-color: #ddd; + border: 1px solid #ddd; + border-right: 0\9; /* IE8 and below don't support last child */ .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.075); li { -- cgit v1.2.3 From d019c677adcc21a3df0865773431ddc0ecf0aefa Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 13:04:09 -0700 Subject: no gradients on alerts for <= ie8 --- lib/patterns.less | 2 ++ 1 file changed, 2 insertions(+) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 6ff55f132..c9d4eec2a 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -291,6 +291,8 @@ div.page-header { // One-liner alert bars div.alert-message { #gradient > .vertical(transparent, rgba(0,0,0,0.15)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; // no gradient IE8+ + filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; // no gradient IE6 & IE7 background-color: @grayLighter; margin-bottom: @baseline; padding: 8px 15px; -- cgit v1.2.3 From 22dbf9d8e4fc5568d9d49b40d1c1020fbab064c9 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 13:36:06 -0700 Subject: fix up the modals for ie8 --- lib/patterns.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index c9d4eec2a..056d468f5 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -526,7 +526,7 @@ div.modal { width: 560px; margin: -280px 0 0 -250px; background-color: @white; - border: 1px solid rgba(0,0,0,.3); + border: 1px solid #555; .border-radius(6px); .box-shadow(0 3px 7px rgba(0,0,0,0.3)); .background-clip(padding); @@ -650,7 +650,7 @@ div.twipsy { height: 0; } .inner { - background: rgba(0,0,0,.8); + background: #333; padding: 3px; overflow: hidden; width: 280px; -- cgit v1.2.3 From 48c3c6f1b67b1f2a2f2ea499cef65bdfd27dc21d Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 18:14:53 -0700 Subject: make topbar .fill wrap --- lib/patterns.less | 5 ----- 1 file changed, 5 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 056d468f5..d49393e21 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -19,11 +19,6 @@ div.topbar { // gradient is applied to it's own element because overflow visible is not honored by ie when filter is present .fill { background:#222; - position:absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; #gradient > .vertical(#333, #222); @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); .box-shadow(@shadow); -- cgit v1.2.3 From c3143b47294df75eb830fb9156f9eef8fbaa956b Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 19:49:31 -0700 Subject: Fix for alert box gradients in IE7/8 --- lib/patterns.less | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index d49393e21..cb89710f6 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -285,9 +285,12 @@ div.page-header { // One-liner alert bars div.alert-message { + + // TODO: Ask cloudhead how to do this fany filter elegantly. Less eval is returning strings with quotes ;_; #gradient > .vertical(transparent, rgba(0,0,0,0.15)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; // no gradient IE8+ - filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; // no gradient IE6 & IE7 + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000')"; + filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000')"; + background-color: @grayLighter; margin-bottom: @baseline; padding: 8px 15px; -- 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/patterns.less | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index cb89710f6..e92012240 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -286,11 +286,10 @@ div.page-header { // One-liner alert bars div.alert-message { - // TODO: Ask cloudhead how to do this fany filter elegantly. Less eval is returning strings with quotes ;_; + // TODO: Ask cloudhead how to do this fancy filter elegantly. Less eval is returning strings with quotes ;_; #gradient > .vertical(transparent, rgba(0,0,0,0.15)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000')"; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000')"; - background-color: @grayLighter; margin-bottom: @baseline; padding: 8px 15px; -- cgit v1.2.3 From 842ad01fce710c50dc9c0174ab790f91e66c46b1 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 20:21:59 -0700 Subject: fix color for alert blocks in ie6-7 --- lib/patterns.less | 2 ++ 1 file changed, 2 insertions(+) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index e92012240..02aeaf559 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -338,11 +338,13 @@ div.block-message { padding: 14px; color: @grayDark; color: rgba(0,0,0,.8); + *color: @grayDark; /* IE 6-7 */ text-shadow: 0 1px 0 rgba(255,255,255,.25); .border-radius(6px); p { color: @grayDark; color: rgba(0,0,0,.8); + *color: @grayDark; /* IE 6-7 */ margin-right: 30px; margin-bottom: 0; } -- cgit v1.2.3