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.
 
 
 
 
 
 

122 line
1.9 KiB

  1. .calBox {
  2. background-color: #999;
  3. text-align: center;
  4. color: white;
  5. width:200px;
  6. position:absolute;
  7. padding-bottom: 10px;
  8. }
  9. .calElement,.calDayHeader {
  10. padding: 1px;
  11. display: inline-block;
  12. overflow:hidden;
  13. }
  14. .calDayHeader {
  15. padding: 4px;
  16. display: inline-block;
  17. background-color:#55b6c7
  18. }
  19. .calNav {
  20. height: 20px;
  21. }
  22. .calNavBar {
  23. padding: 5px;
  24. background-color: rgba(0, 0, 0, 0.25)
  25. }
  26. .calDay .calElement, .calDay .calDayHeader {
  27. border: 1px solid transparent;
  28. }
  29. .calDay .calElement.holy {
  30. /*background-color: rgba(236, 195, 176, 0.40);*/
  31. color: #81d7e2;
  32. }
  33. .calDay .calDayHeader {
  34. font-size: 8px;
  35. text-transform: uppercase;
  36. }
  37. .calElement.prev,
  38. .calElement.goToday,
  39. .calElement.next {
  40. width: 16px;
  41. height: 18px;
  42. border: none;
  43. margin-top: 0
  44. }
  45. .calElement.prev {
  46. background: transparent url(img/prev.png) no-repeat 5px center;
  47. float:left;
  48. }
  49. .calElement.goToday {
  50. background: transparent url(img/today.png) no-repeat 5px center;
  51. float:left;
  52. }
  53. .calElement.next {
  54. background: transparent url(img/next.png) no-repeat 5px center;
  55. float:right;
  56. }
  57. .calElement:hover{
  58. background-color: transparent;
  59. border:none;
  60. cursor: pointer;
  61. opacity: 0.6
  62. }
  63. .calDay .calElement .dayNumber {
  64. font-size: 20px;
  65. }
  66. .calDay.calFullMonth .dayNumber {
  67. font-size: 14px;
  68. }
  69. .calDay .calOutOfScope{
  70. color: #b1b0b0;
  71. }
  72. .calElement.selected {
  73. border: 1px solid #404040;
  74. }
  75. .calElement:hover {
  76. background-color: #404040;
  77. border: 1px solid #404040;
  78. cursor: pointer;
  79. }
  80. .calElement.today {
  81. border: 1px solid #c84e48;
  82. }
  83. .shortCuts {
  84. /*border-top: 1px solid rgba(0, 0, 0, 0.25);*/
  85. padding: 3px 0 6px;
  86. background-color: rgba(97, 215, 232, 0.50)
  87. }
  88. .shortCuts span{
  89. font-size: 11px;
  90. border: 1px dotted #617777;
  91. width: 23px;
  92. display: inline-block;
  93. cursor: pointer
  94. }
  95. .shortCuts span:hover {
  96. background-color: rgba(0, 0, 0, 0.25)
  97. }