clndr.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. .cal1{
  2. background: #fff;
  3. margin-bottom: 0em;
  4. min-height: 392px;
  5. border: 1px solid transparent;
  6. border-color: #ebeff6;
  7. border-radius: 4px;
  8. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  9. box-shadow: 0 1px 1px rgba(0,0,0,.05);
  10. }
  11. .noselect {
  12. -webkit-user-select: none;
  13. /* Chrome/Safari */
  14. -moz-user-select: none;
  15. /* Firefox */
  16. -ms-user-select: none;
  17. /* IE10+ */
  18. }
  19. .cal1 .clndr .clndr-controls {
  20. position: relative;
  21. color: #FFF;
  22. font-size: 1em;
  23. font-weight:400;
  24. text-transform: uppercase;
  25. padding:18px 20px;
  26. text-align: center;
  27. background-color:#1ABC9C;
  28. border-top-left-radius: 4px;
  29. -webkit-border-top-left-radius: 4px;
  30. -o-border-top-left-radius: 4px;
  31. -ms-border-top-left-radius: 4px;
  32. -moz-border-top-left-radius: 4px;
  33. border-top-right-radius: 4px;
  34. -webkit-border-top-right-radius: 4px;
  35. -o-border-top-right-radius: 4px;
  36. -ms-border-top-right-radius: 4px;
  37. -moz-border-top-right-radius: 4px;
  38. }
  39. .cal1 .clndr .clndr-controls .month {
  40. text-align:center;
  41. }
  42. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  43. position:absolute;
  44. right:20px;
  45. top:15px;
  46. width:30px;
  47. height:30px;
  48. text-indent: -4000px;
  49. background: url(../images/arr.png) no-repeat -27px 0px;
  50. cursor: pointer;
  51. -webkit-user-select: none;
  52. /* Chrome/Safari */
  53. -moz-user-select: none;
  54. /* Firefox */
  55. -ms-user-select: none;
  56. /* IE10+ */
  57. }
  58. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
  59. cursor: default;
  60. }
  61. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  62. position:absolute;
  63. left:20px;
  64. top:15px;
  65. width:30px;
  66. height:30px;
  67. text-indent: -4000px;
  68. background: url(../images/arr.png) no-repeat 0px;
  69. cursor: pointer;
  70. -webkit-user-select: none;
  71. /* Chrome/Safari */
  72. -moz-user-select: none;
  73. /* Firefox */
  74. -ms-user-select: none;
  75. /* IE10+ */
  76. }
  77. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
  78. cursor: default;
  79. }
  80. .cal1 .clndr .clndr-table {
  81. table-layout: fixed;
  82. width:90%;
  83. margin:0 auto;
  84. }
  85. .cal1 .clndr .clndr-table .header-days {
  86. font-size:1em;
  87. font-weight:500;
  88. }
  89. .cal1 .clndr .clndr-table .header-days .header-day {
  90. vertical-align: middle;
  91. text-align: center;
  92. color:#1ABC9C;
  93. }
  94. .cal1 .clndr .clndr-table tr {
  95. height:45px;
  96. }
  97. .cal1 .clndr .clndr-table tr td {
  98. vertical-align: top;
  99. }
  100. .cal1 .clndr .clndr-table tr .day {
  101. width: 100%;
  102. height: inherit;
  103. color: #A6A6A6;
  104. vertical-align: middle;
  105. cursor: pointer;
  106. -webkit-transition: all 0.3s ease-in-out;
  107. -moz-transition: all 0.3s ease-in-out;
  108. -o-transition: all 0.3s ease-in-out;
  109. transition: all 0.3s ease-in-out;
  110. }
  111. .cal1 .clndr .clndr-table tr .day.today {
  112. background:#FBB03B;
  113. color: #FFF;
  114. position:relative;
  115. }
  116. .cal1 .clndr .clndr-table tr .day.today:hover {
  117. color: #FFF;
  118. background:#FBB03B;
  119. }
  120. .cal1 .clndr .clndr-table tr .day:hover{
  121. color: #FFF;
  122. background:#FBB03B;
  123. }
  124. .cal1 .clndr .clndr-table tr .day.today.event {
  125. background:#FBB03B;
  126. color:#FFF;
  127. }
  128. .day.today.event:hover{
  129. background:#FBB03B;
  130. color:#FFF;
  131. }
  132. .cal1 .clndr .clndr-table tr .day .day-contents {
  133. box-sizing: border-box;
  134. font-size:0.8em;
  135. text-align:center;
  136. cursor:pointer;
  137. }
  138. .cal1 .clndr .clndr-table tr .empty,
  139. .cal1 .clndr .clndr-table tr .adjacent-month {
  140. width: 100%;
  141. height: inherit;
  142. color: #989898;
  143. font-weight: 300;
  144. }
  145. @media all and (max-width:1024px){
  146. .cal1 .clndr .clndr-table tr .day.today:after{
  147. left:20px;
  148. }
  149. .cal1 .clndr .clndr-controls {
  150. font-size: 0.85em;
  151. padding: 20px 10px;
  152. }
  153. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  154. left: 10px;
  155. top: 14px;
  156. }
  157. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  158. right: 10px;
  159. top: 14px;
  160. }
  161. .cal1 .clndr .clndr-table .header-days {
  162. font-size: 12px;
  163. }
  164. .cal1 .clndr .clndr-table tr {
  165. height: 35px;
  166. font-size: 12px;
  167. }
  168. .cal1 {
  169. min-height: 280px;
  170. }
  171. }
  172. @media all and (max-width:800px){
  173. .cal1 .clndr .clndr-table tr .day.today:after{
  174. left:13px;
  175. }
  176. }
  177. @media all and (max-width:640px){
  178. .cal1 .clndr .clndr-table tr{
  179. height:35px;
  180. }
  181. .cal1 .clndr .clndr-table tr .day.today:after{
  182. left:10px;
  183. }
  184. }
  185. @media all and (max-width:480px){
  186. .cal1 .clndr .clndr-table tr .day.today:after{
  187. left:24px;
  188. }
  189. }
  190. @media all and (max-width:320px) {
  191. .cal1 .clndr .clndr-table tr {
  192. height: 35px;
  193. }
  194. .cal1 .clndr .clndr-table tr .day.today:after{
  195. left:15px;
  196. }
  197. }