calendar.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. @import url('demo.css');
  2. @font-face {
  3. font-family: 'fontawesome-selected';
  4. src: url("../font/fontawesome-selected.eot");
  5. src: url("../font/fontawesome-selected.eot?#iefix") format('embedded-opentype'), url("../font/fontawesome-selected.woff") format('woff'), url("../font/fontawesome-selected.ttf") format('truetype'), url("../font/fontawesome-selected.svg#fontawesome-selected") format('svg');
  6. font-weight: normal;
  7. font-style: normal;
  8. }
  9. .fc-calendar-container {
  10. position: relative;
  11. /*border: 1px dashed red;*/
  12. }
  13. .fc-calendar {
  14. width: 300px;
  15. height: 280px;
  16. margin-top:10px;
  17. margin-left: auto;
  18. margin-right: auto;
  19. text-align: center;
  20. }
  21. .fc-calendar .fc-head {
  22. height: 40px;
  23. line-height: 40px;
  24. background: #ccc;
  25. color: #fff;
  26. width: 280px;
  27. margin-left: auto;
  28. margin-right: auto;
  29. text-align: center;
  30. }
  31. .fc-calendar .fc-body {
  32. position: relative;
  33. width: 282px;
  34. height: 242px;
  35. border: 1px solid #ddd;
  36. margin-left: auto;
  37. margin-right: auto;
  38. text-align: center;
  39. }
  40. .fc-calendar .fc-row {
  41. width: 280px;
  42. }
  43. .fc-four-rows .fc-row {
  44. height: 25%;
  45. }
  46. .fc-five-rows .fc-row {
  47. height: 20%;
  48. }
  49. .fc-six-rows .fc-row {
  50. height: 40px;
  51. }
  52. .fc-calendar .fc-row > div,
  53. .fc-calendar .fc-head > div {
  54. float: left;
  55. height: 38px;
  56. width: 38px;
  57. margin:1px;
  58. position: relative;
  59. }
  60. /* IE 9 is rounding up the calc it seems */
  61. .ie9 .fc-calendar .fc-row > div,
  62. .ie9 .fc-calendar .fc-head > div {
  63. width: 14.2%;
  64. }
  65. .fc-calendar .fc-row > div {
  66. overflow: hidden;
  67. position: relative;
  68. }
  69. .fc-calendar .fc-head > div {
  70. text-align: center;
  71. }
  72. .fc-calendar .fc-row > div > span.fc-date {
  73. position: absolute;
  74. width: 30px;
  75. height: 20px;
  76. font-size: 20px;
  77. line-height: 20px;
  78. font-weight: 700;
  79. color: #ddd;
  80. text-shadow: 0 -1px 0 rgba(255,255,255,0.8);
  81. bottom: 5px;
  82. right: 5px;
  83. text-align: right;
  84. }
  85. .fc-calendar .fc-row > div > span.fc-weekday {
  86. padding-left: 5px;
  87. display: none;
  88. }
  89. .fc-calendar .fc-row > div.fc-today {
  90. background: #fff4c3;
  91. }
  92. .fc-calendar .fc-row > div.fc-out {
  93. opacity: 0.6;
  94. }
  95. .fc-calendar .fc-row > div:last-child,
  96. .fc-calendar .fc-head > div:last-child {
  97. border-right: none;
  98. }
  99. .fc-calendar .fc-row:last-child {
  100. border-bottom: none;
  101. }