You are here

colorizer_admin.css in Colorizer 7

Stylesheet for the administration pages of the Color module. Copied from Color module

File

css/colorizer_admin.css
View source
  1. /**
  2. * @file
  3. * Stylesheet for the administration pages of the Color module.
  4. * Copied from Color module
  5. */
  6. /* Farbtastic placement */
  7. .colorizer-form {
  8. max-width: 50em;
  9. position: relative;
  10. }
  11. #placeholder {
  12. position: absolute;
  13. top: 0;
  14. right: 0; /* LTR */
  15. }
  16. /* Palette */
  17. .colorizer-form .form-item {
  18. height: 2em;
  19. line-height: 2em;
  20. padding-left: 1em; /* LTR */
  21. margin: 0.5em 0;
  22. }
  23. .colorizer-form label {
  24. float: left; /* LTR */
  25. clear: left; /* LTR */
  26. width: 40%;
  27. line-height: 120%;
  28. }
  29. .colorizer-form .form-text,
  30. .colorizer-form .form-select {
  31. float: left; /* LTR */
  32. width: 10em;
  33. margin-left: 1em;
  34. }
  35. .colorizer-form .form-text {
  36. text-align: center;
  37. margin-right: 5px; /* LTR */
  38. cursor: pointer;
  39. }
  40. #palette .lock {
  41. float: left; /* LTR */
  42. position: relative;
  43. top: 0.4em;
  44. left: 0; /* LTR */
  45. width: 20px;
  46. height: 25px;
  47. background: url(../images/lock.png) no-repeat 50% 2px;
  48. cursor: pointer;
  49. }
  50. #palette .unlocked {
  51. background-position: 50% -22px;
  52. }
  53. #palette .form-item {
  54. width: 100%;
  55. }
  56. #palette .item-selected {
  57. background: #eee;
  58. }
  59. /* Preview */
  60. #colorizer-preview {
  61. float: right;
  62. width: 200px;
  63. }