From 1fc4491cd6f18809468dfc73ce5e55ac87352d1d Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 11:45:24 -0700
Subject: more debugging of ie nav display issues

---
 lib/patterns.less | 2 +-
 lib/preboot.less  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'lib')

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;
         }
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 <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 11:53:06 -0700
Subject: ie Xp

---
 lib/patterns.less | 3 +++
 lib/preboot.less  | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

(limited to 'lib')

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;
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 0e8e30bf1dbc15aa42dc84898b088a76c3e7d536 Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 12:01:27 -0700
Subject: blah

---
 lib/patterns.less | 1 -
 1 file changed, 1 deletion(-)

(limited to 'lib')

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 1d96417201721280c2a0579b875c0b64ea12c1ba Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 12:19:01 -0700
Subject: introduce .fill class to top-nav for overflow bug

---
 lib/patterns.less | 38 +++++++++++++++++++++++++-------------
 lib/preboot.less  |  4 ++--
 2 files changed, 27 insertions(+), 15 deletions(-)

(limited to 'lib')

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
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 2435b6417a442273f660ab368c532b2c84cb2601 Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 96af4f6acfcfb731d9772643fa8ef43ac514b02d Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 13:22:39 -0700
Subject: add "shadows" for ie buttons

---
 lib/preboot.less     | 1 +
 lib/scaffolding.less | 2 ++
 2 files changed, 3 insertions(+)

(limited to 'lib')

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);
diff --git a/lib/scaffolding.less b/lib/scaffolding.less
index 5b41b64a4..f66e08679 100644
--- a/lib/scaffolding.less
+++ b/lib/scaffolding.less
@@ -101,6 +101,8 @@ a {
     #gradient > .vertical(@blue, @blueDark);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+    border-bottom-color: darken(@blueDark, 15%);
+    border-bottom-color: fadein(rgba(0,0,0,.1), 15%);
     &:hover {
       color: #fff;
     }
-- 
cgit v1.2.3


From 7c45f6cc7fb5dbf0cc76d6eb6e4b42ac7fdf15c3 Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 22dbf9d8e4fc5568d9d49b40d1c1020fbab064c9 Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
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')

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 <mark.otto@twitter.com>
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 ++++++++++++++++-------------------
 lib/preboot.less  |  4 ----
 2 files changed, 16 insertions(+), 23 deletions(-)

(limited to 'lib')

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%);
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 e1e4ceee3f72d0892bf84aa7a1c7f1bdb719032e Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 18:07:47 -0700
Subject: fix disabled button for ie 8 and below

---
 lib/scaffolding.less | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'lib')

diff --git a/lib/scaffolding.less b/lib/scaffolding.less
index f66e08679..b1f846a38 100644
--- a/lib/scaffolding.less
+++ b/lib/scaffolding.less
@@ -117,12 +117,18 @@ a {
     padding-left: 9px;
     font-size: 11px;
   }
-  &:disabled,
   &.disabled {
     background-image: none;
     .opacity(65);
     cursor: default;
   }
+
+  // this can't be included with the .disabled def because IE8 and below will drop it ;_;
+  &:disabled {
+    background-image: none;
+    .opacity(65);
+    cursor: default;
+  }
   &:active {
     @shadow: inset 0 3px 7px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.05);
     .box-shadow(@shadow);
-- 
cgit v1.2.3


From 48c3c6f1b67b1f2a2f2ea499cef65bdfd27dc21d Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
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')

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 <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 19:56:43 -0700
Subject: fix btn borders ie7/ie8

---
 lib/patterns.less | 3 +--
 lib/preboot.less  | 7 ++++---
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'lib')

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;
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 <jacobthornton@gmail.com>
Date: Sun, 21 Aug 2011 19:59:43 -0700
Subject: touch up less

---
 lib/preboot.less     | 1 -
 lib/scaffolding.less | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

