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.

298 lines
8.5 KiB

2 years ago
  1. /* latin */
  2. @font-face {
  3. font-family: 'Droid Sans Mono';
  4. font-style: normal;
  5. font-weight: 400;
  6. src: local('Droid Sans Mono'), local('DroidSansMono'), url(http://fonts.gstatic.com/s/droidsansmono/v7/ns-m2xQYezAtqh7ai59hJYdJ2JT0J65PSe7wdxAnx_I.woff2) format('woff2');
  7. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  8. }
  9. .clearfix:after {
  10. content: ".";
  11. display: block;
  12. clear: both;
  13. visibility: hidden;
  14. line-height: 0;
  15. height: 0;
  16. }
  17. .clearfix {
  18. display: inline-block;
  19. }
  20. html[xmlns] .clearfix {
  21. display: block;
  22. }
  23. * html .clearfix {
  24. height: 1%;
  25. }
  26. .noselect {
  27. -webkit-user-select: none;
  28. /* Chrome/Safari */
  29. -moz-user-select: none;
  30. /* Firefox */
  31. -ms-user-select: none;
  32. /* IE10+ */
  33. }
  34. h4 {
  35. width: 75%;
  36. text-align: center;
  37. font-family: 'Droid Sans Mono';
  38. font-weight: normal;
  39. color: white;
  40. font-size: 14px;
  41. margin: 0 auto 1em auto;
  42. padding: 1em;
  43. background: #b63642;
  44. }
  45. h5 {
  46. font-size: 1em;
  47. font-weight: bold;
  48. }
  49. p {
  50. text-align: center;
  51. font-family: 'Droid Sans Mono';
  52. margin: 3em auto 1em auto;
  53. padding-top: 0.5em;
  54. padding-bottom: 0.5em;
  55. border-bottom: 2px solid #414141;
  56. background: #f4f4f4;
  57. }
  58. .left-align {
  59. text-align: left;
  60. }
  61. .right-align {
  62. text-align: right;
  63. }
  64. .cal1 {
  65. margin: 0 0 30px 0;
  66. max-width: 600px;
  67. font-family: 'Droid Sans Mono';
  68. font-size: 14px;
  69. }
  70. .cal1 .clndr .clndr-controls {
  71. display: inline-block;
  72. width: 100%;
  73. height:25px;
  74. position: relative;
  75. /*margin-bottom: 10px;*/
  76. border: 1px solid #414141;
  77. background-color:Silver;
  78. }
  79. .cal1 .clndr .clndr-controls .month {
  80. /*float: left;*/
  81. width: 100%;
  82. text-align: center;
  83. }
  84. .cal1 .clndr .clndr-controls .clndr-control-button {
  85. float: left;
  86. width: 33%;
  87. }
  88. .cal1 .clndr .clndr-controls .clndr-control-button.rightalign {
  89. text-align: right;
  90. width: 34%;
  91. }
  92. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  93. cursor: pointer;
  94. -webkit-user-select: none;
  95. /* Chrome/Safari */
  96. -moz-user-select: none;
  97. /* Firefox */
  98. -ms-user-select: none;
  99. /* IE10+ */
  100. }
  101. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
  102. background: #ddd;
  103. }
  104. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive {
  105. opacity: 0.5;
  106. }
  107. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
  108. background: none;
  109. cursor: default;
  110. }
  111. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  112. cursor: pointer;
  113. -webkit-user-select: none;
  114. /* Chrome/Safari */
  115. -moz-user-select: none;
  116. /* Firefox */
  117. -ms-user-select: none;
  118. /* IE10+ */
  119. }
  120. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
  121. background: #ddd;
  122. }
  123. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive {
  124. opacity: 0.5;
  125. }
  126. .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
  127. background: none;
  128. cursor: default;
  129. }
  130. .cal1 .clndr .clndr-table {
  131. table-layout: fixed;
  132. width: 100%;
  133. }
  134. .cal1 .clndr .clndr-table .header-days {
  135. height: 20px;
  136. font-size: 10px;
  137. background: #0D70A6;
  138. }
  139. .cal1 .clndr .clndr-table .header-days .header-day {
  140. vertical-align: middle;
  141. text-align: center;
  142. border-left: 1px solid #000000;
  143. border-top: 1px solid #000000;
  144. color: #fff;
  145. }
  146. .cal1 .clndr .clndr-table .header-days .header-day:last-child {
  147. border-right: 1px solid #000000;
  148. }
  149. .cal1 .clndr .clndr-table tr {
  150. height: 85px;
  151. }
  152. .cal1 .clndr .clndr-table tr td {
  153. vertical-align: top;
  154. }
  155. .cal1 .clndr .clndr-table tr .day {
  156. border-left: 1px solid #000000;
  157. border-top: 1px solid #000000;
  158. width: 100%;
  159. height: inherit;
  160. }
  161. .cal1 .clndr .clndr-table tr .day:hover {
  162. background: #eee;
  163. }
  164. .cal1 .clndr .clndr-table tr .day.today,
  165. .cal1 .clndr .clndr-table tr .day.my-today {
  166. background: #9AD6E3;
  167. }
  168. .cal1 .clndr .clndr-table tr .day.today:hover,
  169. .cal1 .clndr .clndr-table tr .day.my-today:hover {
  170. background: #72c6d8;
  171. }
  172. .cal1 .clndr .clndr-table tr .day.today.event,
  173. .cal1 .clndr .clndr-table tr .day.my-today.event {
  174. background: #a7dbc1;
  175. }
  176. .cal1 .clndr .clndr-table tr .day.event,
  177. .cal1 .clndr .clndr-table tr .day.my-event {
  178. background: #B4E09F;
  179. }
  180. .cal1 .clndr .clndr-table tr .day.event:hover,
  181. .cal1 .clndr .clndr-table tr .day.my-event:hover {
  182. background: #96d478;
  183. }
  184. .cal1 .clndr .clndr-table tr .day.inactive,
  185. .cal1 .clndr .clndr-table tr .day.my-inactive {
  186. background: #ddd;
  187. }
  188. .cal1 .clndr .clndr-table tr .day:last-child {
  189. border-right: 1px solid #000000;
  190. }
  191. .cal1 .clndr .clndr-table tr .day .day-contents {
  192. box-sizing: border-box;
  193. padding: 8px;
  194. font-size: 12px;
  195. text-align: right;
  196. }
  197. .cal1 .clndr .clndr-table tr .empty,
  198. .cal1 .clndr .clndr-table tr .adjacent-month,
  199. .cal1 .clndr .clndr-table tr .my-empty,
  200. .cal1 .clndr .clndr-table tr .my-adjacent-month {
  201. border-left: 1px solid #000000;
  202. border-top: 1px solid #000000;
  203. width: 100%;
  204. height: inherit;
  205. background: #eee;
  206. }
  207. .cal1 .clndr .clndr-table tr .empty:hover,
  208. .cal1 .clndr .clndr-table tr .adjacent-month:hover,
  209. .cal1 .clndr .clndr-table tr .my-empty:hover,
  210. .cal1 .clndr .clndr-table tr .my-adjacent-month:hover {
  211. background: #ddd;
  212. }
  213. .cal1 .clndr .clndr-table tr .empty:last-child,
  214. .cal1 .clndr .clndr-table tr .adjacent-month:last-child,
  215. .cal1 .clndr .clndr-table tr .my-empty:last-child,
  216. .cal1 .clndr .clndr-table tr .my-adjacent-month:last-child {
  217. border-right: 1px solid #000000;
  218. }
  219. .cal1 .clndr .clndr-table tr:last-child .day,
  220. .cal1 .clndr .clndr-table tr:last-child .my-day {
  221. border-bottom: 1px solid #000000;
  222. }
  223. .cal1 .clndr .clndr-table tr:last-child .empty,
  224. .cal1 .clndr .clndr-table tr:last-child .my-empty {
  225. border-bottom: 1px solid #000000;
  226. }
  227. .clndr-next-button,
  228. .clndr-previous-button,
  229. .clndr-next-year-button,
  230. .clndr-previous-year-button {
  231. -webkit-user-select: none;
  232. /* Chrome/Safari */
  233. -moz-user-select: none;
  234. /* Firefox */
  235. -ms-user-select: none;
  236. /* IE10+ */
  237. }
  238. .clndr-next-button.inactive,
  239. .clndr-previous-button.inactive,
  240. .clndr-next-year-button.inactive,
  241. .clndr-previous-year-button.inactive {
  242. opacity: 0.5;
  243. cursor: default;
  244. }
  245. .calendar-dow-0, .calendar-dow-6 {
  246. background: #fddfce;
  247. }
  248. .holiday{
  249. background-color:#ff6a00 !important;
  250. }
  251. .holiday:hover{
  252. background-color:#ff6a00 !important;
  253. }