resources/css/structure/date-picker.css

   1 /*!
   2  * Ext JS Library 3.2.1
   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: 1px solid;
   9     border-top:0 none;
  10         position:relative;
  11 }
  12
  13 .x-date-picker a {
  14     -moz-outline:0 none;
  15     outline:0 none;
  16 }
  17
  18 .x-date-inner, .x-date-inner td, .x-date-inner th{
  19     border-collapse:separate;
  20 }
  21
  22 .x-date-middle,.x-date-left,.x-date-right {
  23         background: repeat-x 0 -83px;
  24         overflow:hidden;
  25 }
  26
  27 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
  28 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
  29 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
  30         background:transparent !important;
  31     vertical-align:middle;
  32 }
  33
  34 .x-date-middle .x-btn-mc em.x-btn-arrow {
  35     background:transparent no-repeat right 0;
  36 }
  37
  38 .x-date-right, .x-date-left {
  39     width:18px;
  40 }
  41
  42 .x-date-right{
  43     text-align:right;
  44 }
  45
  46 .x-date-middle {
  47     padding-top:2px;
  48     padding-bottom:2px;
  49     width:130px; /* FF3 */
  50 }
  51
  52 .x-date-right a, .x-date-left a{
  53     display:block;
  54     width:16px;
  55         height:16px;
  56         background-position: center;
  57         background-repeat: no-repeat;
  58         cursor:pointer;
  59     -moz-opacity: 0.6;
  60     opacity:.6;
  61     filter: alpha(opacity=60);
  62 }
  63
  64 .x-date-right a:hover, .x-date-left a:hover{
  65     -moz-opacity: 1;
  66     opacity:1;
  67     filter: alpha(opacity=100);
  68 }
  69
  70 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
  71     -moz-opacity: 0.6;
  72     opacity:.6;
  73     filter: alpha(opacity=60);
  74 }
  75
  76 .x-date-right a {
  77     margin-right:2px;
  78     text-decoration:none !important;
  79 }
  80
  81 .x-date-left a{
  82     margin-left:2px;
  83     text-decoration:none !important;
  84 }
  85
  86 table.x-date-inner {
  87     width: 100%;
  88     table-layout:fixed;
  89 }
  90
  91 .ext-webkit table.x-date-inner{
  92     /* Fix for webkit browsers */
  93     width: 175px;
  94 }
  95
  96
  97 .x-date-inner th {
  98     width:25px;
  99 }
 100
 101 .x-date-inner th {
 102     background: repeat-x left top;
 103     text-align:right !important;
 104         border-bottom: 1px solid;
 105         cursor:default;
 106     padding:0;
 107     border-collapse:separate;
 108 }
 109
 110 .x-date-inner th span {
 111     display:block;
 112     padding:2px;
 113     padding-right:7px;
 114 }
 115
 116 .x-date-inner td {
 117     border: 1px solid;
 118         text-align:right;
 119     padding:0;
 120 }
 121
 122 .x-date-inner a {
 123     padding:2px 5px;
 124     display:block;
 125         text-decoration:none;
 126     text-align:right;
 127     zoom:1;
 128 }
 129
 130 .x-date-inner .x-date-active{
 131         cursor:pointer;
 132         color:black;
 133 }
 134
 135 .x-date-inner .x-date-selected a{
 136         background: repeat-x left top;
 137         border:1px solid;
 138     padding:1px 4px;
 139 }
 140
 141 .x-date-inner .x-date-today a{
 142         border: 1px solid;
 143     padding:1px 4px;
 144 }
 145
 146 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
 147     text-decoration:none !important;
 148 }
 149
 150 .x-date-bottom {
 151     padding:4px;
 152     border-top: 1px solid;
 153     background: repeat-x left top;
 154 }
 155
 156 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
 157     text-decoration:none !important;
 158 }
 159
 160 .x-item-disabled .x-date-inner a:hover{
 161     background: none;
 162 }
 163
 164 .x-date-inner .x-date-disabled a {
 165         cursor:default;
 166 }
 167
 168 .x-date-menu .x-menu-item {
 169         padding:1px 24px 1px 4px;
 170         white-space: nowrap;
 171 }
 172
 173 .x-date-menu .x-menu-item .x-menu-item-icon {
 174     width:10px;
 175     height:10px;
 176     margin-right:5px;
 177     background-position:center -4px !important;
 178 }
 179
 180 .x-date-mp {
 181         position:absolute;
 182         left:0;
 183         top:0;
 184         display:none;
 185 }
 186
 187 .x-date-mp td {
 188     padding:2px;
 189         font:normal 11px arial, helvetica,tahoma,sans-serif;
 190 }
 191
 192 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
 193     border: 0 none;
 194         text-align:center;
 195         vertical-align: middle;
 196         width:25%;
 197 }
 198
 199 .x-date-mp-ok {
 200         margin-right:3px;
 201 }
 202
 203 .x-date-mp-btns button {
 204         text-decoration:none;
 205         text-align:center;
 206         text-decoration:none !important;
 207         border:1px solid;
 208         padding:1px 3px 1px;
 209         cursor:pointer;
 210 }
 211
 212 .x-date-mp-btns {
 213         background: repeat-x left top;
 214 }
 215
 216 .x-date-mp-btns td {
 217         border-top: 1px solid;
 218     text-align:center;
 219 }
 220
 221 td.x-date-mp-month a,td.x-date-mp-year a {
 222         display:block;
 223         padding:2px 4px;
 224         text-decoration:none;
 225         text-align:center;
 226 }
 227
 228 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
 229         text-decoration:none;
 230         cursor:pointer;
 231 }
 232
 233 td.x-date-mp-sel a {
 234         padding:1px 3px;
 235         background: repeat-x left top;
 236         border:1px solid;
 237 }
 238
 239 .x-date-mp-ybtn a {
 240     overflow:hidden;
 241     width:15px;
 242     height:15px;
 243     cursor:pointer;
 244     background:transparent no-repeat;
 245     display:block;
 246     margin:0 auto;
 247 }
 248
 249 .x-date-mp-ybtn a.x-date-mp-next {
 250     background-position:0 -120px;
 251 }
 252
 253 .x-date-mp-ybtn a.x-date-mp-next:hover {
 254     background-position:-15px -120px;
 255 }
 256
 257 .x-date-mp-ybtn a.x-date-mp-prev {
 258     background-position:0 -105px;
 259 }
 260
 261 .x-date-mp-ybtn a.x-date-mp-prev:hover {
 262     background-position:-15px -105px;
 263 }
 264
 265 .x-date-mp-ybtn {
 266    text-align:center;
 267 }
 268
 269 td.x-date-mp-sep {
 270    border-right:1px solid;
 271 }