toolbar.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /***********
  2. * toolbar *
  3. ***********/
  4. .toolbar {
  5. padding: 5px;
  6. border-style: none;
  7. background-color: @toolbar_bg_color;
  8. background-image: none;
  9. }
  10. /* primary-toolbar */
  11. .primary-toolbar.toolbar {
  12. padding: 4px;
  13. background-color: @header_bg_color;
  14. color: @header_fg_color;
  15. }
  16. .primary-toolbar.toolbar .button {
  17. background-color: shade(@header_bg_color,1.2);
  18. color: @header_fg_color;
  19. }
  20. .primary-toolbar.toolbar .button:hover {
  21. background-color: @selected_bg_color;
  22. color: @selected_fg_color;
  23. }
  24. .primary-toolbar.toolbar .button:active,
  25. .primary-toolbar.toolbar .button:checked {
  26. background-color: shade(@selected_bg_color,0.9);
  27. }
  28. .primary-toolbar.toolbar .button.flat {
  29. background-color: transparent;
  30. }
  31. .primary-toolbar.toolbar .button.flat:hover {
  32. color: @selected_bg_color;
  33. }
  34. .primary-toolbar.toolbar .button.flat:active,
  35. .primary-toolbar.toolbar .button.flat:checked {
  36. color: shade(@selected_bg_color, 0.9);
  37. }
  38. /* inline-toolbar */
  39. .inline-toolbar.toolbar {
  40. -GtkToolbar-button-relief: normal;
  41. padding: 4px;
  42. border-width: 1px;
  43. border-style: solid;
  44. border-color: @theme_bg_color;
  45. border-radius: 0;
  46. background-color: alpha(@theme_base_color,0.8);
  47. background-image: none;
  48. }
  49. .inline-toolbar.toolbar:last-child {
  50. border-width: 1px;
  51. border-color: @theme_bg_color;
  52. border-radius: 0;
  53. }
  54. .inline-toolbar.toolbar .separator {
  55. border-color: transparent;
  56. }
  57. .inline-toolbar.toolbar .button {
  58. background-color: transparent;
  59. padding: 2px;
  60. }
  61. .inline-toolbar.toolbar .button:hover,
  62. .inline-toolbar.toolbar .button:active,
  63. .inline-toolbar.toolbar .button:checked {
  64. color: @theme_selected_bg_color;
  65. }