menu.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. /********
  2. * menu *
  3. ********/
  4. GtkTreeMenu.menu,
  5. GtkMenuToolButton.menu,
  6. GtkComboBox .menu {
  7. background-color: @menu_bg_color;
  8. color: @menu_fg_color;
  9. }
  10. .primary-toolbar .menu,
  11. .primary-toolbar .button .menu,
  12. .toolbar .menu,
  13. .toolbar .primary-toolbar .menu,
  14. .header-bar .menu,
  15. .header-bar .primary-toolbar .menu,
  16. .menu {
  17. padding: 0;
  18. border-radius: 0;
  19. border-style: none;
  20. background-color: @menu_bg_color;
  21. color: @menu_fg_color;
  22. }
  23. .menu.button:hover,
  24. .menu.button:active,
  25. .menu.button:active *:insensitive,
  26. .menu.button:insensitive,
  27. .menu.button {
  28. border-width: 0;
  29. background-color: @menu_bg_color;
  30. background-image: none;
  31. }
  32. .context-menu {
  33. font: initial;
  34. }
  35. /***********
  36. * menubar *
  37. ***********/
  38. .menubar {
  39. background-color: @menubar_bg_color;
  40. color: @menubar_fg_color;
  41. }
  42. /***************
  43. * menubaritem *
  44. ***************/
  45. .menubar.menuitem,
  46. .menubar .menuitem {
  47. padding: 3px 6px;
  48. color: @menubar_fg_color;
  49. border-width: 0px;
  50. border-bottom: 2px solid transparent;
  51. }
  52. .menubar.menuitem:hover,
  53. .menubar .menuitem:hover {
  54. border-width: 0px;
  55. border-bottom: 2px solid @menu_selected_bg_color;
  56. }
  57. /************
  58. * menuitem *
  59. ************/
  60. GtkTreeMenu .menuitem {
  61. color: @menu_fg_color;
  62. padding: 4px 6px;
  63. border-width: 0;
  64. background-color: @menu_bg_color;
  65. }
  66. .menuitem,
  67. .menu .menuitem {
  68. padding: 4px 3px;
  69. border-width: 1px;
  70. border-style: solid;
  71. border-color: transparent;
  72. border-radius: 0;
  73. background-color: transparent;
  74. background-image: none;
  75. color: @menu_fg_color;
  76. -GtkMenuItem-arrow-scaling: 0.5;
  77. }
  78. .menu .menuitem:active,
  79. .menu .menuitem:hover {
  80. transition: 100ms linear;
  81. border-style: none;
  82. background-color: @menu_selected_bg_color;
  83. border-radius: 0;
  84. color: @menu_selected_fg_color;
  85. background-image: none;
  86. }
  87. .menu .menuitem:hover,
  88. .menu .menuitem *:hover {
  89. transition: 100ms linear;
  90. background-color: @menu_selected_bg_color;;
  91. color: @menu_selected_fg_color;
  92. }
  93. .menu .menuitem:insensitive,
  94. .menu .menuitem *:insensitive {
  95. color: mix(@menu_fg_color, @menu_bg_color, 0.5);
  96. }
  97. .menuitem.check,
  98. .menuitem.radio,
  99. .menuitem.check:hover,
  100. .menuitem.radio:hover,
  101. .menuitem.check:insensitive,
  102. .menuitem.radio:insensitive {
  103. border-style: none;
  104. background-color: transparent;
  105. background-image: none;
  106. }
  107. .menuitem.check:active,
  108. .menuitem.radio:active {
  109. border-style: none;
  110. background-color: transparent;
  111. }
  112. .menuitem.arrow {
  113. color: alpha(@menu_fg_color, 0.6);
  114. }
  115. .menuitem GtkCalendar:inconsistent {
  116. color: mix(@menu_fg_color, @menu_bg_color, 0.5);
  117. }
  118. .menuitem GtkCalendar.button {
  119. border-style: none;
  120. background-color: transparent;
  121. background-image: none;
  122. }
  123. .menuitem .entry {
  124. border-color: shade(@menu_bg_color, 0.7);
  125. background-color: @menu_bg_color;
  126. background-image: none;
  127. color: @menu_fg_color;
  128. }
  129. .menuitem .entry:active,
  130. .menuitem .entry:focus {
  131. border-color: shade(@menu_bg_color, 0.7);
  132. }
  133. .menuitem .accelerator {
  134. color: alpha(@menu_fg_color, 0.6);
  135. }
  136. .menuitem .accelerator:hover {
  137. color: alpha(@theme_base_color, 0.8);
  138. }
  139. .menuitem .accelerator:insensitive {
  140. color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6);
  141. }