resources/css/date-picker.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 .x-date-picker {\r
  10     border: 1px solid #1b376c;\r
  11     border-top:0 none;\r
  12     background:#fff;\r
  13         position:relative;\r
  14 }\r
  15 .x-date-picker a {\r
  16     -moz-outline:0 none;\r
  17     outline:0 none;\r
  18 }\r
  19 .x-date-inner, .x-date-inner td, .x-date-inner th{\r
  20     border-collapse:separate;\r
  21 }\r
  22 .x-date-middle,.x-date-left,.x-date-right {\r
  23         background: url(../images/default/shared/hd-sprite.gif) repeat-x 0 -83px;\r
  24         color:#FFF;\r
  25         font:bold 11px "sans serif", tahoma, verdana, helvetica;\r
  26         overflow:hidden;\r
  27 }\r
  28 \r
  29 .x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{\r
  30         background:transparent !important;\r
  31     vertical-align:middle;\r
  32 }\r
  33 .x-date-middle .x-btn .x-btn-text {\r
  34     color:#fff;\r
  35 }\r
  36 .x-date-middle .x-btn-with-menu  .x-btn-center em {\r
  37     background:transparent url(../images/default/toolbar/btn-arrow-light.gif) no-repeat right 0;\r
  38 }\r
  39 .x-date-right, .x-date-left {\r
  40     width:18px;\r
  41 }\r
  42 .x-date-right{\r
  43     text-align:right;\r
  44 }\r
  45 .x-date-middle {\r
  46     padding-top:2px;padding-bottom:2px;\r
  47     width:130px; /* FF3 */\r
  48 }\r
  49 .x-date-right a, .x-date-left a{\r
  50     display:block;\r
  51     width:16px;\r
  52         height:16px;\r
  53         background-position: center;\r
  54         background-repeat: no-repeat;\r
  55         cursor:pointer;\r
  56     -moz-opacity: 0.6;\r
  57     opacity:.6;\r
  58     filter: alpha(opacity=60);\r
  59 }\r
  60 .x-date-right a:hover, .x-date-left a:hover{\r
  61     -moz-opacity: 1;\r
  62     opacity:1;\r
  63     filter: alpha(opacity=100);\r
  64 }\r
  65 .x-date-right a {\r
  66     background-image: url(../images/default/shared/right-btn.gif);\r
  67     margin-right:2px;\r
  68     text-decoration:none !important;\r
  69 }\r
  70 .x-date-left a{\r
  71         background-image: url(../images/default/shared/left-btn.gif);\r
  72     margin-left:2px;\r
  73     text-decoration:none !important;\r
  74 }\r
  75 table.x-date-inner {\r
  76     width:100%;\r
  77     table-layout:fixed;\r
  78 }\r
  79 .x-date-inner th {\r
  80     width:25px;\r
  81 }\r
  82 .x-date-inner th {\r
  83     background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;\r
  84     text-align:right !important;\r
  85         border-bottom: 1px solid #a3bad9;\r
  86     font:normal 10px arial, helvetica,tahoma,sans-serif;\r
  87         color:#233d6d;\r
  88         cursor:default;\r
  89     padding:0;\r
  90     border-collapse:separate;\r
  91 }\r
  92 .x-date-inner th span {\r
  93     display:block;\r
  94     padding:2px;\r
  95     padding-right:7px;\r
  96 }\r
  97 .x-date-inner td {\r
  98     border: 1px solid #fff;\r
  99         text-align:right;\r
 100     padding:0;\r
 101 }\r
 102 .x-date-inner a {\r
 103     padding:2px 5px;\r
 104     display:block;\r
 105     font:normal 11px arial, helvetica,tahoma,sans-serif;\r
 106         text-decoration:none;\r
 107     color:black;\r
 108     text-align:right;\r
 109     zoom:1;\r
 110 }\r
 111 .x-date-inner .x-date-active{\r
 112         cursor:pointer;\r
 113         color:black;\r
 114 }\r
 115 .x-date-inner .x-date-selected a{\r
 116         background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;\r
 117         border:1px solid #8db2e3;\r
 118    padding:1px 4px;\r
 119 }\r
 120 .x-date-inner .x-date-today a{\r
 121         border: 1px solid darkred;\r
 122     padding:1px 4px;\r
 123 }\r
 124 .x-date-inner .x-date-selected span{\r
 125     font-weight:bold;\r
 126 }\r
 127 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {\r
 128         color:#aaaaaa;\r
 129     text-decoration:none !important;\r
 130 }\r
 131 .x-date-bottom {\r
 132     padding:4px;\r
 133     border-top: 1px solid #a3bad9;\r
 134     background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;\r
 135 }\r
 136 \r
 137 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{\r
 138     text-decoration:none !important;\r
 139     color:black;\r
 140     background: #ddecfe;\r
 141 }\r
 142 \r
 143 .x-date-inner .x-date-disabled a {\r
 144         cursor:default;\r
 145         background:#eeeeee;\r
 146         color:#bbbbbb;\r
 147 }\r
 148 .x-date-mmenu{\r
 149     background:#eeeeee !important;\r
 150 }\r
 151 .x-date-mmenu .x-menu-item {\r
 152         font-size:10px;\r
 153         padding:1px 24px 1px 4px;\r
 154         white-space: nowrap;\r
 155         color:#000;\r
 156 }\r
 157 .x-date-mmenu .x-menu-item .x-menu-item-icon {\r
 158     width:10px;height:10px;margin-right:5px;\r
 159     background-position:center -4px !important;\r
 160 }\r
 161 \r
 162 .x-date-mp {\r
 163         position:absolute;\r
 164         left:0;\r
 165         top:0;\r
 166         background:white;\r
 167         display:none;\r
 168 }\r
 169 .x-date-mp td {\r
 170     padding:2px;\r
 171         font:normal 11px arial, helvetica,tahoma,sans-serif;\r
 172 }\r
 173 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {\r
 174    border: 0 none;\r
 175         text-align:center;\r
 176         vertical-align: middle;\r
 177         width:25%;\r
 178 }\r
 179 .x-date-mp-ok {\r
 180         margin-right:3px;\r
 181 }\r
 182 .x-date-mp-btns button {\r
 183         text-decoration:none;\r
 184         text-align:center;\r
 185         text-decoration:none !important;\r
 186         background:#083772;\r
 187         color:white;\r
 188         border:1px solid;\r
 189         border-color: #3366cc #000055 #000055 #3366cc;\r
 190         padding:1px 3px 1px;\r
 191         font:normal 11px arial, helvetica,tahoma,sans-serif;\r
 192         cursor:pointer;\r
 193 }\r
 194 .x-date-mp-btns {\r
 195         background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;\r
 196 }\r
 197 .x-date-mp-btns td {\r
 198         border-top: 1px solid #c5d2df;\r
 199    text-align:center;\r
 200 }\r
 201 td.x-date-mp-month a,td.x-date-mp-year a {\r
 202         display:block;\r
 203         padding:2px 4px;\r
 204         text-decoration:none;\r
 205         text-align:center;\r
 206         color:#15428b;\r
 207 }\r
 208 \r
 209 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {\r
 210         color:#15428b;\r
 211         text-decoration:none;\r
 212         cursor:pointer;\r
 213         background: #ddecfe;\r
 214 }\r
 215 \r
 216 td.x-date-mp-sel a {\r
 217         padding:1px 3px;\r
 218         background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;\r
 219         border:1px solid #8db2e3;\r
 220 }\r
 221 .x-date-mp-ybtn a {\r
 222     overflow:hidden;\r
 223     width:15px;\r
 224     height:15px;\r
 225     cursor:pointer;\r
 226     background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;\r
 227     display:block;\r
 228     margin:0 auto;\r
 229 }\r
 230 .x-date-mp-ybtn a.x-date-mp-next {\r
 231     background-position:0 -120px;\r
 232 }\r
 233 .x-date-mp-ybtn a.x-date-mp-next:hover {\r
 234     background-position:-15px -120px;\r
 235 }\r
 236 .x-date-mp-ybtn a.x-date-mp-prev {\r
 237     background-position:0 -105px;\r
 238 }\r
 239 .x-date-mp-ybtn a.x-date-mp-prev:hover {\r
 240     background-position:-15px -105px;\r
 241 }\r
 242 .x-date-mp-ybtn {\r
 243    text-align:center;\r
 244 }\r
 245 td.x-date-mp-sep {\r
 246    border-right:1px solid #c5d2df;\r
 247 }