annotate onlypaths/theme/css/date-picker.css @ 71:ad52bd1a084b laserkard

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