You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

148 lines
11 KiB

  1. /* * FullCalendar v1.5.3 Stylesheet * * Copyright (c) 2011 Adam Shaw * Dual licensed under the MIT and GPL licenses, located in * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. * * Date: Mon Feb 6 22:40:40 2012 -0800 **/body{margin: 10px;margin-bottom: 0px;}
  2. .fc{direction: ltr;text-align: left;}
  3. .fc table{border-collapse: collapse;border-spacing: 0;}
  4. html .fc,
  5. .fc table{font-size: 1em;}
  6. .fc td,
  7. .fc th{padding: 0;vertical-align: top;}
  8. /* Header
  9. ------------------------------------------------------------------------*/
  10. .fc-header {
  11. border: 1px solid #ccc;
  12. border-bottom: 0px;
  13. }
  14. .fc-header td{white-space: nowrap;padding-top: 10px;}
  15. .fc-header-left{width: 25%;text-align: left;padding-left:10px !important;}
  16. .fc-header-center{text-align: center;}
  17. .fc-header-right{width: 25%;text-align: right;padding-right:10px !important;}
  18. .fc-header-title{display: inline-block;vertical-align: top;}
  19. .fc-header-title h2{margin-top: 0;font-weight: bold;font: 18px Arial,Helvetica, Sans-Serif;}
  20. .fc .fc-header-space{padding-left: 10px;}
  21. .fc-header .fc-button{margin-bottom: 1em;vertical-align: top;}
  22. /* buttons edges butting together*/.fc-header .fc-button{margin-right: -1px;}
  23. .fc-header .fc-corner-right{margin-right: 1px;/* back to normal*/}
  24. .fc-header .ui-corner-right{margin-right: 0;/* back to normal*/}
  25. /* button layering (for border precedence)*/.fc-header .fc-state-hover,
  26. .fc-header .ui-state-hover{z-index: 2;}
  27. .fc-header .fc-state-down{z-index: 3;}
  28. .fc-header .fc-state-active,
  29. .fc-header .ui-state-active{z-index: 4;}
  30. /* Content
  31. ------------------------------------------------------------------------*/.fc-content{clear: both;}
  32. .fc-view{width: 100%;/* needed for view switching (when view is absolute)*/overflow: hidden;}
  33. /* Cell Styles
  34. ------------------------------------------------------------------------*/
  35. .fc-widget-header {
  36. background: #f7f7f7;
  37. }
  38. .fc-widget-header,
  39. .fc-widget-content{/* <td>, usually*/border: 1px solid #ddd;}
  40. .fc-state-highlight{background: #fcf8e3;}
  41. .fc-view-agendaWeek .fc-state-highlight{background: #fff;}
  42. .fc-view-agendaDay .fc-state-highlight{background: #fff;}
  43. /*.fc-view-agendaDay .fc-today{background: #FFF4BF;}*/.fc-cell-overlay{/* semi-transparent rectangle while dragging*/background: #9cf;opacity: .2;filter: alpha(opacity=20);/* for IE*/}
  44. /* Buttons
  45. ------------------------------------------------------------------------*/.fc-button{position: relative;display: inline-block;padding: 0 .6em;overflow: hidden;height: 1.9em;line-height: 1.9em;white-space: nowrap;cursor: pointer;}
  46. .fc-state-default{/* non-theme*/border: 1px solid;}
  47. .fc-state-default.fc-corner-left{/* non-theme*/border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
  48. .fc-state-default.fc-corner-right{/* non-theme*/border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
  49. /*Our default prev/next buttons use HTML entities like &lsaquo;&rsaquo;&laquo;&raquo;and we'll try to make them look good cross-browser.*/.fc-text-arrow{margin: 0 .1em;font-size: 2em;font-family: "Courier New", Courier, monospace;vertical-align: baseline;/* for IE7*/}
  50. .fc-button-prev .fc-text-arrow,
  51. .fc-button-next .fc-text-arrow{/* for &lsaquo;&rsaquo;*/font-weight: bold;}
  52. /* icon (for jquery ui)*/.fc-button .fc-icon-wrap{position: relative;float: left;top: 50%;}
  53. .fc-button .ui-icon{position: relative;float: left;margin-top: -50%;*margin-top: 0;*top: -50%;}
  54. /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)*/.fc-state-default{background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #333;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
  55. .fc-state-hover,
  56. .fc-state-down,
  57. .fc-state-active,
  58. .fc-state-disabled{color: #333333;background-color: #e6e6e6;}
  59. .fc-state-hover{color: #333333;text-decoration: none;background-position: 0 -15px;-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear;}
  60. .fc-state-down,
  61. .fc-state-active{background-color: #cccccc;background-image: none;outline: 0;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}
  62. .fc-state-disabled{cursor: default;background-image: none;opacity: 0.65;filter: alpha(opacity=65);box-shadow: none;}
  63. /* Global Event Styles
  64. ------------------------------------------------------------------------*/.fc-event{border-style: solid;border-width: 0;font-size: .85em;cursor: default;}
  65. a.fc-event,
  66. .fc-event-draggable{cursor: pointer;}
  67. a.fc-event{text-decoration: none;}
  68. .fc-rtl .fc-event{text-align: right;}
  69. .fc-event-skin {
  70. border-color: #D06B64; /* default BORDER color*/
  71. background-color: #D06B64; /* default BACKGROUND color*/
  72. color: #fff;
  73. /*border-radius:5px;*/
  74. }
  75. .fc-event-inner{position: relative;width:auto;height: 100%;border-style: solid;border-width: 0;overflow: hidden;}
  76. .fc-event-time,
  77. .fc-event-title{padding: 0 1px;}
  78. .fc .ui-resizable-handle{/*** TODO: don't use ui-resizable anymore, change class ***/display: block;position: absolute;z-index: 99999;overflow: hidden;/* hacky spaces (IE6/7)*/font-size: 300%;/**/line-height: 50%;/**/}
  79. /* Horizontal Events
  80. ------------------------------------------------------------------------*/.fc-event-hori{border-width: 1px 0;margin-bottom: 1px;}
  81. /* resizable*/.fc-event-hori .ui-resizable-e{top: 0 !important;/* importants override pre jquery ui 1.7 styles*/right: -3px !important;width: 7px !important;height: 100% !important;cursor: e-resize;}
  82. .fc-event-hori .ui-resizable-w{top: 0 !important;left: -3px !important;width: 7px !important;height: 100% !important;cursor: w-resize;}
  83. .fc-event-hori .ui-resizable-handle{_padding-bottom: 14px;/* IE6 had 0 height*/}
  84. /* Fake Rounded Corners (for buttons and events)
  85. ------------------------------------------------------------*/.fc-corner-left{margin-left: 1px;}
  86. .fc-corner-left .fc-button-inner,
  87. .fc-corner-left .fc-event-inner{margin-left: -1px;}
  88. .fc-corner-right{margin-right: 1px;}
  89. .fc-corner-right .fc-button-inner,
  90. .fc-corner-right .fc-event-inner{margin-right: -1px;}
  91. .fc-corner-top{margin-top: 1px;}
  92. .fc-corner-top .fc-event-inner{margin-top: -1px;}
  93. .fc-corner-bottom{margin-bottom: 1px;}
  94. .fc-corner-bottom .fc-event-inner{margin-bottom: -1px;}
  95. /* Fake Rounded Corners SPECIFICALLY FOR EVENTS
  96. -----------------------------------------------------------------*/.fc-corner-left .fc-event-inner{border-left-width: 1px;}
  97. .fc-corner-right .fc-event-inner{border-right-width: 1px;}
  98. .fc-corner-top .fc-event-inner{border-top-width: 1px;}
  99. .fc-corner-bottom .fc-event-inner{border-bottom-width: 1px;}
  100. /* Reusable Separate-border Table
  101. ------------------------------------------------------------*/table.fc-border-separate{border-collapse: separate;}
  102. .fc-border-separate th,
  103. .fc-border-separate td{border-width: 1px 0 0 1px;}
  104. .fc-border-separate th.fc-last,
  105. .fc-border-separate td.fc-last{border-right-width: 1px;}
  106. .fc-border-separate tr.fc-last th,
  107. .fc-border-separate tr.fc-last td{border-bottom-width: 1px;}
  108. .fc-border-separate tbody tr.fc-first td,
  109. .fc-border-separate tbody tr.fc-first th{border-top-width: 0;}
  110. /* Month View, Basic Week View, Basic Day View
  111. ------------------------------------------------------------------------*/.fc-grid th{text-align: center;height:28px;line-height:28px;font-weight: normal;}
  112. .fc-grid .fc-day-number{float: left;padding-top: 5px;padding-left: 5px;}
  113. .fc-grid .fc-other-month .fc-day-number{opacity: 0.3;filter: alpha(opacity=30);/* for IE*//* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem*/}
  114. .fc-grid .fc-day-content{clear: both;padding: 2px 2px 1px;/* distance between events and day edges*/}
  115. /* event styles*/.fc-grid .fc-event-time{font-weight: bold;}
  116. /* right-to-left*/.fc-rtl .fc-grid .fc-day-number{float: left;}
  117. .fc-rtl .fc-grid .fc-event-time{float: right;}
  118. /* Agenda Week View, Agenda Day View
  119. ------------------------------------------------------------------------*/.fc-agenda table{border-collapse: separate;}
  120. .fc-agenda-days th{text-align: center;height:28px;line-height:28px;font-weight: normal;}
  121. .fc-agenda .fc-agenda-axis{width: 51px;padding: 0 4px;vertical-align: middle;text-align: right;white-space: nowrap;font-weight: normal;}
  122. .fc-agenda .fc-day-content{padding: 2px 2px 1px;}
  123. /* make axis border take precedence*/.fc-agenda-days .fc-agenda-axis{/*border-right-width: 1px;*/}
  124. .fc-agenda-days .fc-col0{border-left-width: 0;}
  125. /* all-day area*/.fc-agenda-allday th{border-width: 0 1px;}
  126. .fc-agenda-allday .fc-day-content{min-height: 34px;_height: 34px;background: #fcf8e3;}
  127. /* divider (between all-day and slots)*/.fc-agenda-divider-inner{height: 2px;overflow: hidden;}
  128. .fc-widget-header .fc-agenda-divider-inner{background: #fff;}
  129. /* slot rows*/.fc-agenda-slots th{border-width: 1px 1px 0;}
  130. .fc-agenda-slots td{border-width: 1px 0 0;background: none;}
  131. .fc-agenda-slots td div{height: 20px;}
  132. .fc-agenda-slots tr.fc-slot0 th,
  133. .fc-agenda-slots tr.fc-slot0 td{border-top-width: 0;}
  134. .fc-agenda-slots tr.fc-minor th,
  135. .fc-agenda-slots tr.fc-minor td{border-top-style: dotted;}
  136. .fc-agenda-slots tr.fc-minor th.ui-widget-header{*border-top-style: solid;/* doesn't work with background in IE6/7*/}
  137. /* Vertical Events
  138. ------------------------------------------------------------------------*/.fc-event-vert{border-width: 0 1px;}
  139. .fc-event-vert .fc-event-head,
  140. .fc-event-vert .fc-event-content{position: relative;z-index: 2;width: 100%;overflow: hidden;}
  141. .fc-event-vert .fc-event-time{white-space: nowrap;font-size: 10px;}
  142. .fc-event-vert .fc-event-bg{/* makes the event lighter w/ a semi-transparent overlay*/position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: .3;filter: alpha(opacity=30);}
  143. .fc .ui-draggable-dragging .fc-event-bg,
  144. /* TODO: something nicer like .fc-opacity*/.fc-select-helper .fc-event-bg{display: none\9;/* for IE6/7/8. nested opacity filters while dragging don't work*/}
  145. /* resizable*/.fc-event-vert .ui-resizable-s{bottom: 0 !important;/* importants override pre jquery ui 1.7 styles*/width: 100% !important;height: 8px !important;overflow: hidden !important;line-height: 8px !important;font-size: 11px !important;font-family: monospace;text-align: center;cursor: s-resize;}
  146. .fc-agenda .ui-resizable-resizing{/* TODO: better selector*/_overflow: hidden;}