(limited to 'lib')

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);
diff --git a/lib/scaffolding.less b/lib/scaffolding.less
index b1f846a38..864aea52f 100644
--- a/lib/scaffolding.less
+++ b/lib/scaffolding.less
@@ -101,8 +101,8 @@ a {
     #gradient > .vertical(@blue, @blueDark);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0,0,0,.25);
-    border-bottom-color: darken(@blueDark, 15%);
-    border-bottom-color: fadein(rgba(0,0,0,.1), 15%);
+    border-color: @blueDark @blueDark darken(@blueDark, 15%);
+    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
     &:hover {
       color: #fff;
     }
-- 
cgit v1.2.3


From 80e0e9c41309f0ac525aa6f67bccb91916637351 Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
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')

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 c705521e08c9d673222b23aaca7ca465433cc245 Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Sun, 21 Aug 2011 20:07:15 -0700
Subject: rebuild and updated tables to remove tags from selectors

---
 lib/tables.less | 64 +++++++++++++++++++++++++++------------------------------
 1 file changed, 30 insertions(+), 34 deletions(-)

(limited to 'lib')

diff --git a/lib/tables.less b/lib/tables.less
index 4c65141a3..d1af37de8 100644
--- a/lib/tables.less
+++ b/lib/tables.less
@@ -11,12 +11,12 @@ table {
   width: 100%;
   margin-bottom: @baseline;
   padding: 0;
-  text-align: left;
   border-collapse: separate;
   font-size: 13px;
   th, td {
     padding: 10px 10px 9px;
     line-height: @baseline * .75;
+    text-align: left;
     vertical-align: middle;
     border-bottom: 1px solid #ddd;
   }
@@ -32,7 +32,7 @@ table {
 // --------------
 
 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
-table.zebra-striped {
+.zebra-striped {
   tbody {
     tr:nth-child(odd) td {
       background-color: #f9f9f9;
@@ -43,7 +43,7 @@ table.zebra-striped {
   }
 
   // Tablesorting styles w/ jQuery plugin
-  th.header {
+  .header {
     cursor: pointer;
     &:after {
       content: "";
@@ -55,36 +55,29 @@ table.zebra-striped {
       visibility: hidden;
     }
   }
-
   // Style the sorted column headers (THs)
-  th.headerSortUp,
-  th.headerSortDown {
+  .headerSortUp,
+  .headerSortDown {
     background-color: rgba(141,192,219,.25);
     text-shadow: 0 1px 1px rgba(255,255,255,.75);
     .border-radius(3px 3px 0 0);
   }
-
   // Style the ascending (reverse alphabetical) column header
-  th.header:hover {
+  .header:hover {
     &:after {
       visibility:visible;
     }
   }
-  th.actions:hover {
-    background-image: none;
-  }
-
   // Style the descending (alphabetical) column header
-  th.headerSortDown,
-  th.headerSortDown:hover {
+  .headerSortDown,
+  .headerSortDown:hover {
     &:after {
       visibility:visible;
       .opacity(60);
     }
   }
-
   // Style the ascending (reverse alphabetical) column header
-  th.headerSortUp {
+  .headerSortUp {
     &:after {
       border-bottom: none;
       border-left: 4px solid transparent;
@@ -95,58 +88,61 @@ table.zebra-striped {
       .opacity(60);
     }
   }
+}
 
+table {
   // Blue Table Headings
-  th.blue {
+  .blue {
     color: @blue;
     border-bottom-color: @blue;
   }
-  th.headerSortUp.blue, th.headerSortDown.blue {
+  .headerSortUp.blue,
+  .headerSortDown.blue {
     background-color: lighten(@blue, 40%);
   }
-
   // Green Table Headings
-  th.green {
+  .green {
     color: @green;
     border-bottom-color: @green;
   }
-  th.headerSortUp.green, th.headerSortDown.green { // backround color is 20% of border color
+  .headerSortUp.green,
+  .headerSortDown.green {
     background-color: lighten(@green, 40%);
   }
-
   // Red Table Headings
-  th.red {
+  .red {
     color: @red;
     border-bottom-color: @red;
   }
-  th.headerSortUp.red, th.headerSortDown.red {
+  .headerSortUp.red,
+  .headerSortDown.red {
     background-color: lighten(@red, 50%);
   }
-
   // Yellow Table Headings
-  th.yellow {
+  .yellow {
     color: @yellow;
     border-bottom-color: @yellow;
   }
-  th.headerSortUp.yellow, th.headerSortDown.yellow {
+  .headerSortUp.yellow,
+  .headerSortDown.yellow {
     background-color: lighten(@yellow, 40%);
   }
-
   // Orange Table Headings
-  th.orange {
+  .orange {
     color: @orange;
     border-bottom-color: @orange;
   }
-  th.headerSortUp.orange, th.headerSortDown.orange {
+  .headerSortUp.orange,
+  .headerSortDown.orange {
     background-color: lighten(@orange, 40%);
   }
-
   // Purple Table Headings
-  th.purple {
+  .purple {
     color: @purple;
     border-bottom-color: @purple;
   }
-  th.headerSortUp.purple, th.headerSortDown.purple {
+  .headerSortUp.purple,
+  .headerSortDown.purple {
     background-color: lighten(@purple, 40%);
   }
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3


From 12efeccdf74b61b61b8d784b55fa857eb409b8b9 Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
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')

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 <mark.otto@twitter.com>
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')

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 <jacobthornton@gmail.com>
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')

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 f630615d2603337843a1b8766496cb313e60fb6c Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Sun, 21 Aug 2011 20:27:19 -0700
Subject: remove tags from form selectors

---
 lib/forms.less | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

(limited to 'lib')

diff --git a/lib/forms.less b/lib/forms.less
index f958693fc..3a847ae84 100644
--- a/lib/forms.less
+++ b/lib/forms.less
@@ -23,7 +23,7 @@ form {
   }
 
   // Parent element that clears floats and wraps labels and fields together
-  div.clearfix {
+  .clearfix {
     margin-bottom: @baseline;
   }
 
@@ -112,7 +112,7 @@ form {
   }
 
   // Error styles
-  div.error {
+  .error {
     background: lighten(@red, 57%);
     padding: 10px 0;
     margin: -10px 0 10px;
@@ -133,8 +133,8 @@ form {
         .box-shadow(0 0 6px rgba(171,41,32,.5));
       }
     }
-    div.input-prepend,
-    div.input-append {
+    .input-prepend,
+    .input-append {
       span.add-on {
         background: lighten(@red, 50%);
         border-color: @error-text;
@@ -177,14 +177,14 @@ form {
 }
 
 // Actions (the buttons)
-div.actions {
+.actions {
   background: #f5f5f5;
   margin-top: @baseline;
   margin-bottom: @baseline;
   padding: (@baseline - 1) 20px @baseline 150px;
   border-top: 1px solid #ddd;
   .border-radius(0 0 3px 3px);
-  div.secondary-action {
+  .secondary-action {
     float: right;
     a {
       line-height: 30px;
@@ -213,7 +213,7 @@ div.actions {
 }
 
 // Inline Fields (input fields that appear as inline objects
-div.inline-inputs {
+.inline-inputs {
   color: @gray;
   span, input[type=text] {
     display: inline-block;
@@ -230,8 +230,8 @@ div.inline-inputs {
 }
 
 // Allow us to put symbols and text within the input field for a cleaner look
-div.input-prepend,
-div.input-append {
+.input-prepend,
+.input-append {
   input[type=text] {
     .border-radius(0 3px 3px 0);
   }
@@ -257,7 +257,7 @@ div.input-append {
     border-color: @green;
   }
 }
-div.input-append {
+.input-append {
   input[type=text] {
     float: left;
     .border-radius(3px 0 0 3px);
@@ -270,7 +270,7 @@ div.input-append {
 }
 
 // Stacked options for forms (radio buttons or checkboxes)
-ul.inputs-list {
+.inputs-list {
   margin: 0 0 5px;
   width: 100%;
   li {
@@ -326,13 +326,13 @@ form.form-stacked {
     line-height: 20px;
     padding-top: 0;
   }
-  div.clearfix {
+  .clearfix {
     margin-bottom: @baseline / 2;
     div.input {
       margin-left: 0;
     }
   }
-  ul.inputs-list {
+  .inputs-list {
     margin-bottom: 0;
     li {
       padding-top: 0;
@@ -342,7 +342,7 @@ form.form-stacked {
       }
     }
   }
-  div.actions {
+  .actions {
     margin-left: -20px;
     padding-left: 20px;
   }
-- 
cgit v1.2.3


From 027538e66d633b15c9074b14d206602ad8fb42a1 Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
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')

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