less/roojs-bootstrap/datepicker.less

[roojs1] / less / roojs-bootstrap / datepicker.less

diff --git a/less/roojs-bootstrap/datepicker.less b/less/roojs-bootstrap/datepicker.less
index 3fafd65..0dd927c 100644 (file)
--- a/less/roojs-bootstrap/datepicker.less
+++ b/less/roojs-bootstrap/datepicker.less
@@ -16,7 +16,7 @@
   direction: ltr;
   font-size: 13px;
   /*.dow {
-               border-top: 1px solid @gray-lighter-86-5 !important;
+               border-top: 1px solid @gray-light !important;
        }*/
 
 }
@@ -38,7 +38,7 @@
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-bottom: 7px solid @gray-lighter-80;
+  border-bottom: 7px solid @gray-light;
   border-bottom-color: @black-opacity-20;
   position: absolute;
   top: -7px;
@@ -49,7 +49,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 7px;
@@ -60,7 +60,7 @@
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-bottom: 7px solid @gray-lighter-80;
+  border-bottom: 7px solid @gray-light;
   border-bottom-color: @black-opacity-20;
   position: absolute;
   top: -7px;
@@ -71,7 +71,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 8px;
@@ -81,7 +81,7 @@
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-top: 7px solid @gray-lighter-80;
+  border-top: 7px solid @gray-light;
   border-bottom: 0;
   border-top-color: @black-opacity-20;
   position: absolute;
@@ -94,7 +94,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid @white;
+  border-top: 6px solid @body-bg;
   border-bottom: 0;
   position: absolute;
   bottom: -6px;
@@ -106,7 +106,7 @@
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-bottom: 7px solid @gray-lighter-80;
+  border-bottom: 7px solid @gray-light;
   border-bottom-color: @black-opacity-20;
   position: absolute;
   top: -7px;
@@ -117,7 +117,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 8px;
@@ -128,7 +128,7 @@
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-bottom: 7px solid @gray-lighter-80;
+  border-bottom: 7px solid @gray-light;
   border-bottom-color: @black-opacity-20;
   position: absolute;
   top: -7px;
@@ -139,7 +139,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 261px;
@@ -150,7 +150,7 @@
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-top: 7px solid @gray-lighter-80;
+  border-top: 7px solid @gray-light;
   border-top-color: @black-opacity-20;
   position: absolute;
   bottom: -7px;
@@ -162,7 +162,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid @white;
+  border-top: 6px solid @body-bg;
   position: absolute;
   bottom: -6px;
   left: 7px;
@@ -173,7 +173,7 @@
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-top: 7px solid @gray-lighter-80;
+  border-top: 7px solid @gray-light;
   border-top-color: @black-opacity-20;
   position: absolute;
   bottom: -7px;
@@ -185,7 +185,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid @white;
+  border-top: 6px solid @body-bg;
   position: absolute;
   bottom: -6px;
   left: 261px;
@@ -226,12 +226,12 @@
 }
 .datepicker table tr td.old,
 .datepicker table tr td.new {
-  color: @gray-lighter-60;
+  color: @gray-lighter;
 }
 .datepicker table tr td.disabled,
 .datepicker table tr td.disabled:hover {
   background: none;
-  color: @gray-lighter-60;
+  color: @gray-lighter;
   cursor: default;
 }
 .datepicker table tr td.today,
@@ -248,7 +248,7 @@
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
   border-color: @brand-warning @brand-warning @brand-warning;
-  border-color: @black-opacity-10 @black-opacity-10 @black-opacity-25;
+  border-color: @black-opacity-20 @black-opacity-20 @black-opacity-50;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
 .datepicker table tr td.today:hover,
@@ -281,7 +281,7 @@
 .datepicker table tr td.today:hover.active,
 .datepicker table tr td.today.disabled.active,
 .datepicker table tr td.today.disabled:hover.active {
-  background-color: @brand-warning\9; //#fbf069 \9;
+  background-color: @brand-warning; //#fbf069 \9;
 }
 .datepicker table tr td.active,
 .datepicker table tr td.active:hover,
@@ -297,10 +297,10 @@
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
   border-color: @brand-primary @brand-primary darken(@brand-primary, 10%);
-  border-color: @black-opacity-10 @black-opacity-10 @black-opacity-25;
+  border-color: @black-opacity-20 @black-opacity-20 @black-opacity-50;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  color: @white;
-  text-shadow: 0 -1px 0 @black-opacity-25;
+  color: @body-bg;
+  text-shadow: 0 -1px 0 @black-opacity-50;
 }
 .datepicker table tr td.active:hover,
 .datepicker table tr td.active:hover:hover,
@@ -332,7 +332,7 @@
 .datepicker table tr td.active:hover.active,
 .datepicker table tr td.active.disabled.active,
 .datepicker table tr td.active.disabled:hover.active {
-  background-color: darken(@brand-primary, 10%)\9; //#003399 \9;
+  background-color: darken(@brand-primary, 10%); //#003399 \9;
 }
 .datepicker table tr td span {
   display: block;
@@ -352,7 +352,7 @@
 .datepicker table tr td span.disabled,
 .datepicker table tr td span.disabled:hover {
   background: none;
-  color: @gray-lighter-60;
+  color: @gray-light;
   cursor: default;
 }
 .datepicker table tr td span.active,
@@ -369,10 +369,10 @@
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
   border-color: @brand-primary @brand-primary darken(@brand-primary, 10%);
-  border-color: @black-opacity-10 @black-opacity-10 @black-opacity-25;
+  border-color: @black-opacity-20 @black-opacity-20 @black-opacity-50;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  color: @white;
-  text-shadow: 0 -1px 0 @black-opacity-25;
+  color: @body-bg;
+  text-shadow: 0 -1px 0 @black-opacity-50;
 }
 .datepicker table tr td span.active:hover,
 .datepicker table tr td span.active:hover:hover,
@@ -404,10 +404,10 @@
 .datepicker table tr td span.active:hover.active,
 .datepicker table tr td span.active.disabled.active,
 .datepicker table tr td span.active.disabled:hover.active {
-  background-color: darken(@brand-primary, 10%) \9; //#003399 \9;
+  background-color: darken(@brand-primary, 10%); //#003399 \9;
 }
 .datepicker table tr td span.old {
-  color: @gray-lighter-60;
+  color: @gray-light;
 }
 .datepicker th.switch {
   width: 145px;