gtk-widgets-assets.css 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
  1. .selection-mode.titlebar .titlebutton.minimize,
  2. .titlebar .titlebutton.minimize {
  3. color: transparent;
  4. border:none;
  5. box-shadow: none;
  6. background-position: center;
  7. background-repeat: no-repeat;
  8. background-image: -gtk-scaled(url("../assets/min.svg"));
  9. }
  10. .selection-mode.titlebar .titlebutton.minimize:backdrop,
  11. .titlebar .titlebutton.minimize:backdrop {
  12. background-image: -gtk-scaled(url("../assets/min_unfocused.png"));
  13. color: transparent;
  14. }
  15. .selection-mode.titlebar .titlebutton.minimize:hover,
  16. .selection-mode.titlebar .titlebutton.minimize:active,
  17. .selection-mode.titlebar .titlebutton.minimize:checked,
  18. .titlebar .titlebutton.minimize:hover,
  19. .titlebar .titlebutton.minimize:active,
  20. .titlebar .titlebutton.minimize:checked {
  21. color: transparent;
  22. border: none;
  23. box-shadow: none;
  24. background-color: transparent;
  25. background-position: center;
  26. background-repeat: no-repeat;
  27. background-image: -gtk-scaled(url("../assets/min_prelight.svg"));
  28. }
  29. .selection-mode.titlebar .titlebutton.maximize,
  30. .titlebar .titlebutton.maximize {
  31. color: transparent;
  32. border: none;
  33. box-shadow: none;
  34. background-position: center;
  35. background-repeat: no-repeat;
  36. background-image: -gtk-scaled(url("../assets/maximize.svg"));
  37. }
  38. .selection-mode.titlebar .titlebutton.maximize:backdrop,
  39. .titlebar .titlebutton.maximize:backdrop {
  40. background-image: -gtk-scaled(url("../assets/maximize_unfocused.png"));
  41. color: transparent;
  42. }
  43. .selection-mode.titlebar .titlebutton.maximize:hover,
  44. .selection-mode.titlebar .titlebutton.maximize:active,
  45. .selection-mode.titlebar .titlebutton.maximize:checked,
  46. .titlebar .titlebutton.maximize:hover,
  47. .titlebar .titlebutton.maximize:active,
  48. .titlebar .titlebutton.maximize:checked {
  49. color: transparent;
  50. border: none;
  51. box-shadow: none;
  52. background-color: transparent;
  53. background-position: center;
  54. background-repeat: no-repeat;
  55. background-image: -gtk-scaled(url("../assets/maximize_prelight.svg"));
  56. }
  57. .selection-mode.titlebar .titlebutton.close,
  58. .titlebar .titlebutton.close {
  59. color: transparent;
  60. border: none;
  61. box-shadow: none;
  62. background-position: center;
  63. background-repeat: no-repeat;
  64. background-image: -gtk-scaled(url("../assets/close.svg"));
  65. }
  66. .selection-mode.titlebar .titlebutton.close:backdrop,
  67. .titlebar .titlebutton.close:backdrop {
  68. background-image: -gtk-scaled(url("../assets/close_unfocused.png"));
  69. color: transparent;
  70. }
  71. .selection-mode.titlebar .titlebutton.close:hover,
  72. .selection-mode.titlebar .titlebutton.close:active,
  73. .selection-mode.titlebar .titlebutton.close:checked,
  74. .titlebar .titlebutton.close:hover,
  75. .titlebar .titlebutton.close:active,
  76. .titlebar .titlebutton.close:checked {
  77. color: transparent;
  78. border: none;
  79. box-shadow: none;
  80. background-color: transparent;
  81. background-position: center;
  82. background-repeat: no-repeat;
  83. background-image: -gtk-scaled(url("../assets/close_prelight.svg"));
  84. }
  85. /*******************
  86. * check and radio *
  87. *******************/
  88. /* draw regular check and radio items using our assets */
  89. .check,
  90. .check:focus {
  91. -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"),url("../assets/checkbox-unchecked@2.png"));
  92. }
  93. .check:hover {
  94. -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"),url("../assets/checkbox-unchecked-hover@2.png"));
  95. }
  96. .check:insensitive,
  97. .check row:selected:insensitive,
  98. .check row:selected:focus:insensitive {
  99. -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive.png"),url("../assets/checkbox-unchecked-insensitive@2.png"));
  100. }
  101. .check:active,
  102. .check:checked,
  103. .check row:selected:active,
  104. .check row:selected:focus:active {
  105. -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"),url("../assets/checkbox-checked@2.svg"));
  106. }
  107. .check:active:insensitive,
  108. .check:checked:insensitive,
  109. .check row:selected:active:insensitive,
  110. .check row:selected:focus:active:insensitive {
  111. -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive.png"),url("../assets/checkbox-checked-insensitive@2.png"));
  112. }
  113. .check:inconsistent,
  114. .check row:selected:inconsistent,
  115. .check row:selected:focus:inconsistent {
  116. -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"),url("../assets/checkbox-mixed@2.png"));
  117. }
  118. .check:inconsistent:insensitive,
  119. .check row:selected:inconsistent:insensitive,
  120. .check row:selected:focus:inconsistent:insensitive {
  121. -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"),url("../assets/checkbox-mixed-insensitive@2.png"));
  122. }
  123. .radio,
  124. .radio:hover,
  125. .radio row:selected,
  126. .radio row:selected:focus {
  127. -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"),url("../assets/radio-unselected@2.png"));
  128. }
  129. .radio:insensitive,
  130. .radio row:selected:insensitive,
  131. .radio row:selected:focus:insensitive {
  132. -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"),url("../assets/radio-unselected-insensitive@2.png"));
  133. }
  134. .radio:active,
  135. .radio:active:hover,
  136. .radio:checked,
  137. .radio row:selected:active,
  138. .radio row:selected:focus:active {
  139. -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"),url("../assets/radio-selected@2.png"));
  140. }
  141. .radio:active:insensitive,
  142. .radio:checked:insensitive,
  143. .radio row:selected:active:insensitive,
  144. .radio row:selected:focus:active:insensitive {
  145. -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"),url("../assets/radio-selected-insensitive@2.png"));
  146. }
  147. .radio:inconsistent,
  148. .radio row:selected:inconsistent,
  149. .radio row:selected:focus:inconsistent {
  150. -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"),url("../assets/radio-mixed@2.png"));
  151. }
  152. .radio:inconsistent:insensitive,
  153. .radio row:selected:inconsistent:insensitive,
  154. .radio row:selected:focus:inconsistent:insensitive {
  155. -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"),url("../assets/radio-mixed-insensitive@2.png"));
  156. }
  157. .menuitem.check {
  158. -gtk-icon-source: none;
  159. }
  160. .menuitem.check:active,
  161. .menuitem.check:checked {
  162. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-checked.png"),url("../assets/menuitem-checkbox-checked@2.png"));
  163. }
  164. .menuitem.check:active:hover,
  165. .menuitem.check:checked:hover {
  166. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-checked-hover.png"),url("../assets/menuitem-checkbox-checked-hover@2.png"));
  167. }
  168. .menuitem.check:active:insensitive,
  169. .menuitem.check:checked:insensitive {
  170. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-checked-insensitive.png"),url("../assets/menuitem-checkbox-checked-insensitive@2.png"));
  171. }
  172. .menuitem.check:inconsistent,
  173. .menuitem.radio:inconsistent {
  174. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-mixed.png"),url("../assets/menuitem-checkbox-mixed@2.png"));
  175. }
  176. .menuitem.check:inconsistent:insensitive,
  177. .menuitem.radio:inconsistent:insensitive {
  178. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-mixed-insensitive.png"),url("../assets/menuitem-checkbox-mixed-insensitive@2.png"));
  179. }
  180. .menuitem.radio {
  181. -gtk-icon-source: none;
  182. }
  183. .menuitem.radio:active,
  184. .menuitem.radio:checked {
  185. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-radio-checked.png"),url("../assets/menuitem-radio-checked@2.png"));
  186. }
  187. .menuitem.radio:active:hover,
  188. .menuitem.radio:checked:hover {
  189. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-radio-checked-hover.png"),url("../assets/menuitem-radio-checked-hover@2.png"));
  190. }
  191. .menuitem.radio:active:insensitive,
  192. .menuitem.radio:checked:insensitive {
  193. -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-radio-checked-insensitive.png"),url("../assets/menuitem-radio-checked-insensitive@2.png"));
  194. }
  195. GtkIconView.content-view.cell.check {
  196. -gtk-icon-source: -gtk-scaled(url("../assets/grid-selection-unchecked.png"),url("../assets/grid-selection-unchecked@2.png"));
  197. }
  198. GtkIconView.content-view.cell.check:checked {
  199. -gtk-icon-source: -gtk-scaled(url("../assets/grid-selection-checked.svg"),url("../assets/grid-selection-checked@2.svg"));
  200. }
  201. /******************
  202. * pane separator *
  203. ******************/
  204. .pane-separator.horizontal {
  205. background-image: -gtk-scaled(url("../assets/pane-handle.png"),url("../assets/pane-handle@2.png"));
  206. background-repeat: no-repeat;
  207. background-position: center center;
  208. }
  209. .pane-separator.vertical {
  210. background-image: -gtk-scaled(url("../assets/pane-handle-vertical.png"),url("../assets/pane-handle-vertical@2.png"));
  211. background-repeat: no-repeat;
  212. background-position: center center;
  213. }
  214. /*************
  215. * GtkSwitch *
  216. *************/
  217. GtkSwitch.trough {
  218. background-image: -gtk-scaled(url("../assets/switch-off.svg"),url("../assets/switch-off@2.svg"));
  219. }
  220. GtkSwitch.trough:active {
  221. background-image: -gtk-scaled(url("../assets/switch-on.svg"),url("../assets/switch-on@2.svg"));
  222. }
  223. GtkSwitch.trough:insensitive,
  224. GtkSwitch.trough:active:insensitive {
  225. background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"),url("../assets/switch-insensitive@2.svg"));
  226. }
  227. GtkSwitch.slider {
  228. background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"),url("../assets/switch-slider-off@2.svg"));
  229. }
  230. GtkSwitch.slider:active {
  231. background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"),url("../assets/switch-slider-on@2.svg"));
  232. }
  233. GtkSwitch.slider:insensitive,
  234. GtkSwitch.slider:active:insensitive {
  235. background-image: -gtk-scaled(url("../assets/switch-slider-insensitive.svg"),url("../assets/switch-slider-insensitive@2.svg"));
  236. }
  237. /*******************
  238. * GtkScale slider *
  239. *******************/
  240. .scale.slider {
  241. background: -gtk-scaled(url("../assets/scale-slider.svg"),url("../assets/scale-slider@2.png"));
  242. }
  243. .scale.slider:hover {
  244. background: -gtk-scaled(url("../assets/scale-slider-hover.svg"),url("../assets/scale-slider-hover@2.png"));
  245. }
  246. .scale.slider:insensitive {
  247. background: -gtk-scaled(url("../assets/scale-slider-insensitive.png"),url("../assets/scale-slider-insensitive@2.png"));
  248. }