/assets/vertex-themes/vertex-themes/common/gtk-3.0/3.10/gtk-widgets-3_10.css

https://github.com/november-eleven/Kiss-my-Arch · CSS · 459 lines · 333 code · 59 blank · 67 comment · 0 complexity · 214c47f7a5b0b1bb5d859b42f35056b9 MD5 · raw file

  1. @define-color osd_toolbar_bg_a alpha(shade(#3D3E40, 1.15), 0.9);
  2. @define-color osd_toolbar_bg_b alpha(shade(#3D3E40, 0.85), 0.9);
  3. /*.menubar {
  4. border-bottom: 1px solid @menubar_border;
  5. }*/
  6. /************
  7. * notebook *
  8. ************/
  9. .notebook {
  10. engine: adwaita;
  11. -GtkNotebook-tab-overlap: 8;
  12. -GtkNotebook-tab-curvature: 6;
  13. -GtkNotebook-initial-gap: 4;
  14. }
  15. .notebook {
  16. border-width: 1px;
  17. border-style: solid;
  18. border-color: @borders;
  19. border-radius: 0px;
  20. background-color: @theme_base_color;
  21. background-image: none;
  22. background-clip: border-box;
  23. }
  24. .notebook GtkViewport {
  25. background-color: @theme_base_color;
  26. color: @theme_text_color;
  27. }
  28. .notebook tab {
  29. border-color: @borders;
  30. background-color: shade(@theme_bg_color, 1.01);
  31. background-image: none;
  32. }
  33. .notebook tab:active {
  34. border-color: shade(@borders, 0.92);
  35. background-color: @theme_base_color;
  36. }
  37. .notebook tab GtkLabel {
  38. color: @theme_fg_color;
  39. }
  40. .notebook tab.top {
  41. padding-top: 6px;
  42. padding-bottom: 4px;
  43. padding-left: 4px;
  44. padding-right: 4px;
  45. border-width: 1px 1px 0 1px;
  46. border-bottom-right-radius: 0;
  47. border-bottom-left-radius: 0;
  48. box-shadow: inset 0px -2px 2px alpha(black, 0.1);
  49. }
  50. .notebook tab.top:active {
  51. padding-top: 8px;
  52. /*padding-bottom: 3px;*/
  53. border-image: linear-gradient(to bottom,
  54. shade(@borders, 0.9),
  55. shade(@borders, 1.0)
  56. );
  57. background-image: linear-gradient(to bottom,
  58. shade(@theme_base_color, 0.98),
  59. shade(@theme_base_color, 1.0));
  60. box-shadow: none;
  61. }
  62. .notebook tab.right {
  63. padding-left: 8px;
  64. padding-right: 8px;
  65. padding-top: 3px;
  66. padding-bottom: 3px;
  67. border-width: 1px 1px 1px 0;
  68. border-bottom-left-radius: 0;
  69. border-top-left-radius: 0;
  70. }
  71. .notebook tab.right:active {
  72. padding-right: 10px;
  73. border-right-color: shade(@borders, 0.9);
  74. background-image: linear-gradient(to left,
  75. shade(@theme_base_color, 0.98),
  76. shade(@theme_base_color, 1.0));
  77. }
  78. .notebook tab.bottom {
  79. padding-top: 1px;
  80. padding-bottom: 8px;
  81. border-width: 0 1px 1px 1px;
  82. border-top-right-radius: 0;
  83. border-top-left-radius: 0;
  84. box-shadow: inset 0px -1px 2px alpha(black, 0.1);
  85. }
  86. .notebook tab.bottom:active {
  87. /*padding-bottom: 6px;
  88. padding-top: 3px;*/
  89. padding-bottom: 10px;
  90. border-image: linear-gradient(to bottom,
  91. shade(@borders, 0.9),
  92. shade(@borders, 1.0)
  93. );
  94. background-image: linear-gradient(to bottom,
  95. shade(@theme_base_color, 0.98),
  96. shade(@theme_base_color, 1.0));
  97. box-shadow: none;
  98. }
  99. .notebook tab.left {
  100. padding-left: 8px;
  101. padding-right: 8px;
  102. padding-top: 3px;
  103. padding-bottom: 3px;
  104. border-width: 1px 0 1px 1px;
  105. border-top-right-radius: 0;
  106. border-bottom-right-radius: 0;
  107. }
  108. .notebook tab.left:active {
  109. padding-left: 10px;
  110. border-left-color: shade(@borders, 0.9);
  111. background-image: linear-gradient(to right,
  112. shade(@theme_base_color, 0.98),
  113. shade(@theme_base_color, 1.0));
  114. }
  115. .notebook tab .button {
  116. margin: 0;
  117. padding: 0;
  118. }
  119. /* close button styling */
  120. .notebook tab .button,
  121. .notebook tab .button:hover,
  122. .notebook tab .button:active,
  123. .notebook tab .button:active:hover {
  124. background-image: none;
  125. box-shadow: none;
  126. background-color: transparent;
  127. border-color: transparent;
  128. transition: background 0ms ease-out;
  129. }
  130. .notebook tab .button:hover {
  131. color: red;
  132. border: 1px solid @borders;
  133. background-color: @theme_base_color;
  134. }
  135. .notebook tab .button:active:hover {
  136. background-color: @theme_base_color;
  137. color: @theme_fg_color;
  138. box-shadow: inset 0px 1px 2px alpha(black,0.2);
  139. border: 1px solid @borders;
  140. icon-shadow: none;
  141. background-image: linear-gradient(to bottom,
  142. @button_gradient_color_b,
  143. @button_gradient_color_a);
  144. }
  145. /*
  146. .notebook tab .button:active,
  147. .notebook tab .button:active:hover {
  148. }
  149. */
  150. .header-bar {
  151. border-width:0 0 1px 0;
  152. }
  153. /***************
  154. * Dialog *
  155. ***************/
  156. .prompt,
  157. GtkMessageDialog {
  158. -GtkDialog-content-area-border: 0px;
  159. -GtkDialog-action-area-border: 5px;
  160. -GtkDialog-button-spacing: 5px;
  161. margin: 0;
  162. padding: 0;
  163. }
  164. /***********
  165. * sidebar *
  166. ***********/
  167. .sidebar .image {
  168. color: shade(@theme_fg_color, 1.6);
  169. }
  170. /*******
  171. * CSD *
  172. *******/
  173. .titlebar .titlebutton {
  174. border-width: 2px 0px 2px 0px;
  175. }
  176. .titlebar .titlebutton:hover {
  177. border-width: 2px 0px 2px 0px;
  178. background-image: none;
  179. color: red;
  180. transition: none;
  181. }
  182. .titlebar .titlebutton:active:hover {
  183. border-width: 2px 0px 2px 0px;
  184. background-image: none;
  185. color: black;
  186. transition: none;
  187. }
  188. /******************
  189. * padding *
  190. ******************/
  191. .selection-mode.header-bar,
  192. .selection-mode.toolbar,
  193. .titlebar .selection-mode.header-bar,
  194. .header-bar {
  195. padding: 5px;
  196. }
  197. .header-bar .title {
  198. padding: 4px 12px 4px 12px;
  199. }
  200. .primary-toolbar .toolbar,
  201. .primary-toolbar.toolbar {
  202. padding: 4px;
  203. }
  204. /****************
  205. * Applications *
  206. ****************/
  207. EphyNotebook.notebook,
  208. GeditWindow .notebook {
  209. border-top-width: 1px;
  210. }
  211. /************
  212. * nautilus *
  213. ************/
  214. NautilusWindow .sidebar .frame,
  215. NautilusNotebook .frame {
  216. border-width: 0;
  217. }
  218. NautilusWindow .header-bar {
  219. /*padding: 4px 7px 4px 5px;*/
  220. border-bottom-width: 1px;
  221. }
  222. NautilusNotebook.notebook {
  223. border-right-width: 0;
  224. border-left-width: 0;
  225. border-bottom-width: 0;
  226. }
  227. NautilusWindow .notebook {
  228. -GtkNotebook-initial-gap: 10;
  229. }
  230. NautilusNotebook .frame {
  231. border-width: 0;
  232. }
  233. NautilusWindow > GtkGrid > .pane-separator,
  234. NautilusWindow > GtkGrid > .pane-separator:hover {
  235. border-width: 0 1px 0 0;
  236. border-image: none;
  237. border-color: shade(@borders, 1.1);
  238. }
  239. NautilusQueryEditor .primary-toolbar.toolbar {
  240. border-top-width: 0;
  241. border-bottom-width: 0;
  242. background-image: none;
  243. }
  244. NautilusQueryEditor .toolbar {
  245. padding-top: 3px;
  246. padding-bottom: 2px;
  247. border-width: 0;
  248. border-style: solid;
  249. }
  250. /*
  251. NautilusQueryEditor .toolbar:nth-child(2) {
  252. border-color: shade(@toolbar_bg_color, 0.8);
  253. }
  254. NautilusQueryEditor .toolbar:last-child,
  255. NautilusQueryEditor .primary-toolbar.toolbar:only-child {
  256. border-bottom-width: 1px;
  257. border-bottom-color: shade(@toolbar_bg_color, 0.8);
  258. }
  259. */
  260. NautilusWindow .notebook {
  261. border-width: 0;
  262. border-top-width: 1px;
  263. border-style: solid;
  264. }
  265. /*
  266. NautilusWindow .header-bar {
  267. padding: 4px;
  268. }
  269. */
  270. NautilusWindow .header-bar .entry {
  271. padding-bottom: 4px;
  272. }
  273. NautilusNotebook.notebook tab.top {
  274. padding-top: 6px;
  275. padding-left: 4px;
  276. padding-right: 4px;
  277. background-color: shade(@theme_bg_color, 1.01);
  278. }
  279. NautilusWindow .notebook tab.top:active {
  280. box-shadow: none;
  281. background-image: linear-gradient(to bottom,
  282. shade(@theme_base_color, 0.98),
  283. shade(@theme_base_color, 1.0));
  284. border-bottom: 0px;
  285. }
  286. NautilusWindow .notebook tab:first-child,
  287. NautilusWindow .notebook tab:first-child:active {
  288. border-left-width: 0;
  289. }
  290. NautilusWindow .notebook tab:last-child,
  291. NautilusWindow .notebook tab:last-child:active {
  292. border-right-width: 0;
  293. }
  294. /*
  295. * GNOME Terminal
  296. */
  297. TerminalWindow .notebook tab GtkLabel {
  298. color: @theme_fg_color;
  299. text-shadow: none;
  300. }
  301. /*
  302. * Gedit
  303. */
  304. GeditWindow *{
  305. -GtkPaned-handle-size: 1;
  306. }
  307. GeditWindow .pane-separator,
  308. GeditWindow .pane-separator:hover {
  309. border-width: 0 1px 1px 1px;
  310. border-style: solid;
  311. }
  312. GeditPanel.title GtkLabel {
  313. padding: 4px 0;
  314. }
  315. GeditPanel.vertical .title {
  316. padding: 4px 0 4px 3px;
  317. border-style: none;
  318. }
  319. GeditDocumentsPanel .view {
  320. background-color: @theme_base_color;
  321. }
  322. .gedit-search-entry-occurrences-tag {
  323. color: alpha(@theme_fg_color, 0.6);
  324. margin: 2px;
  325. padding: 2px;
  326. }
  327. GeditFileBrowserWidget .primary-toolbar.toolbar {
  328. padding: 2px;
  329. border-top: none;
  330. background-image: none;
  331. }
  332. GeditWindow .notebook {
  333. border-width: 0px;
  334. border-top-width: 1px;
  335. border-bottom-width: 1px;
  336. }
  337. /*
  338. * Gnome-Documents
  339. */
  340. .toolbar .linked .documents-entry-tag.button,
  341. .toolbar .linked .documents-entry-tag.button:hover,
  342. .toolbar .linked .documents-entry-tag.button:active,
  343. .toolbar .linked .documents-entry-tag.button:active:hover {
  344. background-color: transparent;
  345. background-image: none;
  346. border-image: none;
  347. border-width: 0;
  348. box-shadow: none;
  349. }
  350. .toolbar .linked .documents-entry-tag.button:hover {
  351. color: shade(@entry_tag_bg, 2.10);
  352. }
  353. .toolbar .linked .documents-entry-tag.button:active,
  354. .toolbar .linked .documents-entry-tag.button:active:hover {
  355. color: shade(@entry_tag_bg, 0.90);
  356. box-shadow: inset 0px 1px 2px alpha(black,0.2);
  357. }
  358. /*
  359. * Contacts
  360. */
  361. .contacts-left-header-bar:dir(ltr) {
  362. border-right-width: 1px;
  363. border-right-color: @borders;
  364. }
  365. .contacts-left-header-bar:dir(rtl) {
  366. border-left-width: 1px;
  367. border-left-color: @borders;
  368. }
  369. ContactsWindow ContactsContactPane .frame {
  370. border-width: 1px 0 0 0;
  371. }
  372. /*dirty hack*/
  373. ContactsWindow ContactsContactPane .frame,
  374. ContactsView {
  375. background-image: none;
  376. text-shadow: none;
  377. }
  378. /*
  379. * Epiphany
  380. */
  381. EphyToolbar .entry:first-child,
  382. EphyToolbar .entry:focus:first-child {
  383. border-right-width: 0;
  384. border-bottom-right-radius: 0;
  385. border-top-right-radius: 0;
  386. padding-left: 4px;
  387. padding-right: 4px;
  388. border-image-width: 2px 0 3px 2px;
  389. }
  390. EphyToolbar .entry:last-child,
  391. EphyToolbar .entry:focus:last-child {
  392. border-left-width: 0;
  393. border-bottom-left-radius: 0;
  394. border-top-left-radius: 0;
  395. padding-left: 4px;
  396. padding-right: 4px;
  397. border-image-width: 2px 2px 3px 0;
  398. }