include/javascript/yui/build/calendar/assets/calendar.css

   1 /*
   2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 2.9.0
   6 */
   7 .yui-calcontainer {
   8         position:relative;
   9         padding:5px;
  10         background-color:#F7F9FB;
  11         border:1px solid #7B9EBD;
  12         float:left;
  13         _overflow:hidden; /* IE6 only, to clip iframe shim */
  14 }
  15
  16 .yui-calcontainer iframe {
  17         position:absolute;
  18         border:none;
  19         margin:0;padding:0;
  20         z-index:0;
  21         width:100%;
  22         height:100%;
  23         left:0px;
  24         top:0px;
  25 }
  26
  27 /* IE6 only */
  28 .yui-calcontainer iframe.fixedsize {
  29         width:50em;
  30         height:50em;
  31         top:-1px;
  32         left:-1px;
  33 }
  34
  35 .yui-calcontainer.multi {
  36         padding:0;
  37 }
  38
  39 .yui-calcontainer.multi .groupcal {
  40         padding:5px;
  41         background-color:transparent;
  42         z-index:1;
  43         float:left;
  44         position:relative;
  45         border:none;
  46 }
  47
  48 .yui-calcontainer .title {
  49         font:100% sans-serif;
  50         color:#000;
  51         font-weight:bold;
  52         margin-bottom:5px;
  53         height:25px;
  54         position:absolute;
  55         top:3px;left:5px;
  56         z-index:1;
  57 }
  58
  59 .yui-calcontainer .close-icon {
  60         position:absolute;
  61         overflow:hidden;
  62         text-indent:-10000em;
  63         right:3px;
  64         top:3px;
  65         border:none;
  66         z-index:1;
  67 }
  68
  69 .yui-calcontainer .calclose {
  70         background: url("calx.gif") no-repeat;
  71         width:17px;
  72         height:13px;
  73         cursor:pointer;
  74 }
  75
  76 /* Calendar element styles */
  77
  78 .yui-calendar {
  79         font:100% sans-serif;
  80         text-align:center;
  81         border-spacing:0;
  82         border-collapse:separate;
  83         position:relative;
  84 }
  85
  86 .yui-calcontainer.withtitle {
  87         padding-top:1.5em;
  88 }
  89
  90 .yui-calendar .calnavleft {
  91         position:absolute;
  92         overflow:hidden;
  93         text-indent:-10000em;
  94         cursor:pointer;
  95         top:2px;
  96         bottom:0;
  97         width:9px;
  98         height:12px;
  99         left:2px;
 100         z-index:1;
 101         background: url("callt.gif") no-repeat;
 102 }
 103
 104 .yui-calendar .calnavright {
 105         position:absolute;
 106         overflow:hidden;
 107         text-indent:-10000em;
 108         cursor:pointer;
 109         top:2px;
 110         bottom:0;
 111         width:9px;
 112         height:12px;
 113         right:2px;
 114         z-index:1;
 115         background: url("calrt.gif") no-repeat;
 116 }
 117
 118 .yui-calendar td.calcell {
 119         padding:.1em .2em;
 120         border:1px solid #E0E0E0;
 121         text-align:center;
 122 }
 123
 124 .yui-calendar td.calcell a {
 125         color:#003DB8;
 126         text-decoration:none;
 127 }
 128
 129 .yui-calendar td.calcell.today {
 130         border:1px solid #000;
 131 }
 132
 133 .yui-calendar td.calcell.oom {
 134         cursor:default;
 135         color:#999;
 136         background-color:#EEE;
 137         border:1px solid #E0E0E0;
 138 }
 139
 140 .yui-calendar td.calcell.selected {
 141         color:#003DB8;
 142         background-color:#FFF19F;
 143         border:1px solid #FF9900;
 144 }
 145
 146 .yui-calendar td.calcell.calcellhover {
 147         cursor:pointer;
 148         color:#FFF;
 149         background-color:#FF9900;
 150         border:1px solid #FF9900;
 151 }
 152
 153 .yui-calendar td.calcell.calcellhover a {
 154         color:#FFF;
 155 }
 156
 157 .yui-calendar td.calcell.restricted {
 158         text-decoration:line-through;
 159 }
 160
 161 .yui-calendar td.calcell.previous {
 162         color:#CCC;
 163 }
 164
 165 .yui-calendar td.calcell.highlight1 { background-color:#CCFF99; }
 166 .yui-calendar td.calcell.highlight2 { background-color:#99CCFF; }
 167 .yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; }
 168 .yui-calendar td.calcell.highlight4 { background-color:#CCFF99; }
 169
 170 .yui-calendar .calhead {
 171         border:1px solid #E0E0E0;
 172         vertical-align:middle;
 173         background-color:#FFF;
 174 }
 175
 176 .yui-calendar .calheader {
 177         position:relative;
 178         width:100%;
 179         text-align:center;
 180 }
 181
 182 .yui-calendar .calheader img {
 183         border:none;
 184 }
 185
 186 .yui-calendar .calweekdaycell {
 187         color:#666;
 188         font-weight:normal;
 189         text-align:center;
 190         width:1.5em;
 191 }
 192
 193 .yui-calendar .calfoot {
 194         background-color:#EEE;
 195 }
 196
 197 .yui-calendar .calrowhead, .yui-calendar .calrowfoot {
 198         color:#666;
 199         font-size:9px;
 200         font-style:italic;
 201         font-weight:normal;
 202         width:15px;
 203 }
 204
 205 .yui-calendar .calrowhead {
 206         border-right-width:2px;
 207 }
 208
 209 /* CalendarNavigator */
 210 .yui-calendar a.calnav {
 211         _position:relative;
 212         padding-left:2px;
 213         padding-right:2px;
 214         text-decoration:none;
 215         color:#000;
 216 }
 217
 218 .yui-calendar a.calnav:hover {
 219         border:1px solid #003366;
 220         background-color:#6699cc;
 221         background: url(calgrad.png) repeat-x;
 222         color:#fff;
 223         cursor:pointer;
 224 }
 225
 226 .yui-calcontainer .yui-cal-nav-mask {
 227         position:absolute;
 228         z-index:2;
 229         display:none;
 230
 231         margin:0;
 232         padding:0;
 233
 234         left:0;
 235         top:0;
 236         width:100%;
 237         height:100%;
 238         _width:0;    /* IE6, IE7 Quirks - width/height set programmatically to match container */
 239         _height:0;
 240
 241         background-color:#000;
 242         opacity:0.25;
 243         *filter:alpha(opacity=25);
 244 }
 245
 246 .yui-calcontainer .yui-cal-nav {
 247         position:absolute;
 248         z-index:3;
 249         display:none;
 250
 251         padding:0;
 252         top:1.5em;
 253         left:50%;
 254         width:12em;
 255         margin-left:-6em;
 256
 257         border:1px solid #7B9EBD;
 258         background-color:#F7F9FB;
 259         font-size:93%;
 260 }
 261
 262 .yui-calcontainer.withtitle .yui-cal-nav {
 263         top:3.5em;
 264 }
 265
 266 .yui-calcontainer .yui-cal-nav-y,
 267 .yui-calcontainer .yui-cal-nav-m,
 268 .yui-calcontainer .yui-cal-nav-b {
 269         padding:2px 5px 2px 5px;
 270 }
 271
 272 .yui-calcontainer .yui-cal-nav-b {
 273         text-align:center;
 274 }
 275
 276 .yui-calcontainer .yui-cal-nav-e {
 277         margin-top:2px;
 278         padding:2px;
 279         background-color:#EDF5FF;
 280         border-top:1px solid black;
 281         display:none;
 282 }
 283
 284 .yui-calcontainer .yui-cal-nav label {
 285         display:block;
 286         font-weight:bold;
 287 }
 288
 289 .yui-calcontainer .yui-cal-nav-mc {
 290         width:100%;
 291         _width:auto; /* IE6 doesn't like width 100% */
 292 }
 293
 294 .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
 295         background-color:#FFEE69;
 296         border: 1px solid #000;
 297 }
 298
 299 .yui-calcontainer .yui-cal-nav-yc {
 300         width:3em;
 301 }
 302
 303 .yui-calcontainer .yui-cal-nav-b button {
 304         font-size:93%;
 305         text-decoration:none;
 306         cursor: pointer;
 307         background-color: #79b2ea;
 308         border: 1px solid #003366;
 309         border-top-color:#FFF;
 310         border-left-color:#FFF;
 311         margin:1px;
 312 }
 313
 314 .yui-calcontainer .yui-cal-nav-b .yui-default button {
 315         /* not implemented */
 316 }
 317
 318 /* Specific changes for calendar running under fonts/reset */
 319 .yui-calendar .calbody a:hover {background:inherit;}
 320 p#clear {clear:left; padding-top:10px;}