/src/css/agenda.css

http://fullcalendar.googlecode.com/ · CSS · 155 lines · 108 code · 37 blank · 10 comment · 0 complexity · 731fd436ad4176d1634e93fc53fe2595 MD5 · raw file

  1. /* Agenda Week View, Agenda Day View
  2. ------------------------------------------------------------------------*/
  3. .fc .fc-agenda th,
  4. .fc .fc-agenda td {
  5. border-width: 1px 0 0 1px;
  6. }
  7. .fc .fc-agenda .fc-leftmost {
  8. border-left: 0;
  9. }
  10. .fc-agenda tr.fc-first th,
  11. .fc-agenda tr.fc-first td {
  12. border-top: 0;
  13. }
  14. .fc-agenda-head tr.fc-last th {
  15. border-bottom-width: 1px;
  16. }
  17. .fc .fc-agenda-head td,
  18. .fc .fc-agenda-body td {
  19. background: none;
  20. }
  21. .fc-agenda-head th {
  22. text-align: center;
  23. }
  24. /* the time axis running down the left side */
  25. .fc-agenda .fc-axis {
  26. width: 50px;
  27. padding: 0 4px;
  28. vertical-align: middle;
  29. white-space: nowrap;
  30. text-align: right;
  31. font-weight: normal;
  32. }
  33. /* all-day event cells at top */
  34. .fc-agenda-head tr.fc-all-day th {
  35. height: 35px;
  36. }
  37. .fc-agenda-head td {
  38. padding-bottom: 10px;
  39. }
  40. .fc .fc-divider div {
  41. font-size: 1px; /* for IE6/7 */
  42. height: 2px;
  43. }
  44. .fc .fc-divider .fc-state-default {
  45. background: #eee; /* color for divider between all-day and time-slot events */
  46. }
  47. /* body styles */
  48. .fc .fc-agenda-body td div {
  49. height: 20px; /* slot height */
  50. }
  51. .fc .fc-agenda-body tr.fc-minor th,
  52. .fc .fc-agenda-body tr.fc-minor td {
  53. border-top-style: dotted;
  54. }
  55. .fc-agenda .fc-day-content {
  56. padding: 2px 2px 0; /* distance between events and day edges */
  57. }
  58. /* Vertical Events
  59. ------------------------------------------------------------------------*/
  60. .fc-event-vert {
  61. border-width: 0 1px;
  62. }
  63. .fc-event-vert a {
  64. border-width: 0;
  65. }
  66. /* for fake rounded corners */
  67. .fc-content .fc-corner-top {
  68. margin-top: 1px;
  69. }
  70. .fc-content .fc-corner-top a {
  71. margin-top: -1px;
  72. border-top-width: 1px;
  73. }
  74. .fc-content .fc-corner-bottom {
  75. margin-bottom: 1px;
  76. }
  77. .fc-content .fc-corner-bottom a {
  78. margin-bottom: -1px;
  79. border-bottom-width: 1px;
  80. }
  81. /* event content */
  82. .fc-event-vert span {
  83. display: block;
  84. position: relative;
  85. z-index: 2;
  86. }
  87. .fc-event-vert span.fc-event-time {
  88. white-space: nowrap;
  89. _white-space: normal;
  90. overflow: hidden;
  91. border: 0;
  92. font-size: 10px;
  93. }
  94. .fc-event-vert span.fc-event-title {
  95. line-height: 13px;
  96. }
  97. .fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
  98. position: absolute;
  99. z-index: 1;
  100. top: 0;
  101. left: 0;
  102. width: 100%;
  103. height: 100%;
  104. background: #fff;
  105. opacity: .3;
  106. filter: alpha(opacity=30); /* for IE */
  107. }
  108. /* resizable */
  109. .fc-event-vert .ui-resizable-s {
  110. bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
  111. width: 100% !important;
  112. height: 8px !important;
  113. line-height: 8px !important;
  114. font-size: 11px !important;
  115. font-family: monospace;
  116. text-align: center;
  117. cursor: s-resize;
  118. }