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 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/patterns.less | 35 ++++++++++++++++------------------- 1 file changed, 16 insertions(+), 19 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index eeb0107ab..229218eb6 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -276,13 +276,13 @@ div.page-header { // One-liner alert bars div.alert-message { - #gradient > .vertical(transparent, rgba(0,0,0,0.15)); +// #gradient > .vertical(rgba(0,0,0,.01), rgba(0,0,0,0.15)); background-color: @grayLighter; margin-bottom: @baseline; padding: 8px 15px; color: #fff; - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - border-bottom: 1px solid rgba(0,0,0,.25); + text-shadow: 0 -1px 0 rgba(0,0,0,.3); + border-bottom: 1px solid rgba(0,0,0,.3); .border-radius(4px); p { color: #fff; @@ -292,29 +292,32 @@ div.alert-message { } } &.error { - background-color: lighten(@red, 25%); + #gradient > .vertical(lighten(@red, 30%), lighten(@red, 15%)); + border-bottom-color: lighten(@red, 5%); } &.warning { - background-color: lighten(@yellow, 15%); + #gradient > .vertical(lighten(@yellow, 25%), lighten(@yellow, 10%)); + border-bottom-color: @yellow; } &.success { - background-color: lighten(@green, 15%); + #gradient > .vertical(lighten(@green, 25%), lighten(@green, 10%)); + border-bottom-color: @green; } &.info { - background-color: lighten(@blue, 15%); + #gradient > .vertical(lighten(@blue, 25%), lighten(@blue, 5%)); + border-bottom-color: @blue; } - a.close { + .close { float: right; margin-top: -2px; - color: #fff; + color: #000; font-size: 20px; font-weight: bold; - text-shadow: 0 1px 0 rgba(0,0,0,.5); - .opacity(50); - .border-radius(3px); + text-shadow: 0 1px 0 rgba(255,255,255,1); + .opacity(20); &:hover { text-decoration: none; - .opacity(50); + .opacity(40); } } } @@ -339,12 +342,6 @@ div.block-message { strong { display: block; } - a.close { - display: block; - color: @grayDark; - color: rgba(0,0,0,.5); - text-shadow: 0 1px 1px rgba(255,255,255,.75); - } &.error { background: lighten(@red, 55%); border: 1px solid lighten(@red, 50%); -- 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 80e0e9c41309f0ac525aa6f67bccb91916637351 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Aug 2011 20:03:12 -0700 Subject: updated list html, tweaks to patterns --- lib/patterns.less | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 229218eb6..6506287a2 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -261,7 +261,7 @@ div.topbar { // PAGE HEADERS // ------------ -div.page-header { +.page-header { margin-bottom: @baseline - 1; border-bottom: 1px solid #ddd; .box-shadow(0 1px 0 rgba(255,255,255,.5)); @@ -275,8 +275,7 @@ div.page-header { // ------------ // One-liner alert bars -div.alert-message { -// #gradient > .vertical(rgba(0,0,0,.01), rgba(0,0,0,0.15)); +.alert-message { background-color: @grayLighter; margin-bottom: @baseline; padding: 8px 15px; @@ -323,7 +322,7 @@ div.alert-message { } // Block-level Alerts -div.block-message { +.block-message { margin-bottom: @baseline; padding: 14px; color: @grayDark; @@ -365,8 +364,8 @@ div.block-message { // ---------- // Common tab and pill styles -ul.tabs, -ul.pills { +.tabs, +.pills { margin: 0 0 20px; padding: 0; .clearfix(); @@ -380,7 +379,7 @@ ul.pills { } // Basic Tabs -ul.tabs { +.tabs { width: 100%; border-bottom: 1px solid @grayLight; li { @@ -406,7 +405,7 @@ ul.tabs { } // Basic pill nav -ul.pills { +.pills { li { a { margin: 5px 3px 5px 0; @@ -433,12 +432,13 @@ ul.pills { // PAGINATION // ---------- -div.pagination { +.pagination { height: @baseline * 2; margin: @baseline 0; ul { float: left; margin: 0; + border: 1px solid #ddd; border: 1px solid rgba(0,0,0,.15); .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.075); @@ -448,6 +448,7 @@ div.pagination { float: left; padding: 0 14px; line-height: (@baseline * 2) - 2; + border-right: 1px solid #ddd; border-right: 1px solid rgba(0,0,0,.15); text-decoration: none; } @@ -487,7 +488,7 @@ div.pagination { // MODALS // ------ -div.modal-backdrop { +.modal-backdrop { background-color: rgba(0,0,0,.5); position: fixed; top: 0; @@ -496,7 +497,7 @@ div.modal-backdrop { bottom: 0; z-index: 1000; } -div.modal { +.modal { position: fixed; top: 50%; left: 50%; @@ -579,7 +580,7 @@ div.modal { // TWIPSY // ------ -div.twipsy { +.twipsy { display: block; position: absolute; visibility: visible; -- cgit v1.2.3 From 12efeccdf74b61b61b8d784b55fa857eb409b8b9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Aug 2011 20:12:18 -0700 Subject: tweak pagination styles to include better border and box shadow --- lib/patterns.less | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index 6506287a2..fbe3df3ea 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -441,7 +441,7 @@ div.topbar { border: 1px solid #ddd; border: 1px solid rgba(0,0,0,.15); .border-radius(3px); - .box-shadow(0 1px 2px rgba(0,0,0,.075); + .box-shadow(0 1px 2px rgba(0,0,0,.05); li { display: inline; a { @@ -505,10 +505,11 @@ div.topbar { width: 560px; margin: -280px 0 0 -250px; background-color: @white; + border: 1px solid #999; border: 1px solid rgba(0,0,0,.3); .border-radius(6px); .box-shadow(0 3px 7px rgba(0,0,0,0.3)); - .background-clip(padding); + .background-clip(padding-box); .modal-header { border-bottom: 1px solid #eee; padding: 5px 20px; @@ -647,7 +648,7 @@ div.topbar { background-color: @white; padding: 14px; .border-radius(0 0 3px 3px); - .background-clip(padding); + .background-clip(padding-box); p, ul, ol { margin-bottom: 0; } -- cgit v1.2.3 From 59aea3bafd6bba4928e6ba561f54a11feb596d32 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Aug 2011 20:17:10 -0700 Subject: give popovers and modals border colors you can see in IE8 and down --- lib/patterns.less | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index fbe3df3ea..1f8f28963 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -630,7 +630,8 @@ div.topbar { height: 0; } .inner { - background: rgba(0,0,0,.8); + background-color: #333; + background-color: rgba(0,0,0,.8); padding: 3px; overflow: hidden; width: 280px; @@ -638,7 +639,7 @@ div.topbar { .box-shadow(0 3px 7px rgba(0,0,0,0.3)); } .title { - background: #f5f5f5; + background-color: #f5f5f5; padding: 9px 15px; line-height: 1; .border-radius(3px 3px 0 0); -- 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 From 027538e66d633b15c9074b14d206602ad8fb42a1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Aug 2011 20:30:58 -0700 Subject: fix topbar dropdown active and hover states --- 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 1f8f28963..79b8b2de9 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -7,7 +7,7 @@ // ------ // Topbar for Branding and Nav -div.topbar { +.topbar { #gradient > .vertical(#333, #222); height: 40px; position: fixed; @@ -73,11 +73,13 @@ div.topbar { &::-webkit-input-placeholder { color: @grayLighter; } + // Hover states &:hover { background-color: #444; background-color: rgba(255,255,255,.5); color: #fff; } + // Focus states (we use .focused since IE8 and down doesn't support :focus) &:focus, &.focused { outline: none; @@ -151,7 +153,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 8ebdf4483f993da553fd966469cf34335685377a Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 21:09:54 -0700 Subject: ie-6/7 hack for border colors --- 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 ef22e71b8..a19afaf82 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -470,6 +470,7 @@ border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0,0,0,.15); + *border-right-color: #ddd; /* IE6-7 */ text-decoration: none; } a:hover, -- cgit v1.2.3 From d90136b5850a39fc6b1291519662e27987598edc Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 21:18:36 -0700 Subject: remove ie8 hack --- 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 a19afaf82..9a5b24d7f 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -458,7 +458,6 @@ margin: 0; border: 1px solid #ddd; border: 1px solid rgba(0,0,0,.15); - border-right: 0\9; /* IE8 and below don't support last child. TODO: clean this up; */ .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.05); li { -- cgit v1.2.3 From d8d12e20b44d134a474192d57382e2469d4abe06 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 21:20:51 -0700 Subject: fix border for popover ie6-7 --- 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 9a5b24d7f..53063c12c 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -652,6 +652,7 @@ .inner { background-color: #333; background-color: rgba(0,0,0,.8); + *background-color: #333; /* IE 6-7 */ padding: 3px; overflow: hidden; width: 280px; -- cgit v1.2.3 From b39a9a680dcc47c77a8b44a1e38d87c961b31835 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 21 Aug 2011 21:30:19 -0700 Subject: go with greyed out next --- 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 53063c12c..7438541ed 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -481,8 +481,7 @@ background-color: none; color: @grayLight; } - &.next a, - &:last-child a { + &.next a { border: 0; } } -- cgit v1.2.3