src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/fullcalendar/fullcalendar.css

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