You are here

Home » API reference » Charts 6

charts_color.css in Charts 6

Same filename and directory in other branches
  1. 7 charts_color.css
/* Farbtastic placement */
#farbtastic {
  float: right;
}

/* All color-related */
#charts_color .form-item {
  height: 2em;
  line-height: 2em;
  padding-left: 1em;
  margin: 0.5em 0;
}
#charts_color label {
  float: left;
  clear: left;
  width: 10em;
}
#charts_color .form-text, #charts_color .form-select {
  float: left;
}
#charts_color .form-text {
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}

/* Palette */
#palette .hook {
  float: left;
  margin-top: 3px;
  width: 16px;
  height: 16px;
}
#palette .down, #palette .up, #palette .both {
  background: url(images/hook.png) no-repeat 100% 0;
}
#palette .up {
  background-position: 100% -27px;
}
#palette .both {
  background-position: 100% -54px;
}
#palette .lock {
  float: left;
  position: relative;
  top: -1.4em;
  left: -10px;
  width: 20px;
  height: 25px;
  background: url(images/lock.png) no-repeat 50% 2px;
  cursor: pointer;
}
#palette .unlocked {
  background-position: 50% -22px;
}
#palette .form-item {
  width: 20em;
}
#palette .item-selected {
  background: #eee;
}

File

charts_color.css
View source 
  1. 

  2. /* Farbtastic placement */

  3. #farbtastic {

  4.   float: right;

  5. }

  6. 

  7. /* All color-related */

  8. #charts_color .form-item {

  9.   height: 2em;

  10.   line-height: 2em;

  11.   padding-left: 1em;

  12.   margin: 0.5em 0;

  13. }

  14. #charts_color label {

  15.   float: left;

  16.   clear: left;

  17.   width: 10em;

  18. }

  19. #charts_color .form-text, #charts_color .form-select {

  20.   float: left;

  21. }

  22. #charts_color .form-text {

  23.   text-align: center;

  24.   margin-right: 5px;

  25.   cursor: pointer;

  26. }

  27. 

  28. /* Palette */

  29. #palette .hook {

  30.   float: left;

  31.   margin-top: 3px;

  32.   width: 16px;

  33.   height: 16px;

  34. }

  35. #palette .down, #palette .up, #palette .both {

  36.   background: url(images/hook.png) no-repeat 100% 0;

  37. }

  38. #palette .up {

  39.   background-position: 100% -27px;

  40. }

  41. #palette .both {

  42.   background-position: 100% -54px;

  43. }

  44. #palette .lock {

  45.   float: left;

  46.   position: relative;

  47.   top: -1.4em;

  48.   left: -10px;

  49.   width: 20px;

  50.   height: 25px;

  51.   background: url(images/lock.png) no-repeat 50% 2px;

  52.   cursor: pointer;

  53. }

  54. #palette .unlocked {

  55.   background-position: 50% -22px;

  56. }

  57. #palette .form-item {

  58.   width: 20em;

  59. }

  60. #palette .item-selected {

  61.   background: #eee;

  62. }