list-boxes.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /**************
  2. * List boxes *
  3. **************/
  4. .list,
  5. .list-row {
  6. font-weight: normal;
  7. background-color: @base_color;
  8. }
  9. .list-row.button {
  10. padding: 4px;
  11. background-color: @base_color;
  12. color: @fg_color;
  13. font-weight: normal;
  14. border: none;
  15. border-radius: 0px;
  16. }
  17. .list-row.button:hover {
  18. transition: none;
  19. background-color: mix(@base_color,@bg_color, 0.2);
  20. color: @fg_color;
  21. }
  22. .list-row.button:active,
  23. .list-row.button:active:hover {
  24. background-color: mix(@base_color,@bg_color, 0.4);
  25. color: @theme_fg_color;
  26. }
  27. .list-row.button:selected:hover {
  28. background-color: @selected_bg_color;
  29. color: @selected_fg_color;
  30. }
  31. .list-row.button:checked,
  32. .list-row.button:selected,
  33. .list-row:selected,
  34. .list-row.button:selected:active:hover {
  35. background-color: shade(@selected_bg_color, 0.9);
  36. color: @selected_fg_color;
  37. }
  38. /*selected-row buttons*/
  39. .list-row.button:selected .button:hover,
  40. .list-row.button:selected .button:active {
  41. color: @selected_fg_color;
  42. }