[Summary view] [Print] [Text view]

   1  /*  calendar calendar table styles  */
   2  .calendar-calendar tr.odd, .calendar-calendar tr.even {
   3    background-color:#fff;
   4  }
   5  .calendar-calendar table {
   6    border-collapse: collapse;
   7    border-spacing: 0;
   8    margin:0 auto;
   9    padding:0;
  10    width: 100%; /* Setting at 100% causes problem in Internet Explorer. */
  11  }
  12  .calendar-calendar .month-view table {
  13    border:none;
  14    padding:0;
  15    margin:0;
  16    width:100%;
  17  }
  18  
  19    /* IE needs a little help to get the side by side tables to the right size */
  20  .calendar-calendar .year-view td {
  21    width:32%;
  22    padding:1px;
  23    border:none;
  24  }
  25  
  26  .calendar-calendar .year-view td table td {
  27    width:13%;
  28    padding:0;
  29  }
  30  
  31  .calendar-calendar tr {
  32    padding: 0;
  33    margin: 0;
  34    background-color: white;
  35  }
  36  .calendar-calendar th {
  37    color: #fff;
  38    background-color: #ccc;
  39    text-align: center;
  40    margin:0;
  41  }
  42  .calendar-calendar th a {
  43    font-weight: bold;
  44    color: #fff;
  45    background-color: #ccc;
  46  }
  47  .calendar-calendar td {
  48    width: 12%; /* 14% is about 1/7 of total table width */
  49    min-width: 12%;
  50    border: 1px solid #ccc;
  51    color: #777;
  52    text-align: right;
  53    vertical-align: top;
  54    margin: 0;
  55    padding:0;
  56  }
  57  
  58  /* simplify the mini calendar by removing borders */
  59  .calendar-calendar .mini {
  60    border:none;
  61   }
  62  
  63  /* format for the week number in the first cell */
  64  .calendar-calendar td.week {
  65    width:1%;
  66    min-width:1%;
  67    }
  68  .calendar-calendar .week {
  69    clear:both;
  70    font-style: normal;
  71    color: #555;
  72    font-size: 0.8em;
  73  }
  74  .calendar-calendar .week a {
  75    font-weight:normal;
  76  }
  77  
  78  /* IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack */
  79  .calendar-calendar .inner {
  80    min-height:5em;
  81    height:auto !important;
  82    height:5em;
  83    padding:0;
  84    margin:0;
  85  }
  86  .calendar-calendar .inner div {
  87    padding:0;
  88    margin:0;
  89  }
  90  /* Make sure paragraphs buried in calendar cells use padding, not margins, for separation so the background color doesn't come through. */
  91  .calendar-calendar .inner p {
  92    padding:0 0 .8em 0;
  93    margin:0;
  94  }
  95  .calendar-calendar td a {
  96    font-weight: bold;
  97    text-decoration: none;
  98  }
  99  .calendar-calendar td a:hover {
 100    text-decoration: underline;
 101  }
 102  .calendar-calendar td.year, 
 103  .calendar-calendar td.month {
 104    text-align: center;
 105  }
 106  
 107  /* format days of the week header cells */
 108  .calendar-calendar th.days {
 109    color: #ccc;
 110    background-color: #224;
 111    text-align: center;
 112    padding:1px;
 113    margin:0;
 114   }
 115  
 116  /*  floating day number div  */
 117  .calendar-calendar div.day {
 118    float: right;
 119    text-align: center;
 120    padding: 0.125em 0.25em 0 0.25em;
 121    margin: 0;
 122    background-color: #f3f3f3;
 123    border: 1px solid gray;
 124    border-width: 0 0 1px 1px;
 125    clear:both;
 126    width:1.5em;
 127  }
 128  
 129  /*  individual node container  */
 130  .calendar-calendar div.calendar {
 131    background-color: #fff;
 132    border: solid 1px #ddd;
 133    text-align: left;
 134    margin:0 .25em .25em 0;
 135    width: 96%;
 136    float:right; /* needed to keep IE from hiding the floating day number */
 137    clear:both;
 138  }
 139  /* No floating of day view content because there is no floating day number */
 140  .calendar-calendar .day-view div.calendar {
 141    float:none;
 142    width:98%;
 143    margin:1% 1% 0 1%;
 144  }
 145  
 146  .calendar-calendar div.title {
 147    font-size:.8em;
 148    text-align:center;
 149  }
 150  
 151  .calendar-calendar div.title a {
 152    color: #000;
 153  }
 154  .calendar-calendar div.title a:hover {
 155    color: #c00;
 156  }
 157  .calendar-calendar .content {
 158    clear:both;
 159    padding: 3px;
 160    padding-left: 5px;
 161  }
 162  .calendar div.form-item {
 163    white-space: normal;
 164  }
 165  
 166  table td.mini, 
 167  table th.mini, 
 168  table.mini td.week {
 169    padding:0 1px 0 0;
 170    margin:0;
 171    }
 172  table td.mini a {
 173    font-weight:normal;
 174    }
 175  .calendar-calendar .mini-day-off {
 176    padding:0px;
 177  }
 178  .calendar-calendar .mini-day-on {
 179    padding:0px;
 180  }
 181  table .mini-day-on a {
 182    text-decoration:underline;
 183    }
 184  .calendar-calendar .mini .title {
 185    font-size:.8em;
 186    }
 187  .mini .calendar-calendar .week {
 188    font-size:.7em;
 189    }
 190  .mini-row {
 191    width:100%;
 192    border:none;
 193  }
 194  .mini{
 195    width:32%;
 196    vertical-align:top;
 197    }
 198  
 199  
 200  /* formatting for the legend stripe and block */
 201  .calendar-calendar .stripe {
 202    height: 5px;
 203    width: auto;
 204    font-size:1px !important;
 205    line-height:1px !important;
 206  }
 207  .calendar-calendar .day-view .stripe {
 208    width:100%;
 209  }
 210  table.calendar-legend {
 211    background-color:#ccc;
 212    width:100%;
 213    margin:0;
 214    padding:0;
 215  }
 216  table.calendar-legend tr.odd .stripe,
 217  table.calendar-legend tr.even .stripe {
 218    height:12px !important;
 219    font-size:9px !important;
 220    line-height:10px !important;
 221  }
 222  .calendar-legend td {
 223    text-align:left;
 224  }
 225  
 226  .calendar-empty {
 227    font-size:1px;
 228    line-height:1px;
 229  }
 230  
 231  /* formatting for the full day view */  
 232  .calendar-calendar td.calendar-agenda-hour {
 233    font-family:serif;
 234    text-align:right;
 235    border:none;
 236    border-top:1px #333 dotted;
 237    padding-top:.25em;
 238    width:1%;
 239  }
 240  .calendar-calendar td.calendar-agenda-no-hours {
 241    min-width:1%;
 242  }
 243  .calendar-calendar td.calendar-agenda-hour .calendar-hour {
 244    font-size:1.2em;
 245    font-weight:bold;
 246  }
 247  .calendar-calendar td.calendar-agenda-hour .calendar-ampm {
 248    font-size:1em;
 249  }
 250  .calendar-calendar td.calendar-agenda-items {
 251    border:1px #333 dotted;
 252    text-align:left;
 253  }
 254  .calendar-calendar td.calendar-agenda-items div.calendar {
 255    width:auto;
 256    padding:.25em;
 257    margin:0;
 258  }
 259  .calendar-calendar div.calendar div.inner .calendar-agenda-empty {
 260    width:100%;
 261    text-align:center;
 262    vertical-align:middle;
 263    padding:1em 0;
 264    background-color:#fff;
 265  }
 266  
 267  /* the popup date selector for jumping to a new date */
 268  .calendar-date-select form {
 269    text-align:right;
 270    float:right;
 271    width:25%;
 272  }
 273  .calendar-date-select div, 
 274  .calendar-date-select input, 
 275  .calendar-date-select label {
 276    text-align:right;
 277    padding:0;
 278    margin:0;
 279    float:right;
 280    clear:both;
 281  }
 282  .calendar-date-select .description {
 283    float:right;
 284  }
 285  .calendar-label {
 286    font-weight:bold;
 287    display:block;
 288    clear:both;
 289  }
 290  
 291  .calendar-calendar div.date-nav {
 292    background-color:#ccc;
 293    color:#777;
 294    padding:0.2em;
 295    width:auto;
 296    border:1px solid #ccc;
 297  }
 298  .calendar-calendar div.date-nav a, 
 299  .calendar-calendar div.date-nav h3 {
 300    color:#777;
 301  }
 302  .calendar-calendar th.days {
 303    background-color:#eee;
 304    color:#777;
 305    font-weight:bold;
 306    border:1px solid #ccc;
 307  }
 308  .calendar-calendar td.empty {
 309    background:#ccc;
 310    border-color:#ccc;
 311  }
 312  .calendar-calendar table.mini td.empty {
 313    background:#fff;
 314    border-color:#fff;
 315  }
 316  .calendar-calendar td div.day {
 317    border:1px solid #ccc;
 318    border-top:none;
 319    border-right:none;
 320    margin-bottom:2px;
 321  }
 322  .calendar-calendar td .inner div,
 323  .calendar-calendar td .inner div a {
 324    background:#eee;
 325  }
 326  /* Set small font size for all items in calendar div, themes can override this. */
 327  /* Use x-small instead of em to avoid multiplying effect in nested items. */
 328  .calendar-calendar div.calendar {
 329    border:none;
 330    font-size:x-small;
 331  }
 332  .calendar-calendar td .inner div.calendar div,
 333  .calendar-calendar td .inner div.calendar div a {
 334    border:none;
 335    background:#ffc;
 336    padding:0 2px;
 337  }
 338  .calendar-calendar td .inner div.calendar div.calendar-more,
 339  .calendar-calendar td .inner div.calendar div.calendar-more a {
 340    color:#444;
 341    background:#fff;
 342    text-align:right;
 343  }
 344  .calendar-calendar td .inner .view-field,
 345  .calendar-calendar td .inner .view-field a {
 346    color:#444;
 347    font-weight:normal;
 348  }
 349  
 350  .calendar-calendar td span.date-display-single,
 351  .calendar-calendar td span.date-display-start,
 352  .calendar-calendar td span.date-display-end,
 353  .calendar-calendar td span.date-display-separator {
 354    font-weight:bold;
 355  }
 356  .calendar-calendar td .inner div.day a {
 357    color:#4b85ac;
 358  }
 359  .calendar-calendar tr td.today,
 360  .calendar-calendar tr.odd td.today,
 361  .calendar-calendar tr.even td.today {
 362    background-color:#C3D6E4;
 363  }
 364  .calendar-calendar td .inner div.calendar div div.view-data-node-data-field-date-field-date-value {
 365    border-bottom:1px solid #ccc;
 366  }
 367  
 368  /* The following are not used by default but are available for themes */
 369  .calendar-calendar td.past {}
 370  .calendar-calendar td.future {}
 371  .calendar-calendar td.has-events {}
 372  .calendar-calendar td.has-no-events {}