_jqcron.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. /*
  2. * This file is part of the Arnapou jqCron package.
  3. *
  4. * (c) Arnaud Buathier <arnaud@arnapou.net>
  5. *
  6. * For the full copyright and license information, please view the LICENSE
  7. * file that was distributed with this source code.
  8. */
  9. .jqCron-selector {
  10. position: relative;
  11. }
  12. .jqCron-cross,
  13. .jqCron-selector-title {
  14. cursor: pointer;
  15. border-radius: 3px;
  16. border: 1px solid #ddd;
  17. margin: 0 0.2em;
  18. padding: 0 0.5em;
  19. }
  20. .jqCron-container.disable .jqCron-cross:hover,
  21. .jqCron-container.disable .jqCron-selector-title:hover,
  22. .jqCron-cross,
  23. .jqCron-selector-title {
  24. background: #eee;
  25. border-color: #ddd;
  26. }
  27. .jqCron-cross:hover,
  28. .jqCron-selector-title:hover {
  29. background-color: #ddd;
  30. border-color: #aaa;
  31. }
  32. .jqCron-cross {
  33. border-radius: 1em;
  34. font-size: 80%;
  35. padding: 0 0.3em;
  36. }
  37. .jqCron-selector-list {
  38. background: #eee;
  39. border: 1px solid #aaa;
  40. -webkit-box-shadow: 2px 2px 3px #ccc;
  41. box-shadow: 2px 2px 3px #ccc;
  42. left: 0.2em;
  43. list-style: none;
  44. margin: 0;
  45. padding: 0;
  46. position: absolute;
  47. top: 1.5em;
  48. z-index: 5;
  49. }
  50. .jqCron-selector-list li {
  51. -webkit-box-sizing: border-box;
  52. -moz-box-sizing: border-box;
  53. -ms-box-sizing: border-box;
  54. box-sizing: border-box;
  55. cursor: default;
  56. display: inline-block !important;
  57. margin: 0;
  58. padding: 0.1em 0.4em;
  59. width: 100%;
  60. }
  61. .jqCron-selector-list li.selected {
  62. background: #0088cc;
  63. color: white;
  64. }
  65. .jqCron-selector-list li:hover {
  66. background: #5fb9e7;
  67. color: white;
  68. }
  69. .jqCron-selector-list.cols2 {
  70. width: 4em;
  71. }
  72. .jqCron-selector-list.cols2 li {
  73. width: 50%;
  74. }
  75. .jqCron-selector-list.cols3 {
  76. width: 6em;
  77. }
  78. .jqCron-selector-list.cols3 li {
  79. width: 33%;
  80. }
  81. .jqCron-selector-list.cols4 {
  82. width: 8em;
  83. }
  84. .jqCron-selector-list.cols4 li {
  85. width: 25%;
  86. }
  87. .jqCron-selector-list.cols5 {
  88. width: 10em;
  89. }
  90. .jqCron-selector-list.cols5 li {
  91. width: 20%;
  92. }
  93. .jqCron-error .jqCron-selector-title {
  94. background: #fee;
  95. border: 1px solid #fdd;
  96. color: red;
  97. }
  98. .jqCron-container.disable * {
  99. color: #888;
  100. }
  101. .jqCron-container.disable .jqCron-selector-title {
  102. background: #eee !important;
  103. }