fix css inheritance bug for inline version

vitalets · vitalets · commit 85c782924e1f · 2012-11-16T11:23:26.000+04:00
diff --git a/css/datepicker.css b/css/datepicker.css
@@ -72,9 +72,12 @@
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
+  /* vitalets: required to disable css inheritance when display inline inside table */
+  border: none !important; 
+  background-color: transparent !important; 
 }
 .datepicker td.day:hover {
-  background: #eeeeee;
+  background: #eeeeee !important; /* disable inheritance for inline */
   cursor: pointer;
 }
 .datepicker td.old,
@@ -91,7 +94,7 @@
 .datepicker td.today:hover,
 .datepicker td.today.disabled,
 .datepicker td.today.disabled:hover {
-  background-color: #fde19a;
+  background-color: #fde19a !important;  /* disable inheritance for inline */
   background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
   background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
@@ -124,7 +127,7 @@
 .datepicker td.today:hover[disabled],
 .datepicker td.today.disabled[disabled],
 .datepicker td.today.disabled:hover[disabled] {
-  background-color: #fdf59a;
+  background-color: #fdf59a !important;  /* disable inheritance for inline */
 }
 .datepicker td.today:active,
 .datepicker td.today:hover:active,
@@ -140,7 +143,7 @@
 .datepicker td.active:hover,
 .datepicker td.active.disabled,
 .datepicker td.active.disabled:hover {
-  background-color: #006dcc;
+  background-color: #006dcc !important;  /* disable inheritance for inline */
   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
