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.

jquery.miniColors.css 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .miniColors-trigger {
  2. height: 22px;
  3. width: 22px;
  4. background: url('images/minicolors-all.png') -170px 0 no-repeat;
  5. vertical-align: middle;
  6. margin: 0 .25em;
  7. display: inline-block;
  8. outline: none;
  9. }
  10. .miniColors-selector {
  11. position: absolute;
  12. width: 175px;
  13. height: 150px;
  14. background: #FFF;
  15. border: solid 1px #BBB;
  16. -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
  17. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
  18. box-shadow: 0 0 6px rgba(0, 0, 0, .25);
  19. -moz-border-radius: 5px;
  20. -webkit-border-radius: 5px;
  21. border-radius: 5px;
  22. padding: 5px;
  23. z-index: 999999;
  24. }
  25. .miniColors-selector.black {
  26. background: #000;
  27. border-color: #000;
  28. }
  29. .miniColors-colors {
  30. position: absolute;
  31. top: 5px;
  32. left: 5px;
  33. width: 150px;
  34. height: 150px;
  35. background: url('images/minicolors-all.png') top left no-repeat;
  36. cursor: crosshair;
  37. }
  38. .miniColors-hues {
  39. position: absolute;
  40. top: 5px;
  41. left: 160px;
  42. width: 20px;
  43. height: 150px;
  44. background: url('images/minicolors-all.png') -150px 0 no-repeat;
  45. cursor: crosshair;
  46. }
  47. .miniColors-colorPicker {
  48. position: absolute;
  49. width: 11px;
  50. height: 11px;
  51. background: url('images/minicolors-all.png') -170px -28px no-repeat;
  52. }
  53. .miniColors-huePicker {
  54. position: absolute;
  55. left: -3px;
  56. width: 26px;
  57. height: 3px;
  58. background: url('images/minicolors-all.png') -170px -24px no-repeat;
  59. overflow: hidden;
  60. }
  61. .miniColors-presets {
  62. position: absolute;
  63. left: 185px;
  64. top: 5px;
  65. width: 60px;
  66. }
  67. .miniColors-colorPreset {
  68. float: left;
  69. width: 18px;
  70. height: 15px;
  71. margin: 2px;
  72. border: 1px solid #333;
  73. cursor: pointer;
  74. }
  75. .miniColors-colorPreset-active {
  76. border: 2px dotted #666;
  77. margin: 1px;
  78. }
  79. /* Hacks for IE6/7 */
  80. * html .miniColors-colors {
  81. background-image: none;
  82. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='plugins/calendar/skins/classic/images/minicolors-all.png', sizingMethod='crop');
  83. }
  84. * html .miniColors-colorPicker {
  85. background: url('images/minicolors-handles.gif') 0 -28px no-repeat;
  86. }
  87. * html .miniColors-huePicker {
  88. background: url('images/minicolors-handles.gif') 0 -24px no-repeat;
  89. }
  90. * html .miniColors-trigger {
  91. background: url('images/minicolors-handles.gif') 0 0 no-repeat;
  92. }