jsCalendar.darkseries.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. /*
  2. * jsCalendar theme
  3. * DarkSeries v1.2
  4. *
  5. *
  6. * MIT License
  7. *
  8. * Copyright (c) 2019 Grammatopoulos Athanasios-Vasileios
  9. *
  10. * Permission is hereby granted, free of charge, to any person obtaining a copy
  11. * of this software and associated documentation files (the "Software"), to deal
  12. * in the Software without restriction, including without limitation the rights
  13. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  14. * copies of the Software, and to permit persons to whom the Software is
  15. * furnished to do so, subject to the following conditions:
  16. *
  17. * The above copyright notice and this permission notice shall be included in all
  18. * copies or substantial portions of the Software.
  19. *
  20. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  21. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  22. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  23. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  24. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  25. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  26. * SOFTWARE.
  27. *
  28. */
  29. /* Black Theme */
  30. .jsCalendar.black-theme table {
  31. background-color: #000000;
  32. box-shadow: 0 0 2px rgba(80, 80, 80, 0.4);
  33. color: #CCCCCC;
  34. }
  35. .jsCalendar.black-theme thead .jsCalendar-nav-left,
  36. .jsCalendar.black-theme thead .jsCalendar-nav-right {
  37. color: #505050;
  38. }
  39. .jsCalendar.black-theme thead .jsCalendar-nav-left:hover,
  40. .jsCalendar.black-theme thead .jsCalendar-nav-right:hover {
  41. background-color: #252525;
  42. color: #AAAAAA;
  43. }
  44. .jsCalendar.black-theme tbody td.jsCalendar-selected {
  45. background-color: #000000;
  46. border: 2px solid #404040;
  47. }
  48. .jsCalendar.black-theme tbody td:hover {
  49. background-color: #252525;
  50. color: #FFFFFF;
  51. }
  52. .jsCalendar.black-theme tbody td.jsCalendar-current {
  53. background-color: #252525;
  54. }
  55. .jsCalendar.black-theme tbody td.jsCalendar-previous,
  56. .jsCalendar.black-theme tbody td.jsCalendar-next {
  57. color: #505050;
  58. }
  59. .jsCalendar.black-theme tbody td.jsCalendar-previous:hover,
  60. .jsCalendar.black-theme tbody td.jsCalendar-next:hover {
  61. color: #FFFFFF;
  62. }
  63. .jsCalendar.black-theme ::-moz-selection {
  64. background: #505050;
  65. }
  66. .jsCalendar.black-theme ::selection {
  67. background: #505050;
  68. }
  69. /* Grey Theme */
  70. .jsCalendar.grey-theme table {
  71. background-color: #E3E6EB;
  72. box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  73. color: #242529;
  74. }
  75. .jsCalendar.grey-theme thead .jsCalendar-nav-left,
  76. .jsCalendar.grey-theme thead .jsCalendar-nav-right {
  77. color: #717580;
  78. }
  79. .jsCalendar.grey-theme thead .jsCalendar-nav-left:hover,
  80. .jsCalendar.grey-theme thead .jsCalendar-nav-right:hover {
  81. background-color: #717580;
  82. color: #E3E6EB;
  83. }
  84. .jsCalendar.grey-theme tbody td.jsCalendar-selected {
  85. background-color: transparent;
  86. border: 2px solid #A3A6AE;
  87. }
  88. .jsCalendar.grey-theme tbody td:hover {
  89. background-color: #717580;
  90. color: #E3E6EB;
  91. }
  92. .jsCalendar.grey-theme tbody td.jsCalendar-current {
  93. background-color: #42454C;
  94. }
  95. .jsCalendar.grey-theme tbody td.jsCalendar-current:hover {
  96. color: #E3E6EB;
  97. }
  98. .jsCalendar.grey-theme tbody td.jsCalendar-previous,
  99. .jsCalendar.grey-theme tbody td.jsCalendar-next {
  100. color: #B0B4BD;
  101. }
  102. .jsCalendar.grey-theme tbody td.jsCalendar-previous:hover,
  103. .jsCalendar.grey-theme tbody td.jsCalendar-next:hover {
  104. color: #E3E6EB;
  105. }
  106. .jsCalendar.grey-theme ::-moz-selection {
  107. background: #B0B4BD;
  108. }
  109. .jsCalendar.grey-theme ::selection {
  110. background: #B0B4BD;
  111. }
  112. /* White Theme */
  113. .jsCalendar.white-theme table {
  114. background-color: #ffffff;
  115. box-shadow: 0 0 2px rgba(80, 80, 80, 0.4);
  116. color: #333333;
  117. }
  118. .jsCalendar.white-theme thead .jsCalendar-nav-left,
  119. .jsCalendar.white-theme thead .jsCalendar-nav-right {
  120. color: #AFAFAF;
  121. }
  122. .jsCalendar.white-theme thead .jsCalendar-nav-left:hover,
  123. .jsCalendar.white-theme thead .jsCalendar-nav-right:hover {
  124. background-color: #DADADA;
  125. color: #555555;
  126. }
  127. .jsCalendar.white-theme tbody td:hover {
  128. background-color: #DADADA;
  129. color: #000000;
  130. }
  131. .jsCalendar.white-theme tbody td.jsCalendar-selected {
  132. border: 2px solid #BFBFBF;
  133. }
  134. .jsCalendar.white-theme tbody td.jsCalendar-current {
  135. background-color: #222222;
  136. }
  137. .jsCalendar.white-theme tbody td.jsCalendar-current:hover {
  138. color: #FFFFFF;
  139. }
  140. .jsCalendar.white-theme tbody td.jsCalendar-previous,
  141. .jsCalendar.white-theme tbody td.jsCalendar-next {
  142. color: #AFAFAF;
  143. }
  144. .jsCalendar.white-theme tbody td.jsCalendar-previous:hover,
  145. .jsCalendar.white-theme tbody td.jsCalendar-next:hover {
  146. color: #000000;
  147. }
  148. .jsCalendar.white-theme ::-moz-selection {
  149. background: #AFAFAF;
  150. }
  151. .jsCalendar.white-theme ::selection {
  152. background: #AFAFAF;
  153. }