responsive-calendar.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .responsive-calendar .controls {
  2. text-align: center;
  3. }
  4. .responsive-calendar .controls a {
  5. cursor: pointer;
  6. }
  7. .responsive-calendar .controls h4 {
  8. display: inline;
  9. }
  10. .responsive-calendar .day-headers,
  11. .responsive-calendar .days {
  12. font-size: 0;
  13. }
  14. .responsive-calendar .day {
  15. display: inline-block;
  16. position: relative;
  17. font-size: 14px;
  18. width: 14.285714285714286%;
  19. text-align: center;
  20. }
  21. .responsive-calendar .day a {
  22. color: #000000;
  23. display: block;
  24. cursor: pointer;
  25. padding: 20% 0 20% 0;
  26. }
  27. .responsive-calendar .day a:hover {
  28. background-color: #eee;
  29. text-decoration: none;
  30. }
  31. .responsive-calendar .day.header {
  32. border-bottom: 1px gray solid;
  33. }
  34. .responsive-calendar .day.active a {
  35. background-color: #1d86c8;
  36. color: #ffffff;
  37. }
  38. .responsive-calendar .day.active a:hover {
  39. background-color: #36a0e2;
  40. }
  41. .responsive-calendar .day.active .not-current {
  42. background-color: #8fcaef;
  43. color: #ffffff;
  44. }
  45. .responsive-calendar .day.active .not-current:hover {
  46. background-color: #bcdff5;
  47. }
  48. .responsive-calendar .day.not-current a {
  49. color: #ddd;
  50. }
  51. .responsive-calendar .day .badge {
  52. position: absolute;
  53. top: 2px;
  54. right: 2px;
  55. z-index: 1;
  56. }