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

   1 /*
   2 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.net/yui/license.txt
   5 version: 2.8.0r4
   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("../../../../include/javascript/yui/build/assets/skins/sam/sprite.png") repeat scroll 0 -450px transparent;
 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("../../../../include/javascript/yui/build/assets/skins/sam/sprite.png") repeat scroll 0 -500px transparent;
 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         color:#000;
 215 }
 216
 217 .yui-calendar a.calnav:hover {
 218         border:1px solid #003366;
 219         background-color:#6699cc;
 220         background: url(calgrad.png) repeat-x;
 221         color:#fff;
 222         cursor:pointer;
 223 }
 224
 225 .yui-calcontainer .yui-cal-nav-mask {
 226         position:absolute;
 227         z-index:2;
 228         display:none;
 229
 230         margin:0;
 231         padding:0;
 232
 233         left:0;
 234         top:0;
 235         width:100%;
 236         height:100%;
 237         _width:0;    /* IE6, IE7 Quirks - width/height set programmatically to match container */
 238         _height:0;
 239
 240         background-color:#000;
 241         opacity:0.25;
 242         *filter:alpha(opacity=25);
 243 }
 244
 245 .yui-calcontainer .yui-cal-nav {
 246         position:absolute;
 247         z-index:3;
 248         display:none;
 249
 250         padding:0;
 251         top:1.5em;
 252         left:50%;
 253         width:12em;
 254         margin-left:-6em;
 255
 256         border:1px solid #7B9EBD;
 257         background-color:#F7F9FB;
 258         font-size:93%;
 259 }
 260
 261 .yui-calcontainer.withtitle .yui-cal-nav {
 262         top:3.5em;
 263 }
 264
 265 .yui-calcontainer .yui-cal-nav-y,
 266 .yui-calcontainer .yui-cal-nav-m,
 267 .yui-calcontainer .yui-cal-nav-b {
 268         padding:2px 5px 2px 5px;
 269 }
 270
 271 .yui-calcontainer .yui-cal-nav-b {
 272         text-align:center;
 273 }
 274
 275 .yui-calcontainer .yui-cal-nav-e {
 276         margin-top:2px;
 277         padding:2px;
 278         background-color:#EDF5FF;
 279         border-top:1px solid black;
 280         display:none;
 281 }
 282
 283 .yui-calcontainer .yui-cal-nav label {
 284         display:block;
 285         font-weight:bold;
 286 }
 287
 288 .yui-calcontainer .yui-cal-nav-mc {
 289         width:100%;
 290         _width:auto; /* IE6 doesn't like width 100% */
 291 }
 292
 293 .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
 294         background-color:#FFEE69;
 295         border: 1px solid #000;
 296 }
 297
 298 .yui-calcontainer .yui-cal-nav-yc {
 299         width:3em;
 300 }
 301
 302 .yui-calcontainer .yui-cal-nav-b button {
 303         font-size:93%;
 304         text-decoration:none;
 305         cursor: pointer;
 306         background-color: #79b2ea;
 307         border: 1px solid #003366;
 308         border-top-color:#FFF;
 309         border-left-color:#FFF;
 310         margin:1px;
 311 }
 312
 313 .yui-calcontainer .yui-cal-nav-b .yui-default button {
 314         /* not implemented */
 315 }
 316
 317 /* Specific changes for calendar running under fonts/reset */
 318 .yui-calendar .calbody a:hover {background:inherit;}
 319 p#clear {clear:left; padding-top:10px;}