git.roojs.org Git - roojs1/blob - css/date.css

   1 /*** DATE AND COLOR PICKER **/
   2
   3
   4
   5 /* ------------------- DATE --------------------- */
   6 x-date
   7 {
   8         background: white;
   9         padding:2px;
  10         border: 1px solid gray;
  11         z-index:12001;
  12         -moz-outline:none;
  13         position:absolute;
  14         display:none;
  15         top:0;
  16         left:0;
  17 }
  18 .x-date-shadow {
  19         background: #dddddd;
  20         filter: progid:DXImageTransform.Microsoft.Blur(MakeShadow=true,pixelradius=1) Alpha(opacity=35,style=1,startX=0,finishX=200,FinishOpacity=35);
  21         padding: 0;
  22         position:absolute;
  23         z-index:12000;
  24         display:none;
  25         top:0;
  26         left:0;
  27 }
  28 .x-date-head{
  29         width:150px;
  30         background: #93b5e4;
  31 }
  32 .x-date-head td{
  33         padding:1px;
  34 }
  35 .x-date-month{
  36         color: white;
  37         font: bold 7pt verdana;
  38         text-decoration: none;
  39         text-align:center;
  40 }
  41 .x-date-head .x-date-arrow{
  42         width:16px;
  43         text-align:center;
  44         cursor:pointer;
  45         -moz-user-select: none;
  46 }
  47
  48
  49 .x-date-picker {
  50         background: #ccc;
  51     width: 190px;
  52         /* border-bottom: 1px solid #cccccc; */
  53 }
  54 .x-date-picker tr{
  55
  56 }
  57 .x-date-picker td{
  58         /*
  59     box-sizing: border-box;
  60         -moz-box-sizing: border-box;
  61         border: 1px solid white;
  62         */
  63         color:#aaaaaa;
  64         cursor:pointer;
  65         font:normal 8pt arial;
  66         /*
  67         padding:1px 2px; */
  68         /* width:12px;
  69         height:12px;
  70     */
  71
  72 }
  73
  74 td.x-date-middle
  75 {
  76     background: url(../images/default/basic-dialog/hd-sprite.gif);
  77 }
  78 td.x-date-middle td
  79 {
  80     background: none;
  81     color: #000;
  82     font-weight: bold;
  83 }
  84 td.x-date-right ,
  85 td.x-date-left
  86 {
  87     background: url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0 0;
  88     text-align: center;
  89     width: 18px;
  90 }
  91
  92 td.x-date-right a {
  93         /* width:16px; */
  94         background: url(../images/default/grid/arrow-right-white.gif) no-repeat 8px center;
  95         cursor:pointer;
  96     text-decoration: none;
  97     width: 18px;
  98     height: 18px;
  99         display: block;
 100
 101 }
 102 td.x-date-left a {
 103         /* width:16px; */
 104         background: url(../images/default/grid/arrow-left-white.gif)  no-repeat 8px center;
 105         cursor:pointer;
 106     text-decoration: none;
 107     width: 18px;
 108     height: 18px;
 109         display: block;
 110 }
 111 .x-date-inner {
 112     background-color: white;
 113     /* width: 100%; */
 114     position: relative;
 115     text-align: center;
 116     display: block;
 117     overflow:hidden;
 118     border-collapse:separate;
 119
 120 }
 121 table.x-date-inner {
 122     table-layout:fixed;
 123     width: 100%;
 124 }
 125
 126
 127 .x-date-inner td  a{
 128     width:26px;
 129     height:26px;
 130     border-collapse:separate;
 131     display: block;
 132 }
 133 .x-date-mp a,
 134 .x-date-inner a
 135 {
 136     text-decoration: none;
 137     font-weight: bold;
 138     color: #000;
 139 }
 140
 141 .x-date-picker td.x-date-today {
 142         border: 1px solid darkred;
 143 }
 144 .x-date-picker .x-date-inner th{
 145         text-align:center !important;
 146         border:0;
 147         border-bottom: 1px solid #cccccc;
 148         font-size: 8pt;
 149         font-weight: normal;
 150         text-align:right;
 151         color:black;
 152         cursor:default;
 153 }
 154 .x-date-picker td.active{
 155         cursor:pointer;
 156         color:black;
 157 }
 158 .x-date-picker td.x-date-disabled{
 159         cursor:default;
 160         background:#eeeeee;
 161         border: 1px solid #eeeeee;
 162         color:#bbbbbb;
 163 }
 164
 165 .x-date-mp td.x-date-mp-sel,
 166
 167 .x-date-picker td.x-date-selected{
 168         background: #ddecfe;
 169         border: 1px solid #c3daf9;
 170 }
 171 .x-date-today{
 172         color: black;
 173         cursor: hand;
 174         /* display: inline-block; */
 175         font: normal 8pt arial;
 176         /* margin-left: 2px;  */
 177         text-decoration: none;
 178
 179         /* margin-top:2px; */
 180 }
 181
 182
 183 .x-date-prevday,
 184 .x-date-nextday {
 185     background-color: #eee;
 186 }
 187 /* the month/year pulldown */
 188 .x-date-mp {
 189     background-color: #ccc;
 190
 191     display: none;
 192     position: absolute;
 193     top: 0;
 194     left: 0;
 195
 196 }
 197 .x-date-mp table {
 198    text-align: center;
 199     background-color: #fff;
 200
 201 }
 202 .x-date-picker td.x-date-middle td.x-btn-center button {
 203     color: white;
 204 }
 205 .x-date-bottom .ytb-spacer
 206 {
 207     display:none;
 208    }
 209
 210
 211 /* ------------------- COLOR PICKER --------------------- */
 212
 213
 214 .x-menu-plain .x-color-palette,
 215 .x-menu-plain .x-date-picker
 216 {
 217     border: none;
 218     margin : 0px;
 219 }
 220
 221
 222 .x-menu .x-color-palette,
 223 .x-menu .x-date-picker
 224 {
 225     margin-left: 32px;
 226     margin-right: 4px;
 227
 228 }
 229 .x-color-palette
 230 {
 231     pointer: pointer;
 232     width: 150px;
 233     height: 92px;
 234 }
 235
 236 .x-color-palette a
 237 {
 238     border: 1px solid white;
 239     pointer: pointer;
 240     float: left;
 241     padding: 2px;
 242     text-decoration: none;
 243     outline: white none 0;
 244 }
 245
 246 .x-color-palette em span
 247 {
 248     pointer: pointer;
 249     display: block;
 250     width: 10px;
 251     height: 10px;
 252     line-height: 10px;
 253
 254 }
 255 .x-color-palette em
 256 {
 257
 258     display: block;
 259     border: 1pt solid black;
 260 }
 261