color.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /**
  2. * @file
  3. * Stylesheet for the administration pages of the Color module.
  4. */
  5. /* Farbtastic placement */
  6. .color-form {
  7. max-width: 50em;
  8. position: relative;
  9. }
  10. #placeholder {
  11. position: absolute;
  12. top: 0;
  13. right: 0; /* LTR */
  14. }
  15. /* Palette */
  16. .color-form .form-item {
  17. height: 2em;
  18. line-height: 2em;
  19. padding-left: 1em; /* LTR */
  20. margin: 0.5em 0;
  21. }
  22. .color-form label {
  23. float: left; /* LTR */
  24. clear: left; /* LTR */
  25. width: 10em;
  26. }
  27. .color-form .form-text,
  28. .color-form .form-select {
  29. float: left; /* LTR */
  30. }
  31. .color-form .form-text {
  32. text-align: center;
  33. margin-right: 5px; /* LTR */
  34. cursor: pointer;
  35. }
  36. #palette .hook {
  37. float: left; /* LTR */
  38. margin-top: 3px;
  39. width: 16px;
  40. height: 16px;
  41. }
  42. #palette .down,
  43. #palette .up,
  44. #palette .both {
  45. background: url(images/hook.png) no-repeat 100% 0; /* LTR */
  46. }
  47. #palette .up {
  48. background-position: 100% -27px; /* LTR */
  49. }
  50. #palette .both {
  51. background-position: 100% -54px; /* LTR */
  52. }
  53. #palette .lock {
  54. float: left; /* LTR */
  55. position: relative;
  56. top: -1.4em;
  57. left: -10px; /* LTR */
  58. width: 20px;
  59. height: 25px;
  60. background: url(images/lock.png) no-repeat 50% 2px;
  61. cursor: pointer;
  62. }
  63. #palette .unlocked {
  64. background-position: 50% -22px;
  65. }
  66. #palette .form-item {
  67. width: 20em;
  68. }
  69. #palette .item-selected {
  70. background: #eee;
  71. }
  72. /* Preview */
  73. #preview {
  74. display: none;
  75. }
  76. html.js #preview {
  77. display: block;
  78. position: relative;
  79. float: left; /* LTR */
  80. }