date-picker.css 5.4 KB

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