git.roojs.org Git - roojs1/blob - old-css-bootstrap/calendar.css

   1 /*!
   2  * FullCalendar v1.6.4 Stylesheet
   3  * Docs & License: http://arshaw.com/fullcalendar/
   4  * (c) 2013 Adam Shaw
   5  *
   6  * When taken - was MIT licence (18/Feb/2014)
   7  */
   8
   9
  10 .fc {
  11         direction: ltr;
  12         text-align: left;
  13     margin: 0;
  14
  15         font-family: Lucida Sans,Arial,sans-serif;
  16
  17
  18
  19         }
  20
  21 .fc table {
  22         border-collapse: collapse;
  23         border-spacing: 0;
  24         }
  25
  26 html .fc,
  27 .fc table {
  28         font-size: 1em;
  29         }
  30
  31 .fc td,
  32 .fc th {
  33         padding: 0;
  34         vertical-align: top;
  35      -moz-user-select: -moz-none;
  36     -khtml-user-select: none;
  37     -webkit-user-select: none;
  38     -o-user-select: none;
  39     user-select: none;
  40         }
  41
  42
  43
  44 /* Header
  45 ------------------------------------------------------------------------*/
  46
  47 .fc-header td {
  48         white-space: nowrap;
  49         }
  50
  51 .fc-header-left {
  52         width: 25%;
  53         text-align: left;
  54         }
  55
  56 .fc-header-center {
  57         text-align: center;
  58         }
  59
  60 .fc-header-right {
  61         width: 25%;
  62         text-align: right;
  63         }
  64
  65 .fc-header-title {
  66         display: inline-block;
  67         vertical-align: top;
  68         }
  69
  70 .fc-header-title h2 {
  71         margin-top: 0;
  72         white-space: nowrap;
  73     font-size: 1.5em;
  74     font-family: Lucida Sans,Arial,sans-serif;
  75     font-weight: bold;
  76     line-height: normal;;
  77         margin:0;
  78         }
  79
  80 .fc .fc-header-space {
  81         padding-left: 10px;
  82         }
  83
  84 .fc-header .fc-button {
  85         margin-bottom: 1em;
  86         vertical-align: top;
  87         }
  88
  89 /* buttons edges butting together */
  90
  91 .fc-header .fc-button {
  92         margin-right: -1px;
  93         }
  94
  95 .fc-header .fc-corner-right,  /* non-theme */
  96 .fc-header .ui-corner-right { /* theme */
  97         margin-right: 0; /* back to normal */
  98         }
  99
 100 /* button layering (for border precedence) */
 101
 102 .fc-header .fc-state-hover,
 103 .fc-header .ui-state-hover {
 104         z-index: 2;
 105         }
 106
 107 .fc-header .fc-state-down {
 108         z-index: 3;
 109         }
 110
 111 .fc-header .fc-state-active,
 112 .fc-header .ui-state-active {
 113         z-index: 4;
 114         }
 115
 116
 117
 118 /* Content
 119 ------------------------------------------------------------------------*/
 120
 121 .fc-content {
 122         clear: both;
 123         zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
 124         }
 125
 126 .fc-view {
 127         width: 100%;
 128         overflow: hidden;
 129         }
 130
 131
 132
 133 /* Cell Styles
 134 ------------------------------------------------------------------------*/
 135
 136 .fc-widget-header,    /* <th>, usually */
 137 .fc-widget-content {  /* <td>, usually */
 138         border: 1px solid #ddd;
 139         }
 140
 141 .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
 142         background: #fcf8e3;
 143         }
 144
 145 .fc-cell-overlay { /* semi-transparent rectangle while dragging */
 146         background: #bce8f1;
 147         opacity: .3;
 148         filter: alpha(opacity=30); /* for IE */
 149         }
 150
 151
 152
 153 /* Buttons
 154 ------------------------------------------------------------------------*/
 155
 156 .fc-button {
 157         position: relative;
 158         display: inline-block;
 159         padding: 0 .6em;
 160         overflow: hidden;
 161         height: 1.9em;
 162         line-height: 1.9em;
 163         white-space: nowrap;
 164         cursor: pointer;
 165         }
 166
 167 .fc-state-default { /* non-theme */
 168         border: 1px solid;
 169         }
 170
 171 .fc-state-default.fc-corner-left { /* non-theme */
 172         border-top-left-radius: 4px;
 173         border-bottom-left-radius: 4px;
 174         }
 175
 176 .fc-state-default.fc-corner-right { /* non-theme */
 177         border-top-right-radius: 4px;
 178         border-bottom-right-radius: 4px;
 179         }
 180
 181 /*
 182         Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
 183         and we'll try to make them look good cross-browser.
 184 */
 185
 186 .fc-text-arrow {
 187         margin: 0 .1em;
 188         font-size: 2em;
 189         font-family: "Courier New", Courier, monospace;
 190         vertical-align: baseline; /* for IE7 */
 191         }
 192
 193 .fc-button-prev .fc-text-arrow,
 194 .fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
 195         font-weight: bold;
 196         }
 197
 198 /* icon (for jquery ui) */
 199
 200 .fc-button .fc-icon-wrap {
 201         position: relative;
 202         float: left;
 203         top: 50%;
 204         }
 205
 206 .fc-button .ui-icon {
 207         position: relative;
 208         float: left;
 209         margin-top: -50%;
 210         *margin-top: 0;
 211         *top: -50%;
 212         }
 213
 214 /*
 215   button states
 216   borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
 217 */
 218
 219 .fc-state-default {
 220         background-color: #f5f5f5;
 221         background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 222         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
 223         background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 224         background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 225         background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 226         background-repeat: repeat-x;
 227         border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 228         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 229         color: #333;
 230         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 231         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 232         }
 233
 234 .fc-state-hover,
 235 .fc-state-down,
 236 .fc-state-active,
 237 .fc-state-disabled {
 238         color: #333333;
 239         background-color: #e6e6e6;
 240         }
 241
 242 .fc-state-hover {
 243         color: #333333;
 244         text-decoration: none;
 245         background-position: 0 -15px;
 246         -webkit-transition: background-position 0.1s linear;
 247            -moz-transition: background-position 0.1s linear;
 248              -o-transition: background-position 0.1s linear;
 249                 transition: background-position 0.1s linear;
 250         }
 251
 252 .fc-state-down,
 253 .fc-state-active {
 254         background-color: #cccccc;
 255         background-image: none;
 256         outline: 0;
 257         box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 258         }
 259
 260 .fc-state-disabled {
 261         cursor: default;
 262         background-image: none;
 263         opacity: 0.65;
 264         filter: alpha(opacity=65);
 265         box-shadow: none;
 266         }
 267
 268
 269
 270 /* Global Event Styles
 271 ------------------------------------------------------------------------*/
 272
 273 .fc-event-container > * {
 274         z-index: 8;
 275         }
 276
 277 .fc-event-container > .ui-draggable-dragging,
 278 .fc-event-container > .ui-resizable-resizing {
 279         z-index: 9;
 280         }
 281
 282 .fc-event {
 283         border: 1px solid #3a87ad; /* default BORDER color */
 284         background-color: #3a87ad; /* default BACKGROUND color */
 285         color: #fff;               /* default TEXT color */
 286         font-size: .85em;
 287         cursor: default;
 288         }
 289
 290 a.fc-event {
 291         text-decoration: none;
 292         }
 293
 294 a.fc-event,
 295 .fc-event-draggable {
 296         cursor: pointer;
 297         }
 298
 299 .fc-rtl .fc-event {
 300         text-align: right;
 301         }
 302
 303 .fc-event-inner {
 304         width: 100%;
 305         height: 100%;
 306         overflow: hidden;
 307         }
 308
 309 .fc-event-time,
 310 .fc-event-title {
 311         padding: 0 1px;
 312         overflow: hidden;
 313         white-space: nowrap;
 314         }
 315
 316 .fc .ui-resizable-handle {
 317         display: block;
 318         position: absolute;
 319         z-index: 99999;
 320         overflow: hidden; /* hacky spaces (IE6/7) */
 321         font-size: 300%;  /* */
 322         line-height: 50%; /* */
 323         }
 324
 325
 326
 327 /* Horizontal Events
 328 ------------------------------------------------------------------------*/
 329
 330 .fc-event-hori {
 331         border-width: 1px 0;
 332         margin-bottom: 1px;
 333         }
 334
 335 .fc-ltr .fc-event-hori.fc-event-start,
 336 .fc-rtl .fc-event-hori.fc-event-end {
 337         border-left-width: 1px;
 338         border-top-left-radius: 3px;
 339         border-bottom-left-radius: 3px;
 340         }
 341
 342 .fc-ltr .fc-event-hori.fc-event-end,
 343 .fc-rtl .fc-event-hori.fc-event-start {
 344         border-right-width: 1px;
 345         border-top-right-radius: 3px;
 346         border-bottom-right-radius: 3px;
 347         }
 348
 349 /* resizable */
 350
 351 .fc-event-hori .ui-resizable-e {
 352         top: 0           !important; /* importants override pre jquery ui 1.7 styles */
 353         right: -3px      !important;
 354         width: 7px       !important;
 355         height: 100%     !important;
 356         cursor: e-resize;
 357         }
 358
 359 .fc-event-hori .ui-resizable-w {
 360         top: 0           !important;
 361         left: -3px       !important;
 362         width: 7px       !important;
 363         height: 100%     !important;
 364         cursor: w-resize;
 365         }
 366
 367 .fc-event-hori .ui-resizable-handle {
 368         _padding-bottom: 14px; /* IE6 had 0 height */
 369         }
 370
 371
 372
 373 /* Reusable Separate-border Table
 374 ------------------------------------------------------------*/
 375
 376 table.fc-border-separate {
 377         border-collapse: separate;
 378         }
 379
 380 .fc-border-separate th,
 381 .fc-border-separate td {
 382         border-width: 1px 0 0 1px;
 383         }
 384
 385 .fc-border-separate th.fc-last,
 386 .fc-border-separate td.fc-last {
 387         border-right-width: 1px;
 388         }
 389
 390 .fc-border-separate tr.fc-last th,
 391 .fc-border-separate tr.fc-last td {
 392         border-bottom-width: 1px;
 393         }
 394
 395 .fc-border-separate tbody tr.fc-first td,
 396 .fc-border-separate tbody tr.fc-first th {
 397         border-top-width: 0;
 398         }
 399
 400
 401
 402 /* Month View, Basic Week View, Basic Day View
 403 ------------------------------------------------------------------------*/
 404
 405 .fc-grid th {
 406         text-align: center;
 407         }
 408
 409 .fc .fc-week-number {
 410         width: 22px;
 411         text-align: center;
 412         }
 413
 414 .fc .fc-week-number div {
 415         padding: 0 2px;
 416         }
 417
 418 .fc-grid .fc-day-number {
 419         float: right;
 420         padding: 0 2px;
 421         }
 422
 423 .fc-grid .fc-other-month .fc-day-number {
 424         opacity: 0.3;
 425         filter: alpha(opacity=30); /* for IE */
 426         /* opacity with small font can sometimes look too faded
 427            might want to set the 'color' property instead
 428            making day-numbers bold also fixes the problem */
 429         }
 430
 431 .fc-grid .fc-day-content {
 432         clear: both;
 433         padding: 2px 2px 1px; /* distance between events and day edges */
 434         }
 435
 436 /* event styles */
 437
 438 .fc-grid .fc-event-time {
 439         font-weight: bold;
 440         }
 441
 442 /* right-to-left */
 443
 444 .fc-rtl .fc-grid .fc-day-number {
 445         float: left;
 446         }
 447
 448 .fc-rtl .fc-grid .fc-event-time {
 449         float: right;
 450         }
 451
 452
 453
 454 /* Agenda Week View, Agenda Day View
 455 ------------------------------------------------------------------------*/
 456
 457 .fc-agenda table {
 458         border-collapse: separate;
 459         }
 460
 461 .fc-agenda-days th {
 462         text-align: center;
 463         }
 464
 465 .fc-agenda .fc-agenda-axis {
 466         width: 50px;
 467         padding: 0 4px;
 468         vertical-align: middle;
 469         text-align: right;
 470         white-space: nowrap;
 471         font-weight: normal;
 472         }
 473
 474 .fc-agenda .fc-week-number {
 475         font-weight: bold;
 476         }
 477
 478 .fc-agenda .fc-day-content {
 479         padding: 2px 2px 1px;
 480         }
 481
 482 /* make axis border take precedence */
 483
 484 .fc-agenda-days .fc-agenda-axis {
 485         border-right-width: 1px;
 486         }
 487
 488 .fc-agenda-days .fc-col0 {
 489         border-left-width: 0;
 490         }
 491
 492 /* all-day area */
 493
 494 .fc-agenda-allday th {
 495         border-width: 0 1px;
 496         }
 497
 498 .fc-agenda-allday .fc-day-content {
 499         min-height: 34px; /* TODO: doesnt work well in quirksmode */
 500         _height: 34px;
 501         }
 502
 503 /* divider (between all-day and slots) */
 504
 505 .fc-agenda-divider-inner {
 506         height: 2px;
 507         overflow: hidden;
 508         }
 509
 510 .fc-widget-header .fc-agenda-divider-inner {
 511         background: #eee;
 512         }
 513
 514 /* slot rows */
 515
 516 .fc-agenda-slots th {
 517         border-width: 1px 1px 0;
 518         }
 519
 520 .fc-agenda-slots td {
 521         border-width: 1px 0 0;
 522         background: none;
 523         }
 524
 525 .fc-agenda-slots td div {
 526         height: 20px;
 527         }
 528
 529 .fc-agenda-slots tr.fc-slot0 th,
 530 .fc-agenda-slots tr.fc-slot0 td {
 531         border-top-width: 0;
 532         }
 533
 534 .fc-agenda-slots tr.fc-minor th,
 535 .fc-agenda-slots tr.fc-minor td {
 536         border-top-style: dotted;
 537         }
 538
 539 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
 540         *border-top-style: solid; /* doesn't work with background in IE6/7 */
 541         }
 542
 543
 544
 545 /* Vertical Events
 546 ------------------------------------------------------------------------*/
 547
 548 .fc-event-vert {
 549         border-width: 0 1px;
 550         }
 551
 552 .fc-event-vert.fc-event-start {
 553         border-top-width: 1px;
 554         border-top-left-radius: 3px;
 555         border-top-right-radius: 3px;
 556         }
 557
 558 .fc-event-vert.fc-event-end {
 559         border-bottom-width: 1px;
 560         border-bottom-left-radius: 3px;
 561         border-bottom-right-radius: 3px;
 562         }
 563
 564 .fc-event-vert .fc-event-time {
 565         white-space: nowrap;
 566         font-size: 10px;
 567         }
 568
 569 .fc-event-vert .fc-event-inner {
 570         position: relative;
 571         z-index: 2;
 572         }
 573
 574 .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
 575         position: absolute;
 576         z-index: 1;
 577         top: 0;
 578         left: 0;
 579         width: 100%;
 580         height: 100%;
 581         background: #fff;
 582         opacity: .25;
 583         filter: alpha(opacity=25);
 584         }
 585
 586 .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
 587 .fc-select-helper .fc-event-bg {
 588         display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
 589         }
 590
 591 /* resizable */
 592
 593 .fc-event-vert .ui-resizable-s {
 594         bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
 595         width: 100%      !important;
 596         height: 8px      !important;
 597         overflow: hidden !important;
 598         line-height: 8px !important;
 599         font-size: 11px  !important;
 600         font-family: monospace;
 601         text-align: center;
 602         cursor: s-resize;
 603         }
 604
 605 .fc-agenda .ui-resizable-resizing { /* TODO: better selector */
 606         _overflow: hidden;
 607         }
 608
 609