www/plugins-dist/organiseur/lib/fullcalendar/fullcalendar.css

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