xp-dev.com Git - namibia/blob - public/css/vendor/datepicker.css

   1 /*!
   2  * Datepicker for Bootstrap
   3  *
   4  * Copyright 2012 Stefan Petre
   5  * Improvements by Andrew Rowls
   6  * Licensed under the Apache License v2.0
   7  * http://www.apache.org/licenses/LICENSE-2.0
   8  *
   9  */
  10 .datepicker {
  11   padding: 4px;
  12   -webkit-border-radius: 4px;
  13   -moz-border-radius: 4px;
  14   border-radius: 4px;
  15   direction: ltr;
  16   /*.dow {
  17                 border-top: 1px solid #ddd !important;
  18         }*/
  19
  20 }
  21 .datepicker-inline {
  22   width: 220px;
  23 }
  24 .datepicker.datepicker-rtl {
  25   direction: rtl;
  26 }
  27 .datepicker.datepicker-rtl table tr td span {
  28   float: right;
  29 }
  30 .datepicker-dropdown {
  31   top: 0;
  32   left: 0;
  33 }
  34 .datepicker-dropdown:before {
  35   content: '';
  36   display: inline-block;
  37   border-left: 7px solid transparent;
  38   border-right: 7px solid transparent;
  39   border-bottom: 7px solid #ccc;
  40   border-bottom-color: rgba(0, 0, 0, 0.2);
  41   position: absolute;
  42   top: -7px;
  43   left: 6px;
  44 }
  45 .datepicker-dropdown:after {
  46   content: '';
  47   display: inline-block;
  48   border-left: 6px solid transparent;
  49   border-right: 6px solid transparent;
  50   border-bottom: 6px solid #ffffff;
  51   position: absolute;
  52   top: -6px;
  53   left: 7px;
  54 }
  55 .datepicker > div {
  56   display: none;
  57 }
  58 .datepicker.days div.datepicker-days {
  59   display: block;
  60 }
  61 .datepicker.months div.datepicker-months {
  62   display: block;
  63 }
  64 .datepicker.years div.datepicker-years {
  65   display: block;
  66 }
  67 .datepicker table {
  68   margin: 0;
  69 }
  70 .datepicker td,
  71 .datepicker th {
  72   text-align: center;
  73   width: 20px;
  74   height: 20px;
  75   -webkit-border-radius: 4px;
  76   -moz-border-radius: 4px;
  77   border-radius: 4px;
  78   border: none;
  79 }
  80 .table-striped .datepicker table tr td,
  81 .table-striped .datepicker table tr th {
  82   background-color: transparent;
  83 }
  84 .datepicker table tr td.day:hover {
  85   background: #eeeeee;
  86   cursor: pointer;
  87 }
  88 .datepicker table tr td.old,
  89 .datepicker table tr td.new {
  90   color: #999999;
  91 }
  92 .datepicker table tr td.disabled,
  93 .datepicker table tr td.disabled:hover {
  94   background: none;
  95   color: #999999;
  96   cursor: default;
  97 }
  98 .datepicker table tr td.today,
  99 .datepicker table tr td.today:hover,
 100 .datepicker table tr td.today.disabled,
 101 .datepicker table tr td.today.disabled:hover {
 102   background-color: #fde19a;
 103   background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
 104   background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
 105   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
 106   background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
 107   background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
 108   background-image: linear-gradient(top, #fdd49a, #fdf59a);
 109   background-repeat: repeat-x;
 110   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
 111   border-color: #fdf59a #fdf59a #fbed50;
 112   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 113   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 114   color: #000 !important;
 115 }
 116 .datepicker table tr td.today:hover,
 117 .datepicker table tr td.today:hover:hover,
 118 .datepicker table tr td.today.disabled:hover,
 119 .datepicker table tr td.today.disabled:hover:hover,
 120 .datepicker table tr td.today:active,
 121 .datepicker table tr td.today:hover:active,
 122 .datepicker table tr td.today.disabled:active,
 123 .datepicker table tr td.today.disabled:hover:active,
 124 .datepicker table tr td.today.active,
 125 .datepicker table tr td.today:hover.active,
 126 .datepicker table tr td.today.disabled.active,
 127 .datepicker table tr td.today.disabled:hover.active,
 128 .datepicker table tr td.today.disabled,
 129 .datepicker table tr td.today:hover.disabled,
 130 .datepicker table tr td.today.disabled.disabled,
 131 .datepicker table tr td.today.disabled:hover.disabled,
 132 .datepicker table tr td.today[disabled],
 133 .datepicker table tr td.today:hover[disabled],
 134 .datepicker table tr td.today.disabled[disabled],
 135 .datepicker table tr td.today.disabled:hover[disabled] {
 136   background-color: #fdf59a;
 137 }
 138 .datepicker table tr td.today:active,
 139 .datepicker table tr td.today:hover:active,
 140 .datepicker table tr td.today.disabled:active,
 141 .datepicker table tr td.today.disabled:hover:active,
 142 .datepicker table tr td.today.active,
 143 .datepicker table tr td.today:hover.active,
 144 .datepicker table tr td.today.disabled.active,
 145 .datepicker table tr td.today.disabled:hover.active {
 146   background-color: #fbf069 \9;
 147 }
 148 .datepicker table tr td.active,
 149 .datepicker table tr td.active:hover,
 150 .datepicker table tr td.active.disabled,
 151 .datepicker table tr td.active.disabled:hover {
 152   background-color: #006dcc;
 153   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
 154   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
 155   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
 156   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
 157   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 158   background-image: linear-gradient(top, #0088cc, #0044cc);
 159   background-repeat: repeat-x;
 160   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
 161   border-color: #0044cc #0044cc #002a80;
 162   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 163   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 164   color: #fff;
 165   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 166 }
 167 .datepicker table tr td.active:hover,
 168 .datepicker table tr td.active:hover:hover,
 169 .datepicker table tr td.active.disabled:hover,
 170 .datepicker table tr td.active.disabled:hover:hover,
 171 .datepicker table tr td.active:active,
 172 .datepicker table tr td.active:hover:active,
 173 .datepicker table tr td.active.disabled:active,
 174 .datepicker table tr td.active.disabled:hover:active,
 175 .datepicker table tr td.active.active,
 176 .datepicker table tr td.active:hover.active,
 177 .datepicker table tr td.active.disabled.active,
 178 .datepicker table tr td.active.disabled:hover.active,
 179 .datepicker table tr td.active.disabled,
 180 .datepicker table tr td.active:hover.disabled,
 181 .datepicker table tr td.active.disabled.disabled,
 182 .datepicker table tr td.active.disabled:hover.disabled,
 183 .datepicker table tr td.active[disabled],
 184 .datepicker table tr td.active:hover[disabled],
 185 .datepicker table tr td.active.disabled[disabled],
 186 .datepicker table tr td.active.disabled:hover[disabled] {
 187   background-color: #0044cc;
 188 }
 189 .datepicker table tr td.active:active,
 190 .datepicker table tr td.active:hover:active,
 191 .datepicker table tr td.active.disabled:active,
 192 .datepicker table tr td.active.disabled:hover:active,
 193 .datepicker table tr td.active.active,
 194 .datepicker table tr td.active:hover.active,
 195 .datepicker table tr td.active.disabled.active,
 196 .datepicker table tr td.active.disabled:hover.active {
 197   background-color: #003399 \9;
 198 }
 199 .datepicker table tr td span {
 200   display: block;
 201   width: 23%;
 202   height: 54px;
 203   line-height: 54px;
 204   float: left;
 205   margin: 1%;
 206   cursor: pointer;
 207   -webkit-border-radius: 4px;
 208   -moz-border-radius: 4px;
 209   border-radius: 4px;
 210 }
 211 .datepicker table tr td span:hover {
 212   background: #eeeeee;
 213 }
 214 .datepicker table tr td span.disabled,
 215 .datepicker table tr td span.disabled:hover {
 216   background: none;
 217   color: #999999;
 218   cursor: default;
 219 }
 220 .datepicker table tr td span.active,
 221 .datepicker table tr td span.active:hover,
 222 .datepicker table tr td span.active.disabled,
 223 .datepicker table tr td span.active.disabled:hover {
 224   background-color: #006dcc;
 225   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
 226   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
 227   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
 228   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
 229   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 230   background-image: linear-gradient(top, #0088cc, #0044cc);
 231   background-repeat: repeat-x;
 232   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
 233   border-color: #0044cc #0044cc #002a80;
 234   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 235   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 236   color: #fff;
 237   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 238 }
 239 .datepicker table tr td span.active:hover,
 240 .datepicker table tr td span.active:hover:hover,
 241 .datepicker table tr td span.active.disabled:hover,
 242 .datepicker table tr td span.active.disabled:hover:hover,
 243 .datepicker table tr td span.active:active,
 244 .datepicker table tr td span.active:hover:active,
 245 .datepicker table tr td span.active.disabled:active,
 246 .datepicker table tr td span.active.disabled:hover:active,
 247 .datepicker table tr td span.active.active,
 248 .datepicker table tr td span.active:hover.active,
 249 .datepicker table tr td span.active.disabled.active,
 250 .datepicker table tr td span.active.disabled:hover.active,
 251 .datepicker table tr td span.active.disabled,
 252 .datepicker table tr td span.active:hover.disabled,
 253 .datepicker table tr td span.active.disabled.disabled,
 254 .datepicker table tr td span.active.disabled:hover.disabled,
 255 .datepicker table tr td span.active[disabled],
 256 .datepicker table tr td span.active:hover[disabled],
 257 .datepicker table tr td span.active.disabled[disabled],
 258 .datepicker table tr td span.active.disabled:hover[disabled] {
 259   background-color: #0044cc;
 260 }
 261 .datepicker table tr td span.active:active,
 262 .datepicker table tr td span.active:hover:active,
 263 .datepicker table tr td span.active.disabled:active,
 264 .datepicker table tr td span.active.disabled:hover:active,
 265 .datepicker table tr td span.active.active,
 266 .datepicker table tr td span.active:hover.active,
 267 .datepicker table tr td span.active.disabled.active,
 268 .datepicker table tr td span.active.disabled:hover.active {
 269   background-color: #003399 \9;
 270 }
 271 .datepicker table tr td span.old {
 272   color: #999999;
 273 }
 274 .datepicker th.switch {
 275   width: 145px;
 276 }
 277 .datepicker thead tr:first-child th,
 278 .datepicker tfoot tr:first-child th {
 279   cursor: pointer;
 280 }
 281 .datepicker thead tr:first-child th:hover,
 282 .datepicker tfoot tr:first-child th:hover {
 283   background: #eeeeee;
 284 }
 285 .datepicker .cw {
 286   font-size: 10px;
 287   width: 12px;
 288   padding: 0 2px 0 5px;
 289   vertical-align: middle;
 290 }
 291 .datepicker thead tr:first-child th.cw {
 292   cursor: default;
 293   background-color: transparent;
 294 }
 295 .input-append.date .add-on i,
 296 .input-prepend.date .add-on i {
 297   display: block;
 298   cursor: pointer;
 299   width: 16px;
 300   height: 16px;
 301 }