Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / resources / css / visual / date-picker.css
1 /*!
2  * Ext JS Library 3.2.0
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: #1b376c;
9     background-color:#fff;
10 }
11
12 .x-date-middle,.x-date-left,.x-date-right {
13         background-image: url(../images/default/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/default/toolbar/btn-arrow-light.gif);
24 }
25
26 .x-date-right a {
27     background-image: url(../images/default/shared/right-btn.gif);
28 }
29
30 .x-date-left a{
31         background-image: url(../images/default/shared/left-btn.gif);
32 }
33
34 .x-date-inner th {
35     background-color:#dfecfb;
36     background-image:url(../images/default/shared/glass-bg.gif);
37         border-bottom-color:#a3bad9;
38     font:normal 10px arial, helvetica,tahoma,sans-serif;
39         color:#233d6d;
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-color:#dfecfb;
57         background-image:url(../images/default/shared/glass-bg.gif);
58         border-color:#8db2e3;
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:#a3bad9;
75     background-color:#dfecfb;
76     background-image:url(../images/default/shared/glass-bg.gif);
77 }
78
79 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
80     color:#000;
81     background-color:#ddecfe;
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:#083772;
108         color:#fff;
109         border-color: #3366cc #000055 #000055 #3366cc;
110         font:normal 11px arial, helvetica,tahoma,sans-serif;
111 }
112
113 .x-date-mp-btns {
114     background-color: #dfecfb;
115         background-image: url(../images/default/shared/glass-bg.gif);
116 }
117
118 .x-date-mp-btns td {
119         border-top-color: #c5d2df;
120 }
121
122 td.x-date-mp-month a,td.x-date-mp-year a {
123         color:#15428b;
124 }
125
126 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
127         color:#15428b;
128         background-color: #ddecfe;
129 }
130
131 td.x-date-mp-sel a {
132     background-color: #dfecfb;
133         background-image: url(../images/default/shared/glass-bg.gif);
134         border-color:#8db2e3;
135 }
136
137 .x-date-mp-ybtn a {
138     background-image:url(../images/default/panel/tool-sprites.gif);
139 }
140
141 td.x-date-mp-sep {
142    border-right-color:#c5d2df;
143 }