resources/css/theme-gray/date-picker.css

   1 /*!
   2  * Ext JS Library 3.2.2
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-date-picker {
   8     border-color:#585858;
   9     background-color:#fff;
  10 }
  11
  12 .x-date-middle,.x-date-left,.x-date-right {
  13         background-image: url(../images/gray/shared/hd-sprite.gif);
  14         color:#fff;
  15         font:bold 11px "sans serif", tahoma, verdana, helvetica;
  16 }
  17
  18 .x-date-middle .x-btn .x-btn-text {
  19     color:#fff;
  20 }
  21
  22 .x-date-middle .x-btn-mc em.x-btn-arrow {
  23     background-image:url(../images/gray/toolbar/btn-arrow-light.gif);
  24 }
  25
  26 .x-date-right a {
  27     background-image: url(../images/gray/shared/right-btn.gif);
  28 }
  29
  30 .x-date-left a{
  31         background-image: url(../images/gray/shared/left-btn.gif);
  32 }
  33
  34 .x-date-inner th {
  35     background-color:#D8D8D8;
  36     background-image: url(../images/gray/panel/white-top-bottom.gif);
  37         border-bottom-color:#AFAFAF;
  38     font:normal 10px arial, helvetica,tahoma,sans-serif;
  39         color:#595959;
  40 }
  41
  42 .x-date-inner td {
  43     border-color:#fff;
  44 }
  45
  46 .x-date-inner a {
  47     font:normal 11px arial, helvetica,tahoma,sans-serif;
  48     color:#000;
  49 }
  50
  51 .x-date-inner .x-date-active{
  52         color:#000;
  53 }
  54
  55 .x-date-inner .x-date-selected a{
  56     background-image: none;
  57     background-color:#D8D8D8;
  58         border-color:#DCDCDC;
  59 }
  60
  61 .x-date-inner .x-date-today a{
  62         border-color:darkred;
  63 }
  64
  65 .x-date-inner .x-date-selected span{
  66     font-weight:bold;
  67 }
  68
  69 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
  70         color:#aaa;
  71 }
  72
  73 .x-date-bottom {
  74     border-top-color:#AFAFAF;
  75     background-color:#D8D8D8;
  76     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
  77 }
  78
  79 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
  80     color:#000;
  81     background-color:#D8D8D8;
  82 }
  83
  84 .x-date-inner .x-date-disabled a {
  85         background-color:#eee;
  86         color:#bbb;
  87 }
  88
  89 .x-date-mmenu{
  90     background-color:#eee !important;
  91 }
  92
  93 .x-date-mmenu .x-menu-item {
  94         font-size:10px;
  95         color:#000;
  96 }
  97
  98 .x-date-mp {
  99         background-color:#fff;
 100 }
 101
 102 .x-date-mp td {
 103         font:normal 11px arial, helvetica,tahoma,sans-serif;
 104 }
 105
 106 .x-date-mp-btns button {
 107         background-color:#4E565F;
 108         color:#fff;
 109         border-color:#C0C0C0 #434343 #434343 #C0C0C0;
 110         font:normal 11px arial, helvetica,tahoma,sans-serif;
 111 }
 112
 113 .x-date-mp-btns {
 114     background-color:#D8D8D8;
 115     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
 116 }
 117
 118 .x-date-mp-btns td {
 119         border-top-color:#AFAFAF;
 120 }
 121
 122 td.x-date-mp-month a,td.x-date-mp-year a {
 123         color: #333;
 124 }
 125
 126 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
 127         color:#333;
 128         background-color:#FDFDFD;
 129 }
 130
 131 td.x-date-mp-sel a {
 132     background-color:#D8D8D8;
 133     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
 134         border-color:#DCDCDC;
 135 }
 136
 137 .x-date-mp-ybtn a {
 138     background-image:url(../images/gray/panel/tool-sprites.gif);
 139 }
 140
 141 td.x-date-mp-sep {
 142    border-right-color:#D7D7D7;
 143 }