comment out box-shadow on masthead and footer in docs.css because Opera sucks at inset box-shadow :"

1 files changed, 27 insertions, 27 deletions

diff --git a/lib/patterns.less b/lib/patterns.less
index 3e5e0114a..a4e66581a 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -76,7 +76,7 @@
     background-color: rgba(255,255,255,.3);
     #font > .sans-serif(13px, normal, 1);
     padding: 4px 9px;
-    color: #fff;
+    color: @white;
     color: rgba(255,255,255,.75);
     border: 1px solid #111;
     .border-radius(4px);
@@ -95,15 +95,15 @@
     &:hover {
       background-color: @grayLight;
       background-color: rgba(255,255,255,.5);
-      color: #fff;
+      color: @white;
     }
     // Focus states (we use .focused since IE8 and down doesn't support :focus)
     &:focus,
     &.focused {
       outline: none;
-      background-color: #fff;
+      background-color: @white;
       color: @grayDark;
-      text-shadow: 0 1px 0 #fff;
+      text-shadow: 0 1px 0 @white;
       border: 0;
       padding: 5px 10px;
       .box-shadow(0 0 3px rgba(0,0,0,.15));
@@ -146,7 +146,7 @@
     line-height: 19px;
     text-decoration: none;
     &:hover {
-      color: #fff;
+      color: @white;
       text-decoration: none;
     }
   }
@@ -183,7 +183,7 @@
     // a.menu for backwards compatibility
     a.menu,
     .dropdown-toggle {
-      color: #fff;
+      color: @white;
       &.open {
         background: #444;
         background: rgba(255,255,255,.05);
@@ -194,11 +194,11 @@
       text-shadow: 0 1px 0 rgba(0,0,0,.5);
       &:hover {
         #gradient > .vertical(#292929,#191919);
-        color: #fff;
+        color: @white;
       }
     }
     .active a {
-      color: #fff;
+      color: @white;
     }
     .divider {
       background-color: #222;
@@ -234,14 +234,14 @@ a.menu:after,
   margin-left: 4px;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
-  border-top: 4px solid #fff;
+  border-top: 4px solid @white;
   .opacity(50);
 }
 // The dropdown menu (ul)
 // .menu-dropdown for backwards compatibility
 .menu-dropdown,
 .dropdown-menu {
-  background-color: #fff;
+  background-color: @white;
   float: left;
   display: none; // None by default, but block on "open" of the menu
   position: absolute;
@@ -274,7 +274,7 @@ a.menu:after,
     margin: 5px 0;
     overflow: hidden;
     background-color: #eee;
-    border-bottom: 1px solid #fff;
+    border-bottom: 1px solid @white;
   }
 }
 
@@ -287,7 +287,7 @@ a.menu:after,
     font-weight: normal;
     line-height: 18px;
     color: @gray;
-    text-shadow: 0 1px 0 #fff;
+    text-shadow: 0 1px 0 @white;
     // Hover state
     &:hover {
       #gradient > .vertical(#eeeeee, #dddddd);
@@ -306,7 +306,7 @@ a.menu:after,
   // .menu for backwards compatibility
   .menu,
   .dropdown-toggle {
-    color: #fff;
+    color: @white;
     background: #ccc;
     background: rgba(0,0,0,.3);
   }
@@ -353,7 +353,7 @@ a.menu:after,
       }
     }
     &.active > a {
-      background-color: #fff;
+      background-color: @white;
       padding: 0 14px;
       border: 1px solid #ddd;
       border-bottom: 0;
@@ -391,19 +391,19 @@ a.menu:after,
   a {
       margin: 5px 3px 5px 0;
     padding: 0 15px;
-    text-shadow: 0 1px 1px #fff;
+    text-shadow: 0 1px 1px @white;
     line-height: 30px;
     .border-radius(15px);
     &:hover {
       background: @linkColorHover;
-      color: #fff;
+      color: @white;
       text-decoration: none;
       text-shadow: 0 1px 1px rgba(0,0,0,.25);
     }
   }
   .active a {
     background: @linkColor;
-    color: #fff;
+    color: @white;
     text-shadow: 0 1px 1px rgba(0,0,0,.25);
   }
 }
@@ -428,10 +428,10 @@ a.menu:after,
   #gradient > .vertical(#ffffff, #f5f5f5);
   border: 1px solid #ddd;
   .border-radius(3px);
-  .box-shadow(inset 0 1px 0 #fff);
+  .box-shadow(inset 0 1px 0 @white);
   li {
     display: inline;
-    text-shadow: 0 1px 0 #fff;
+    text-shadow: 0 1px 0 @white;
   }
   .divider {
     padding: 0 5px;
@@ -547,7 +547,7 @@ footer {
 
   // Primary Button Type
   &.primary {
-    color:#fff;
+    color: @white;
     .gradientBar(@blue, @blueDark)
   }
 
@@ -761,7 +761,7 @@ input[type=submit].btn {
 // ------
 
 .modal-backdrop {
-  background-color: #000;
+  background-color: @black;
   position: fixed;
   top: 0;
   left: 0;
@@ -809,7 +809,7 @@ input[type=submit].btn {
   padding: 14px 15px 15px;
   border-top: 1px solid #ddd;
   .border-radius(0 0 6px 6px);
-  .box-shadow(inset 0 1px 0 #fff);
+  .box-shadow(inset 0 1px 0 @white);
   .clearfix();
   margin-bottom: 0;
   .btn {
@@ -829,7 +829,7 @@ input[type=submit].btn {
     margin-left: -@arrowWidth;
     border-left: @arrowWidth solid transparent;
     border-right: @arrowWidth solid transparent;
-    border-top: @arrowWidth solid #000;
+    border-top: @arrowWidth solid @black;
   }
   .left(@arrowWidth: 5px) {
     top: 50%;
@@ -837,7 +837,7 @@ input[type=submit].btn {
     margin-top: -@arrowWidth;
     border-top: @arrowWidth solid transparent;
     border-bottom: @arrowWidth solid transparent;
-    border-left: @arrowWidth solid #000;
+    border-left: @arrowWidth solid @black;
   }
   .below(@arrowWidth: 5px) {
     top: 0;
@@ -845,7 +845,7 @@ input[type=submit].btn {
     margin-left: -@arrowWidth;
     border-left: @arrowWidth solid transparent;
     border-right: @arrowWidth solid transparent;
-    border-bottom: @arrowWidth solid #000;
+    border-bottom: @arrowWidth solid @black;
   }
   .right(@arrowWidth: 5px) {
     top: 50%;
@@ -853,7 +853,7 @@ input[type=submit].btn {
     margin-top: -@arrowWidth;
     border-top: @arrowWidth solid transparent;
     border-bottom: @arrowWidth solid transparent;
-    border-right: @arrowWidth solid #000;
+    border-right: @arrowWidth solid @black;
   }
 }
 
@@ -878,7 +878,7 @@ input[type=submit].btn {
 }
 .twipsy-inner {
   padding: 3px 8px;
-  background-color: #000;
+  background-color: @black;
   color: white;
   text-align: center;
   max-width: 200px;