jqCron.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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: 2px;
  16. border: 1px solid #ddd;
  17. margin: 0 0.2em;
  18. padding: 0.2em 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: #fff;
  25. border-color: #ddd;
  26. }
  27. .jqCron-cross:hover,
  28. .jqCron-selector-title:hover {
  29. background-color: #f3f3f3;
  30. border-color: #aaa;
  31. }
  32. .jqCron-container.readonly .jqCron-cross,
  33. .jqCron-container.readonly .jqCron-cross:hover,
  34. .jqCron-container.readonly .jqCron-selector-title,
  35. .jqCron-container.readonly .jqCron-selector-title:hover {
  36. border: none;
  37. font-weight: bold;
  38. background-color: transparent;
  39. padding: 0;
  40. margin: 0;
  41. }
  42. .jqCron-cross {
  43. border-radius: 1em;
  44. font-size: 80%;
  45. padding: 0 0.3em;
  46. }
  47. .jqCron-selector-list {
  48. background: #fff;
  49. border: 1px solid #aaa;
  50. -webkit-box-shadow: 2px 2px 3px #ccc;
  51. box-shadow: 2px 2px 3px #ccc;
  52. left: 0.2em;
  53. list-style: none;
  54. margin: 0;
  55. padding: 4px;
  56. position: absolute;
  57. top: 1.5em;
  58. z-index: 1;
  59. }
  60. .jqCron-selector-list li {
  61. -webkit-box-sizing: border-box;
  62. -moz-box-sizing: border-box;
  63. -ms-box-sizing: border-box;
  64. box-sizing: border-box;
  65. cursor: default;
  66. display: inline-block;
  67. margin: 0;
  68. padding: 0.1em 0.4em;
  69. width: 100%;
  70. text-align: center;
  71. }
  72. .jqCron-selector-list li.selected {
  73. background: #0088cc;
  74. color: white;
  75. }
  76. .jqCron-selector-list li:hover {
  77. background: #5fb9e7;
  78. color: white;
  79. }
  80. .jqCron-selector-list.cols2 {
  81. width: 4em;
  82. }
  83. .jqCron-selector-list.cols2 li {
  84. width: 50%;
  85. }
  86. .jqCron-selector-list.cols3 {
  87. width: 6em;
  88. }
  89. .jqCron-selector-list.cols3 li {
  90. width: 33%;
  91. }
  92. .jqCron-selector-list.cols4 {
  93. width: 8em;
  94. }
  95. .jqCron-selector-list.cols4 li {
  96. width: 25%;
  97. }
  98. .jqCron-selector-list.cols5 {
  99. width: 10em;
  100. }
  101. .jqCron-selector-list.cols5 li {
  102. width: 20%;
  103. }
  104. .jqCron-error .jqCron-selector-title {
  105. background: #fee;
  106. border: 1px solid #fdd;
  107. color: red;
  108. }
  109. .jqCron-container.disable * {
  110. color: #888;
  111. }
  112. .jqCron-container.disable .jqCron-selector-title {
  113. background: #eee !important;
  114. }