resources/css/structure/date-picker.css

   1 /*!
   2  * Ext JS Library 3.0.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   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 .x-date-inner th {
  92     width:25px;
  93 }
  94
  95 .x-date-inner th {
  96     background: repeat-x left top;
  97     text-align:right !important;
  98         border-bottom: 1px solid;
  99         cursor:default;
 100     padding:0;
 101     border-collapse:separate;
 102 }
 103
 104 .x-date-inner th span {
 105     display:block;
 106     padding:2px;
 107     padding-right:7px;
 108 }
 109
 110 .x-date-inner td {
 111     border: 1px solid;
 112         text-align:right;
 113     padding:0;
 114 }
 115
 116 .x-date-inner a {
 117     padding:2px 5px;
 118     display:block;
 119         text-decoration:none;
 120     text-align:right;
 121     zoom:1;
 122 }
 123
 124 .x-date-inner .x-date-active{
 125         cursor:pointer;
 126         color:black;
 127 }
 128
 129 .x-date-inner .x-date-selected a{
 130         background: repeat-x left top;
 131         border:1px solid;
 132     padding:1px 4px;
 133 }
 134
 135 .x-date-inner .x-date-today a{
 136         border: 1px solid;
 137     padding:1px 4px;
 138 }
 139
 140 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
 141     text-decoration:none !important;
 142 }
 143
 144 .x-date-bottom {
 145     padding:4px;
 146     border-top: 1px solid;
 147     background: repeat-x left top;
 148 }
 149
 150 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
 151     text-decoration:none !important;
 152 }
 153
 154 .x-item-disabled .x-date-inner a:hover{
 155     background: none;
 156 }
 157
 158 .x-date-inner .x-date-disabled a {
 159         cursor:default;
 160 }
 161
 162 .x-date-menu .x-menu-item {
 163         padding:1px 24px 1px 4px;
 164         white-space: nowrap;
 165 }
 166
 167 .x-date-menu .x-menu-item .x-menu-item-icon {
 168     width:10px;
 169     height:10px;
 170     margin-right:5px;
 171     background-position:center -4px !important;
 172 }
 173
 174 .x-date-mp {
 175         position:absolute;
 176         left:0;
 177         top:0;
 178         display:none;
 179 }
 180
 181 .x-date-mp td {
 182     padding:2px;
 183         font:normal 11px arial, helvetica,tahoma,sans-serif;
 184 }
 185
 186 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
 187     border: 0 none;
 188         text-align:center;
 189         vertical-align: middle;
 190         width:25%;
 191 }
 192
 193 .x-date-mp-ok {
 194         margin-right:3px;
 195 }
 196
 197 .x-date-mp-btns button {
 198         text-decoration:none;
 199         text-align:center;
 200         text-decoration:none !important;
 201         border:1px solid;
 202         padding:1px 3px 1px;
 203         cursor:pointer;
 204 }
 205
 206 .x-date-mp-btns {
 207         background: repeat-x left top;
 208 }
 209
 210 .x-date-mp-btns td {
 211         border-top: 1px solid;
 212     text-align:center;
 213 }
 214
 215 td.x-date-mp-month a,td.x-date-mp-year a {
 216         display:block;
 217         padding:2px 4px;
 218         text-decoration:none;
 219         text-align:center;
 220 }
 221
 222 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
 223         text-decoration:none;
 224         cursor:pointer;
 225 }
 226
 227 td.x-date-mp-sel a {
 228         padding:1px 3px;
 229         background: repeat-x left top;
 230         border:1px solid;
 231 }
 232
 233 .x-date-mp-ybtn a {
 234     overflow:hidden;
 235     width:15px;
 236     height:15px;
 237     cursor:pointer;
 238     background:transparent no-repeat;
 239     display:block;
 240     margin:0 auto;
 241 }
 242
 243 .x-date-mp-ybtn a.x-date-mp-next {
 244     background-position:0 -120px;
 245 }
 246
 247 .x-date-mp-ybtn a.x-date-mp-next:hover {
 248     background-position:-15px -120px;
 249 }
 250
 251 .x-date-mp-ybtn a.x-date-mp-prev {
 252     background-position:0 -105px;
 253 }
 254
 255 .x-date-mp-ybtn a.x-date-mp-prev:hover {
 256     background-position:-15px -105px;
 257 }
 258
 259 .x-date-mp-ybtn {
 260    text-align:center;
 261 }
 262
 263 td.x-date-mp-sep {
 264    border-right:1px solid;
 265 }