_jqcron.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. margin: 0 0.2em;
  17. padding: 0 0.5em;
  18. }
  19. .jqCron-cross {
  20. border-radius: 1em;
  21. font-size: 80%;
  22. padding: 0 0.3em;
  23. }
  24. .jqCron-selector-list {
  25. left: 0.2em;
  26. list-style: none;
  27. margin: 0;
  28. padding: 0;
  29. position: absolute;
  30. top: 1.5em;
  31. z-index: 5;
  32. }
  33. .jqCron-selector-list li {
  34. -webkit-box-sizing: border-box;
  35. -moz-box-sizing: border-box;
  36. -ms-box-sizing: border-box;
  37. box-sizing: border-box;
  38. cursor: default;
  39. display: inline-block !important;
  40. margin: 0;
  41. padding: 0.1em 0.4em;
  42. width: 100%;
  43. }
  44. .jqCron-selector-list.cols2 {
  45. width: 4em;
  46. }
  47. .jqCron-selector-list.cols2 li {
  48. width: 50%;
  49. }
  50. .jqCron-selector-list.cols3 {
  51. width: 6em;
  52. }
  53. .jqCron-selector-list.cols3 li {
  54. width: 33%;
  55. }
  56. .jqCron-selector-list.cols4 {
  57. width: 8em;
  58. }
  59. .jqCron-selector-list.cols4 li {
  60. width: 25%;
  61. }
  62. .jqCron-selector-list.cols5 {
  63. width: 10em;
  64. }
  65. .jqCron-selector-list.cols5 li {
  66. width: 20%;
  67. }