public/bower_components/fullcalendar/dist/fullcalendar.css

   1 /*!
   2  * FullCalendar v2.3.1 Stylesheet
   3  * Docs & License: http://fullcalendar.io/
   4  * (c) 2015 Adam Shaw
   5  */
   6
   7
   8 .fc {
   9         direction: ltr;
  10         text-align: left;
  11 }
  12
  13 .fc-rtl {
  14         text-align: right;
  15 }
  16
  17 body .fc { /* extra precedence to overcome jqui */
  18         font-size: 1em;
  19 }
  20
  21
  22 /* Colors
  23 --------------------------------------------------------------------------------------------------*/
  24
  25 .fc-unthemed th,
  26 .fc-unthemed td,
  27 .fc-unthemed thead,
  28 .fc-unthemed tbody,
  29 .fc-unthemed .fc-divider,
  30 .fc-unthemed .fc-row,
  31 .fc-unthemed .fc-popover {
  32         border-color: #ddd;
  33 }
  34
  35 .fc-unthemed .fc-popover {
  36         background-color: #fff;
  37 }
  38
  39 .fc-unthemed .fc-divider,
  40 .fc-unthemed .fc-popover .fc-header {
  41         background: #eee;
  42 }
  43
  44 .fc-unthemed .fc-popover .fc-header .fc-close {
  45         color: #666;
  46 }
  47
  48 .fc-unthemed .fc-today {
  49         background: #fcf8e3;
  50 }
  51
  52 .fc-highlight { /* when user is selecting cells */
  53         background: #bce8f1;
  54         opacity: .3;
  55         filter: alpha(opacity=30); /* for IE */
  56 }
  57
  58 .fc-bgevent { /* default look for background events */
  59         background: rgb(143, 223, 130);
  60         opacity: .3;
  61         filter: alpha(opacity=30); /* for IE */
  62 }
  63
  64 .fc-nonbusiness { /* default look for non-business-hours areas */
  65         /* will inherit .fc-bgevent's styles */
  66         background: #d7d7d7;
  67 }
  68
  69
  70 /* Icons (inline elements with styled text that mock arrow icons)
  71 --------------------------------------------------------------------------------------------------*/
  72
  73 .fc-icon {
  74         display: inline-block;
  75         width: 1em;
  76         height: 1em;
  77         line-height: 1em;
  78         font-size: 1em;
  79         text-align: center;
  80         overflow: hidden;
  81         font-family: "Courier New", Courier, monospace;
  82 }
  83
  84 /*
  85 Acceptable font-family overrides for individual icons:
  86         "Arial", sans-serif
  87         "Times New Roman", serif
  88
  89 NOTE: use percentage font sizes or else old IE chokes
  90 */
  91
  92 .fc-icon:after {
  93         position: relative;
  94         margin: 0 -1em; /* ensures character will be centered, regardless of width */
  95 }
  96
  97 .fc-icon-left-single-arrow:after {
  98         content: "\02039";
  99         font-weight: bold;
 100         font-size: 200%;
 101         top: -7%;
 102         left: 3%;
 103 }
 104
 105 .fc-icon-right-single-arrow:after {
 106         content: "\0203A";
 107         font-weight: bold;
 108         font-size: 200%;
 109         top: -7%;
 110         left: -3%;
 111 }
 112
 113 .fc-icon-left-double-arrow:after {
 114         content: "\000AB";
 115         font-size: 160%;
 116         top: -7%;
 117 }
 118
 119 .fc-icon-right-double-arrow:after {
 120         content: "\000BB";
 121         font-size: 160%;
 122         top: -7%;
 123 }
 124
 125 .fc-icon-left-triangle:after {
 126         content: "\25C4";
 127         font-size: 125%;
 128         top: 3%;
 129         left: -2%;
 130 }
 131
 132 .fc-icon-right-triangle:after {
 133         content: "\25BA";
 134         font-size: 125%;
 135         top: 3%;
 136         left: 2%;
 137 }
 138
 139 .fc-icon-down-triangle:after {
 140         content: "\25BC";
 141         font-size: 125%;
 142         top: 2%;
 143 }
 144
 145 .fc-icon-x:after {
 146         content: "\000D7";
 147         font-size: 200%;
 148         top: 6%;
 149 }
 150
 151
 152 /* Buttons (styled <button> tags, normalized to work cross-browser)
 153 --------------------------------------------------------------------------------------------------*/
 154
 155 .fc button {
 156         /* force height to include the border and padding */
 157         -moz-box-sizing: border-box;
 158         -webkit-box-sizing: border-box;
 159         box-sizing: border-box;
 160
 161         /* dimensions */
 162         margin: 0;
 163         height: 2.1em;
 164         padding: 0 .6em;
 165
 166         /* text & cursor */
 167         font-size: 1em; /* normalize */
 168         white-space: nowrap;
 169         cursor: pointer;
 170 }
 171
 172 /* Firefox has an annoying inner border */
 173 .fc button::-moz-focus-inner { margin: 0; padding: 0; }
 174
 175 .fc-state-default { /* non-theme */
 176         border: 1px solid;
 177 }
 178
 179 .fc-state-default.fc-corner-left { /* non-theme */
 180         border-top-left-radius: 4px;
 181         border-bottom-left-radius: 4px;
 182 }
 183
 184 .fc-state-default.fc-corner-right { /* non-theme */
 185         border-top-right-radius: 4px;
 186         border-bottom-right-radius: 4px;
 187 }
 188
 189 /* icons in buttons */
 190
 191 .fc button .fc-icon { /* non-theme */
 192         position: relative;
 193         top: -0.05em; /* seems to be a good adjustment across browsers */
 194         margin: 0 .2em;
 195         vertical-align: middle;
 196 }
 197
 198 /*
 199   button states
 200   borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
 201 */
 202
 203 .fc-state-default {
 204         background-color: #f5f5f5;
 205         background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 206         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
 207         background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 208         background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 209         background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 210         background-repeat: repeat-x;
 211         border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 212         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 213         color: #333;
 214         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 215         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 216 }
 217
 218 .fc-state-hover,
 219 .fc-state-down,
 220 .fc-state-active,
 221 .fc-state-disabled {
 222         color: #333333;
 223         background-color: #e6e6e6;
 224 }
 225
 226 .fc-state-hover {
 227         color: #333333;
 228         text-decoration: none;
 229         background-position: 0 -15px;
 230         -webkit-transition: background-position 0.1s linear;
 231            -moz-transition: background-position 0.1s linear;
 232              -o-transition: background-position 0.1s linear;
 233                 transition: background-position 0.1s linear;
 234 }
 235
 236 .fc-state-down,
 237 .fc-state-active {
 238         background-color: #cccccc;
 239         background-image: none;
 240         box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 241 }
 242
 243 .fc-state-disabled {
 244         cursor: default;
 245         background-image: none;
 246         opacity: 0.65;
 247         filter: alpha(opacity=65);
 248         box-shadow: none;
 249 }
 250
 251
 252 /* Buttons Groups
 253 --------------------------------------------------------------------------------------------------*/
 254
 255 .fc-button-group {
 256         display: inline-block;
 257 }
 258
 259 /*
 260 every button that is not first in a button group should scootch over one pixel and cover the
 261 previous button's border...
 262 */
 263
 264 .fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
 265         float: left;
 266         margin: 0 0 0 -1px;
 267 }
 268
 269 .fc .fc-button-group > :first-child { /* same */
 270         margin-left: 0;
 271 }
 272
 273
 274 /* Popover
 275 --------------------------------------------------------------------------------------------------*/
 276
 277 .fc-popover {
 278         position: absolute;
 279         box-shadow: 0 2px 6px rgba(0,0,0,.15);
 280 }
 281
 282 .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
 283         padding: 2px 4px;
 284 }
 285
 286 .fc-popover .fc-header .fc-title {
 287         margin: 0 2px;
 288 }
 289
 290 .fc-popover .fc-header .fc-close {
 291         cursor: pointer;
 292 }
 293
 294 .fc-ltr .fc-popover .fc-header .fc-title,
 295 .fc-rtl .fc-popover .fc-header .fc-close {
 296         float: left;
 297 }
 298
 299 .fc-rtl .fc-popover .fc-header .fc-title,
 300 .fc-ltr .fc-popover .fc-header .fc-close {
 301         float: right;
 302 }
 303
 304 /* unthemed */
 305
 306 .fc-unthemed .fc-popover {
 307         border-width: 1px;
 308         border-style: solid;
 309 }
 310
 311 .fc-unthemed .fc-popover .fc-header .fc-close {
 312         font-size: .9em;
 313         margin-top: 2px;
 314 }
 315
 316 /* jqui themed */
 317
 318 .fc-popover > .ui-widget-header + .ui-widget-content {
 319         border-top: 0; /* where they meet, let the header have the border */
 320 }
 321
 322
 323 /* Misc Reusable Components
 324 --------------------------------------------------------------------------------------------------*/
 325
 326 .fc-divider {
 327         border-style: solid;
 328         border-width: 1px;
 329 }
 330
 331 hr.fc-divider {
 332         height: 0;
 333         margin: 0;
 334         padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
 335         border-width: 1px 0;
 336 }
 337
 338 .fc-clear {
 339         clear: both;
 340 }
 341
 342 .fc-bg,
 343 .fc-bgevent-skeleton,
 344 .fc-highlight-skeleton,
 345 .fc-helper-skeleton {
 346         /* these element should always cling to top-left/right corners */
 347         position: absolute;
 348         top: 0;
 349         left: 0;
 350         right: 0;
 351 }
 352
 353 .fc-bg {
 354         bottom: 0; /* strech bg to bottom edge */
 355 }
 356
 357 .fc-bg table {
 358         height: 100%; /* strech bg to bottom edge */
 359 }
 360
 361
 362 /* Tables
 363 --------------------------------------------------------------------------------------------------*/
 364
 365 .fc table {
 366         width: 100%;
 367         table-layout: fixed;
 368         border-collapse: collapse;
 369         border-spacing: 0;
 370         font-size: 1em; /* normalize cross-browser */
 371 }
 372
 373 .fc th {
 374         text-align: center;
 375 }
 376
 377 .fc th,
 378 .fc td {
 379         border-style: solid;
 380         border-width: 1px;
 381         padding: 0;
 382         vertical-align: top;
 383 }
 384
 385 .fc td.fc-today {
 386         border-style: double; /* overcome neighboring borders */
 387 }
 388
 389
 390 /* Fake Table Rows
 391 --------------------------------------------------------------------------------------------------*/
 392
 393 .fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
 394         /* no visible border by default. but make available if need be (scrollbar width compensation) */
 395         border-style: solid;
 396         border-width: 0;
 397 }
 398
 399 .fc-row table {
 400         /* don't put left/right border on anything within a fake row.
 401            the outer tbody will worry about this */
 402         border-left: 0 hidden transparent;
 403         border-right: 0 hidden transparent;
 404
 405         /* no bottom borders on rows */
 406         border-bottom: 0 hidden transparent;
 407 }
 408
 409 .fc-row:first-child table {
 410         border-top: 0 hidden transparent; /* no top border on first row */
 411 }
 412
 413
 414 /* Day Row (used within the header and the DayGrid)
 415 --------------------------------------------------------------------------------------------------*/
 416
 417 .fc-row {
 418         position: relative;
 419 }
 420
 421 .fc-row .fc-bg {
 422         z-index: 1;
 423 }
 424
 425 /* highlighting cells & background event skeleton */
 426
 427 .fc-row .fc-bgevent-skeleton,
 428 .fc-row .fc-highlight-skeleton {
 429         bottom: 0; /* stretch skeleton to bottom of row */
 430 }
 431
 432 .fc-row .fc-bgevent-skeleton table,
 433 .fc-row .fc-highlight-skeleton table {
 434         height: 100%; /* stretch skeleton to bottom of row */
 435 }
 436
 437 .fc-row .fc-highlight-skeleton td,
 438 .fc-row .fc-bgevent-skeleton td {
 439         border-color: transparent;
 440 }
 441
 442 .fc-row .fc-bgevent-skeleton {
 443         z-index: 2;
 444
 445 }
 446
 447 .fc-row .fc-highlight-skeleton {
 448         z-index: 3;
 449 }
 450
 451 /*
 452 row content (which contains day/week numbers and events) as well as "helper" (which contains
 453 temporary rendered events).
 454 */
 455
 456 .fc-row .fc-content-skeleton {
 457         position: relative;
 458         z-index: 4;
 459         padding-bottom: 2px; /* matches the space above the events */
 460 }
 461
 462 .fc-row .fc-helper-skeleton {
 463         z-index: 5;
 464 }
 465
 466 .fc-row .fc-content-skeleton td,
 467 .fc-row .fc-helper-skeleton td {
 468         /* see-through to the background below */
 469         background: none; /* in case <td>s are globally styled */
 470         border-color: transparent;
 471
 472         /* don't put a border between events and/or the day number */
 473         border-bottom: 0;
 474 }
 475
 476 .fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
 477 .fc-row .fc-helper-skeleton tbody td {
 478         /* don't put a border between event cells */
 479         border-top: 0;
 480 }
 481
 482
 483 /* Scrolling Container
 484 --------------------------------------------------------------------------------------------------*/
 485
 486 .fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
 487         overflow-y: scroll;
 488         overflow-x: hidden;
 489 }
 490
 491 .fc-scroller > * { /* we expect an immediate inner element */
 492         position: relative; /* re-scope all positions */
 493         width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
 494         overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
 495 }
 496
 497
 498 /* Global Event Styles
 499 --------------------------------------------------------------------------------------------------*/
 500
 501 .fc-event {
 502         position: relative; /* for resize handle and other inner positioning */
 503         display: block; /* make the <a> tag block */
 504         font-size: .85em;
 505         line-height: 1.3;
 506         border-radius: 3px;
 507         border: 1px solid #3a87ad; /* default BORDER color */
 508         background-color: #3a87ad; /* default BACKGROUND color */
 509         font-weight: normal; /* undo jqui's ui-widget-header bold */
 510 }
 511
 512 /* overpower some of bootstrap's and jqui's styles on <a> tags */
 513 .fc-event,
 514 .fc-event:hover,
 515 .ui-widget .fc-event {
 516         color: #fff; /* default TEXT color */
 517         text-decoration: none; /* if <a> has an href */
 518 }
 519
 520 .fc-event[href],
 521 .fc-event.fc-draggable {
 522         cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
 523 }
 524
 525 .fc-not-allowed, /* causes a "warning" cursor. applied on body */
 526 .fc-not-allowed .fc-event { /* to override an event's custom cursor */
 527         cursor: not-allowed;
 528 }
 529
 530 .fc-event .fc-bg { /* the generic .fc-bg already does position */
 531         z-index: 1;
 532         background: #fff;
 533         opacity: .25;
 534         filter: alpha(opacity=25); /* for IE */
 535 }
 536
 537 .fc-event .fc-content {
 538         position: relative;
 539         z-index: 2;
 540 }
 541
 542 .fc-event .fc-resizer {
 543         position: absolute;
 544         z-index: 3;
 545 }
 546
 547
 548 /* Horizontal Events
 549 --------------------------------------------------------------------------------------------------*/
 550
 551 /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
 552
 553 .fc-ltr .fc-h-event.fc-not-start,
 554 .fc-rtl .fc-h-event.fc-not-end {
 555         margin-left: 0;
 556         border-left-width: 0;
 557         padding-left: 1px; /* replace the border with padding */
 558         border-top-left-radius: 0;
 559         border-bottom-left-radius: 0;
 560 }
 561
 562 .fc-ltr .fc-h-event.fc-not-end,
 563 .fc-rtl .fc-h-event.fc-not-start {
 564         margin-right: 0;
 565         border-right-width: 0;
 566         padding-right: 1px; /* replace the border with padding */
 567         border-top-right-radius: 0;
 568         border-bottom-right-radius: 0;
 569 }
 570
 571 /* resizer */
 572
 573 .fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */
 574         top: -1px;
 575         bottom: -1px;
 576         left: -1px;
 577         right: -1px;
 578         width: 5px;
 579 }
 580
 581 /* left resizer  */
 582 .fc-ltr .fc-h-event .fc-start-resizer,
 583 .fc-ltr .fc-h-event .fc-start-resizer:before,
 584 .fc-ltr .fc-h-event .fc-start-resizer:after,
 585 .fc-rtl .fc-h-event .fc-end-resizer,
 586 .fc-rtl .fc-h-event .fc-end-resizer:before,
 587 .fc-rtl .fc-h-event .fc-end-resizer:after {
 588         right: auto; /* ignore the right and only use the left */
 589         cursor: w-resize;
 590 }
 591
 592 /* right resizer */
 593 .fc-ltr .fc-h-event .fc-end-resizer,
 594 .fc-ltr .fc-h-event .fc-end-resizer:before,
 595 .fc-ltr .fc-h-event .fc-end-resizer:after,
 596 .fc-rtl .fc-h-event .fc-start-resizer,
 597 .fc-rtl .fc-h-event .fc-start-resizer:before,
 598 .fc-rtl .fc-h-event .fc-start-resizer:after {
 599         left: auto; /* ignore the left and only use the right */
 600         cursor: e-resize;
 601 }
 602
 603
 604 /* DayGrid events
 605 ----------------------------------------------------------------------------------------------------
 606 We use the full "fc-day-grid-event" class instead of using descendants because the event won't
 607 be a descendant of the grid when it is being dragged.
 608 */
 609
 610 .fc-day-grid-event {
 611         margin: 1px 2px 0; /* spacing between events and edges */
 612         padding: 0 1px;
 613 }
 614
 615
 616 .fc-day-grid-event .fc-content { /* force events to be one-line tall */
 617         white-space: nowrap;
 618         overflow: hidden;
 619 }
 620
 621 .fc-day-grid-event .fc-time {
 622         font-weight: bold;
 623 }
 624
 625 .fc-day-grid-event .fc-resizer { /* enlarge the default hit area */
 626         left: -3px;
 627         right: -3px;
 628         width: 7px;
 629 }
 630
 631
 632 /* Event Limiting
 633 --------------------------------------------------------------------------------------------------*/
 634
 635 /* "more" link that represents hidden events */
 636
 637 a.fc-more {
 638         margin: 1px 3px;
 639         font-size: .85em;
 640         cursor: pointer;
 641         text-decoration: none;
 642 }
 643
 644 a.fc-more:hover {
 645         text-decoration: underline;
 646 }
 647
 648 .fc-limited { /* rows and cells that are hidden because of a "more" link */
 649         display: none;
 650 }
 651
 652 /* popover that appears when "more" link is clicked */
 653
 654 .fc-day-grid .fc-row {
 655         z-index: 1; /* make the "more" popover one higher than this */
 656 }
 657
 658 .fc-more-popover {
 659         z-index: 2;
 660         width: 220px;
 661 }
 662
 663 .fc-more-popover .fc-event-container {
 664         padding: 10px;
 665 }
 666
 667 /* Toolbar
 668 --------------------------------------------------------------------------------------------------*/
 669
 670 .fc-toolbar {
 671         text-align: center;
 672         margin-bottom: 1em;
 673 }
 674
 675 .fc-toolbar .fc-left {
 676         float: left;
 677 }
 678
 679 .fc-toolbar .fc-right {
 680         float: right;
 681 }
 682
 683 .fc-toolbar .fc-center {
 684         display: inline-block;
 685 }
 686
 687 /* the things within each left/right/center section */
 688 .fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
 689         float: left;
 690         margin-left: .75em;
 691 }
 692
 693 /* the first thing within each left/center/right section */
 694 .fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
 695         margin-left: 0;
 696 }
 697
 698 /* title text */
 699
 700 .fc-toolbar h2 {
 701         margin: 0;
 702 }
 703
 704 /* button layering (for border precedence) */
 705
 706 .fc-toolbar button {
 707         position: relative;
 708 }
 709
 710 .fc-toolbar .fc-state-hover,
 711 .fc-toolbar .ui-state-hover {
 712         z-index: 2;
 713 }
 714
 715 .fc-toolbar .fc-state-down {
 716         z-index: 3;
 717 }
 718
 719 .fc-toolbar .fc-state-active,
 720 .fc-toolbar .ui-state-active {
 721         z-index: 4;
 722 }
 723
 724 .fc-toolbar button:focus {
 725         z-index: 5;
 726 }
 727
 728
 729 /* View Structure
 730 --------------------------------------------------------------------------------------------------*/
 731
 732 /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
 733 /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
 734 .fc-view-container *,
 735 .fc-view-container *:before,
 736 .fc-view-container *:after {
 737         -webkit-box-sizing: content-box;
 738            -moz-box-sizing: content-box;
 739                 box-sizing: content-box;
 740 }
 741
 742 .fc-view, /* scope positioning and z-index's for everything within the view */
 743 .fc-view > table { /* so dragged elements can be above the view's main element */
 744         position: relative;
 745         z-index: 1;
 746 }
 747
 748 /* BasicView
 749 --------------------------------------------------------------------------------------------------*/
 750
 751 /* day row structure */
 752
 753 .fc-basicWeek-view .fc-content-skeleton,
 754 .fc-basicDay-view .fc-content-skeleton {
 755         /* we are sure there are no day numbers in these views, so... */
 756         padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
 757         padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
 758 }
 759
 760 .fc-basic-view .fc-body .fc-row {
 761         min-height: 4em; /* ensure that all rows are at least this tall */
 762 }
 763
 764 /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
 765
 766 .fc-row.fc-rigid {
 767         overflow: hidden;
 768 }
 769
 770 .fc-row.fc-rigid .fc-content-skeleton {
 771         position: absolute;
 772         top: 0;
 773         left: 0;
 774         right: 0;
 775 }
 776
 777 /* week and day number styling */
 778
 779 .fc-basic-view .fc-week-number,
 780 .fc-basic-view .fc-day-number {
 781         padding: 0 2px;
 782 }
 783
 784 .fc-basic-view td.fc-week-number span,
 785 .fc-basic-view td.fc-day-number {
 786         padding-top: 2px;
 787         padding-bottom: 2px;
 788 }
 789
 790 .fc-basic-view .fc-week-number {
 791         text-align: center;
 792 }
 793
 794 .fc-basic-view .fc-week-number span {
 795         /* work around the way we do column resizing and ensure a minimum width */
 796         display: inline-block;
 797         min-width: 1.25em;
 798 }
 799
 800 .fc-ltr .fc-basic-view .fc-day-number {
 801         text-align: right;
 802 }
 803
 804 .fc-rtl .fc-basic-view .fc-day-number {
 805         text-align: left;
 806 }
 807
 808 .fc-day-number.fc-other-month {
 809         opacity: 0.3;
 810         filter: alpha(opacity=30); /* for IE */
 811         /* opacity with small font can sometimes look too faded
 812            might want to set the 'color' property instead
 813            making day-numbers bold also fixes the problem */
 814 }
 815
 816 /* AgendaView all-day area
 817 --------------------------------------------------------------------------------------------------*/
 818
 819 .fc-agenda-view .fc-day-grid {
 820         position: relative;
 821         z-index: 2; /* so the "more.." popover will be over the time grid */
 822 }
 823
 824 .fc-agenda-view .fc-day-grid .fc-row {
 825         min-height: 3em; /* all-day section will never get shorter than this */
 826 }
 827
 828 .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
 829         padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
 830         padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
 831 }
 832
 833
 834 /* TimeGrid axis running down the side (for both the all-day area and the slot area)
 835 --------------------------------------------------------------------------------------------------*/
 836
 837 .fc .fc-axis { /* .fc to overcome default cell styles */
 838         vertical-align: middle;
 839         padding: 0 4px;
 840         white-space: nowrap;
 841 }
 842
 843 .fc-ltr .fc-axis {
 844         text-align: right;
 845 }
 846
 847 .fc-rtl .fc-axis {
 848         text-align: left;
 849 }
 850
 851 .ui-widget td.fc-axis {
 852         font-weight: normal; /* overcome jqui theme making it bold */
 853 }
 854
 855
 856 /* TimeGrid Structure
 857 --------------------------------------------------------------------------------------------------*/
 858
 859 .fc-time-grid-container, /* so scroll container's z-index is below all-day */
 860 .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
 861         position: relative;
 862         z-index: 1;
 863 }
 864
 865 .fc-time-grid {
 866         min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
 867 }
 868
 869 .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
 870         border: 0 hidden transparent;
 871 }
 872
 873 .fc-time-grid > .fc-bg {
 874         z-index: 1;
 875 }
 876
 877 .fc-time-grid .fc-slats,
 878 .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
 879         position: relative;
 880         z-index: 2;
 881 }
 882
 883 .fc-time-grid .fc-bgevent-skeleton,
 884 .fc-time-grid .fc-content-skeleton {
 885         position: absolute;
 886         top: 0;
 887         left: 0;
 888         right: 0;
 889 }
 890
 891 .fc-time-grid .fc-bgevent-skeleton {
 892         z-index: 3;
 893 }
 894
 895 .fc-time-grid .fc-highlight-skeleton {
 896         z-index: 4;
 897 }
 898
 899 .fc-time-grid .fc-content-skeleton {
 900         z-index: 5;
 901 }
 902
 903 .fc-time-grid .fc-helper-skeleton {
 904         z-index: 6;
 905 }
 906
 907
 908 /* TimeGrid Slats (lines that run horizontally)
 909 --------------------------------------------------------------------------------------------------*/
 910
 911 .fc-time-grid .fc-slats td {
 912         height: 1.5em;
 913         border-bottom: 0; /* each cell is responsible for its top border */
 914 }
 915
 916 .fc-time-grid .fc-slats .fc-minor td {
 917         border-top-style: dotted;
 918 }
 919
 920 .fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
 921         background: none; /* see through to fc-bg */
 922 }
 923
 924
 925 /* TimeGrid Highlighting Slots
 926 --------------------------------------------------------------------------------------------------*/
 927
 928 .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
 929         position: relative; /* scopes the left/right of the fc-highlight to be in the column */
 930 }
 931
 932 .fc-time-grid .fc-highlight {
 933         position: absolute;
 934         left: 0;
 935         right: 0;
 936         /* top and bottom will be in by JS */
 937 }
 938
 939
 940 /* TimeGrid Event Containment
 941 --------------------------------------------------------------------------------------------------*/
 942
 943 .fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
 944 .fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
 945         position: relative;
 946 }
 947
 948 .fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
 949         margin: 0 2.5% 0 2px;
 950 }
 951
 952 .fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
 953         margin: 0 2px 0 2.5%;
 954 }
 955
 956 .fc-time-grid .fc-event,
 957 .fc-time-grid .fc-bgevent {
 958         position: absolute;
 959         z-index: 1; /* scope inner z-index's */
 960 }
 961
 962 .fc-time-grid .fc-bgevent {
 963         /* background events always span full width */
 964         left: 0;
 965         right: 0;
 966 }
 967
 968
 969 /* Generic Vertical Event
 970 --------------------------------------------------------------------------------------------------*/
 971
 972 .fc-v-event.fc-not-start { /* events that are continuing from another day */
 973         /* replace space made by the top border with padding */
 974         border-top-width: 0;
 975         padding-top: 1px;
 976
 977         /* remove top rounded corners */
 978         border-top-left-radius: 0;
 979         border-top-right-radius: 0;
 980 }
 981
 982 .fc-v-event.fc-not-end {
 983         /* replace space made by the top border with padding */
 984         border-bottom-width: 0;
 985         padding-bottom: 1px;
 986
 987         /* remove bottom rounded corners */
 988         border-bottom-left-radius: 0;
 989         border-bottom-right-radius: 0;
 990 }
 991
 992
 993 /* TimeGrid Event Styling
 994 ----------------------------------------------------------------------------------------------------
 995 We use the full "fc-time-grid-event" class instead of using descendants because the event won't
 996 be a descendant of the grid when it is being dragged.
 997 */
 998
 999 .fc-time-grid-event {
1000         overflow: hidden; /* don't let the bg flow over rounded corners */
1001 }
1002
1003 .fc-time-grid-event .fc-time,
1004 .fc-time-grid-event .fc-title {
1005         padding: 0 1px;
1006 }
1007
1008 .fc-time-grid-event .fc-time {
1009         font-size: .85em;
1010         white-space: nowrap;
1011 }
1012
1013 /* short mode, where time and title are on the same line */
1014
1015 .fc-time-grid-event.fc-short .fc-content {
1016         /* don't wrap to second line (now that contents will be inline) */
1017         white-space: nowrap;
1018 }
1019
1020 .fc-time-grid-event.fc-short .fc-time,
1021 .fc-time-grid-event.fc-short .fc-title {
1022         /* put the time and title on the same line */
1023         display: inline-block;
1024         vertical-align: top;
1025 }
1026
1027 .fc-time-grid-event.fc-short .fc-time span {
1028         display: none; /* don't display the full time text... */
1029 }
1030
1031 .fc-time-grid-event.fc-short .fc-time:before {
1032         content: attr(data-start); /* ...instead, display only the start time */
1033 }
1034
1035 .fc-time-grid-event.fc-short .fc-time:after {
1036         content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
1037 }
1038
1039 .fc-time-grid-event.fc-short .fc-title {
1040         font-size: .85em; /* make the title text the same size as the time */
1041         padding: 0; /* undo padding from above */
1042 }
1043
1044 /* resizer */
1045
1046 .fc-time-grid-event .fc-resizer {
1047         left: 0;
1048         right: 0;
1049         bottom: 0;
1050         height: 8px;
1051         overflow: hidden;
1052         line-height: 8px;
1053         font-size: 11px;
1054         font-family: monospace;
1055         text-align: center;
1056         cursor: s-resize;
1057 }
1058
1059 .fc-time-grid-event .fc-resizer:after {
1060         content: "=";
1061 }