API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 27th, 2018
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.58 KB | None | 0 0
raw download clone embed print report
  1. /* NOTES to contributors:
  2. * use 4 spaces indents, and keep code ALIGNED and ORDERED */
  3.  
  4. /* default */
  5. * {
  6. padding: 0;
  7.  
  8. -GtkDialog-button-spacing: 6;
  9. -GtkDialog-content-area-border: 6;
  10. -GtkDialog-action-area-border: 6;
  11.  
  12. -GtkScrolledWindow-scrollbar-spacing: 0;
  13.  
  14. -GtkTextView-error-underline-color: @error_color;
  15.  
  16. -GtkToolButton-icon-spacing: 6;
  17.  
  18. -WnckTasklist-fade-overlay-rect: 0;
  19. }
  20.  
  21. .background {
  22. background-color: @theme_bg_color;
  23. color: @theme_fg_color;
  24. }
  25.  
  26. *:disabled {
  27. color: @insensitive_fg_color;
  28. text-shadow: 0 1px alpha(white, 0.4);
  29. }
  30.  
  31. /* Apply Effects to insensitive and Prelit Images */
  32.  
  33. *:disabled {
  34. -gtk-icon-effect: dim;
  35. }
  36.  
  37. /**************
  38. * action bar *
  39. **************/
  40.  
  41. actionbar {
  42. padding: 4px;
  43. border-top: 1px solid @border;
  44. background-color: @theme_bg_color;
  45. background-image: none;
  46. }
  47.  
  48. /*************
  49. * assistant *
  50. *************/
  51.  
  52. assistant .sidebar {
  53. border-top: 1px solid @border;
  54. background-color: @theme_base_color;
  55. color: @theme_fg_color;
  56. }
  57.  
  58. assistant .sidebar:dir(ltr) {
  59. border-right: 1px solid @border;
  60. }
  61.  
  62. assistant .sidebar:dir(rtl) {
  63. border-left: 1px solid @border;
  64. }
  65.  
  66. assistant .sidebar label {
  67. padding: 6px 12px;
  68. }
  69.  
  70. assistant .sidebar label.highlight {
  71. background-color: @theme_selected_bg_color;
  72. color: @theme_selected_fg_color;
  73. }
  74.  
  75. /**********
  76. * button *
  77. **********/
  78. button,
  79. button.menuitem.menubar {
  80. min-height: 18px;
  81. min-width: 14px;
  82. padding: 4px 7px;
  83. }
  84.  
  85. button.image-button {
  86. padding: 4px;
  87. }
  88.  
  89. .dialog-action-area button.text-button {
  90. padding: 6px 16px;
  91. }
  92.  
  93. button.text-button {
  94. padding: 4px 16px;
  95. }
  96.  
  97. button.text-button.image-button {
  98. padding: 4px 7px;
  99. }
  100.  
  101. headerbar button,
  102. headerbar button.image-button,
  103. headerbar button.titlebutton.appmenu {
  104. padding: 8px;
  105. }
  106.  
  107. headerbar button.titlebutton {
  108. padding: 8px 1px 8px 1px;
  109. }
  110.  
  111. headerbar button.text-button {
  112. padding: 6px 16px;
  113. }
  114.  
  115. .primary-toolbar button {
  116. padding: 6px;
  117. }
  118.  
  119. .primary-toolbar button.image-button {
  120. padding: 6px;
  121. }
  122.  
  123. .primary-toolbar button.text-button {
  124. padding: 6px 16px;
  125. }
  126.  
  127. .path-bar button,
  128. .path-bar button.text-button,
  129. .path-bar button.image-button {
  130. padding-left: 4px;
  131. padding-right: 4px;
  132. }
  133.  
  134. .path-bar button.text-button.image-button label {
  135. padding-left: 0;
  136. padding-right: 0;
  137. }
  138.  
  139. .path-bar button label:last-child,
  140. .path-bar button.text-button.image-button label:last-child {
  141. padding-right: 8px;
  142. }
  143.  
  144. .path-bar button label:first-child,
  145. .path-bar button.text-button.image-button label:first-child {
  146. padding-left: 8px;
  147. }
  148.  
  149. .path-bar button image {
  150. padding-left: 4px;
  151. padding-right: 4px;
  152. }
  153.  
  154. .path-bar button.slider-button {
  155. padding-left: 0;
  156. padding-right: 0;
  157. }
  158.  
  159. .stack-switcher > button.text-button {
  160. padding: 6px 10px 6px;
  161. }
  162.  
  163. toolbar.inline-toolbar .button.image-button {
  164. padding: 4px;
  165. }
  166.  
  167. button,
  168. .header-bar.titlebar GtkMenuButton.button.titlebutton {
  169. color: @button_fg;
  170. text-shadow: 0 1px @button_text_shadow;
  171. -gtk-icon-shadow: 0 1px @button_text_shadow;
  172. }
  173.  
  174. .primary-toolbar button.image-button.flat {
  175. /*color: @theme_fg_color;*/
  176. -gtk-icon-shadow: 0 1px alpha(white, 0.4);
  177. text-shadow: 0 1px alpha(white, 0.2);
  178. }
  179.  
  180. .primary-toolbar button.image-button.flat label {
  181. color: @theme_fg_color;
  182. }
  183.  
  184. .primary-toolbar button.image-button,
  185. .primary-toolbar button image {
  186. color: #505050;
  187. -gtk-icon-shadow: 0 1px alpha(white, 0.9);
  188. }
  189.  
  190. .primary-toolbar button.image-button:active,
  191. .primary-toolbar button.image-button:active:hover,
  192. .primary-toolbar button.image-button:checked,
  193. .primary-toolbar button.image-button:checked:hover {
  194. -gtk-icon-shadow: 0 1px alpha(white, 0.4);
  195. }
  196.  
  197. .primary-toolbar button.image-button:disabled,
  198. .primary-toolbar button.image-button:disabled label,
  199. .primary-toolbar button.image-button:disabled image {
  200. color: @insensitive_fg_color;
  201. -gtk-icon-shadow: none;
  202. }
  203.  
  204. headerbar button.titlebutton,
  205. .titlebar button.titlebutton,
  206. headerbar button.titlebutton:active:hover,
  207. .titlebar button.titlebutton:active:hover,
  208. headerbar button.titlebutton:checked,
  209. .titlebar button.titlebutton:checked {
  210. color: #999999;
  211. -gtk-icon-shadow: 0 1px shade(@theme_bg_color, 1.3);
  212. }
  213.  
  214. headerbar button.titlebutton:backdrop,
  215. .titlebar button.titlebutton:backdrop {
  216. color: #b2b2b2;
  217. -gtk-icon-shadow: none;
  218. }
  219.  
  220. headerbar button.titlebutton:hover,
  221. .titlebar button.titlebutton:hover {
  222. color: #666666;
  223. -gtk-icon-shadow: 0 1px shade(@theme_bg_color, 1.3);
  224. }
  225.  
  226. button:disabled {
  227. color: @insensitive_fg_color;
  228. text-shadow: none;
  229. -gtk-icon-shadow: none;
  230. }
  231.  
  232. button.font separator,
  233. button.file separator {
  234. background-color: transparent;
  235. border: none;
  236. }
  237.  
  238. /***********
  239. * calendar *
  240. ************/
  241.  
  242. calendar {
  243. color: @theme_fg_color;
  244. background-color: @theme_bg_color;
  245. border: 1px solid @border;
  246. border-radius: 3px;
  247. padding: 2px;
  248. }
  249.  
  250. calendar:selected {
  251. background-color: @theme_selected_bg_color;
  252. color: @theme_selected_fg_color;
  253. border-radius: 1.5px;
  254. }
  255.  
  256. calendar.header {
  257. color: @theme_fg_color;
  258. border: none;
  259. }
  260.  
  261. calendar.button,
  262. calendar.button:focus {
  263. color: alpha(@theme_fg_color, 0.45);
  264. border: none;
  265. background-image: none;
  266. background-color: transparent;
  267. }
  268.  
  269. calendar.button:hover {
  270. color: @theme_fg_color;
  271. }
  272.  
  273. calendar.button:disabled {
  274. color: @insensitive_fg_color;
  275. }
  276.  
  277. calendar.button:indeterminate {
  278. color: alpha(currentcolor, 0.55);
  279. }
  280.  
  281. calendar.button.highlight {
  282. color: @theme_fg_color;
  283. }
  284.  
  285. /*******************
  286. * check and radio *
  287. *******************/
  288.  
  289. check,
  290. .check,
  291. radio
  292. .radio {
  293. min-width: 16px;
  294. min-height: 16px;
  295. margin: 0;
  296. background-color: transparent;
  297. }
  298.  
  299. checkbutton.text-button,
  300. radiobutton.text-button {
  301. padding: 2px 0;
  302. }
  303.  
  304. checkbutton label,
  305. radiobutton label {
  306. padding-bottom: 1px;
  307. }
  308.  
  309. checkbutton label:not(:only-child):last-child,
  310. radiobutton label:not(:only-child):last-child,
  311. checkbutton label:not(:only-child):first-child,
  312. radiobutton label:not(:only-child):first-child {
  313. margin-left: 4px;
  314. margin-right: 4px;
  315. }
  316.  
  317. /*****************
  318. * Color Chooser *
  319. *****************/
  320.  
  321. colorswatch {
  322. border: 1px solid alpha(@theme_fg_color, 0.75);
  323. border-radius: 0;
  324. box-shadow: none;
  325. }
  326.  
  327. colorswatch overlay {
  328. border: none;
  329. background-color: transparent;
  330. background-image: none;
  331. }
  332.  
  333. colorswatch:hover,
  334. colorswatch:selected:hover {
  335. background-color: transparent;
  336. background-image: none;
  337. }
  338.  
  339. colorswatch.dark overlay{
  340. color: @theme_selected_fg_color;
  341. }
  342.  
  343. colorswatch.light overlay{
  344. color: @theme_fg_color;
  345. }
  346.  
  347. colorswatch.dark overlay:hover {
  348. background-image: linear-gradient(to bottom,
  349. alpha(white, 0) 40%,
  350. alpha(white, 0.3)
  351. );
  352. }
  353.  
  354. colorswatch.light overlay:hover {
  355. background-image: linear-gradient(to top,
  356. alpha(black, 0) 40%,
  357. alpha(black, 0.1)
  358. );
  359. }
  360.  
  361. colorswatch.top {
  362. border-top-left-radius: 3px;
  363. border-top-right-radius: 3px;
  364. }
  365.  
  366. colorswatch.bottom {
  367. border-bottom-left-radius: 3px;
  368. border-bottom-right-radius: 3px;
  369. }
  370.  
  371. colorswatch.left,
  372. colorswatch:first-child,
  373. colorswatch:first-child overlay {
  374. border-top-left-radius: 3px;
  375. border-bottom-left-radius: 3px;
  376. }
  377.  
  378. colorswatch.right,
  379. colorswatch:last-child,
  380. colorswatch:last-child overlay {
  381. border-top-right-radius: 3px;
  382. border-bottom-right-radius: 3px;
  383. }
  384.  
  385. colorswatch:only-child {
  386. border-radius: 3px;
  387. }
  388.  
  389. colorswatch#add-color-button {
  390. background-color: mix(@border, @theme_bg_color, 0.3);
  391. }
  392.  
  393. colorswatch#add-color-button overlay:hover {
  394. background-image: linear-gradient(to bottom,
  395. alpha(white, 0) 40%,
  396. alpha(white, 0.3)
  397. );
  398. }
  399.  
  400. /*****************
  401. * column-header *
  402. *****************/
  403.  
  404. treeview .view header button {
  405. padding: 4px 6px;
  406. color: @theme_fg_color;
  407. text-shadow: none;
  408. -gtk-icon-shadow: none;
  409. }
  410.  
  411. header button:disabled {
  412. }
  413.  
  414. header button.dnd {
  415. }
  416.  
  417. /**************
  418. * ComboBoxes *
  419. **************/
  420.  
  421. combobox arrow {
  422. -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
  423. min-height: 16px;
  424. min-width: 16px;
  425. }
  426.  
  427. /****************
  428. * content view *
  429. ****************/
  430.  
  431. .content-view {
  432. background-color: @theme_base_color;
  433. }
  434.  
  435. .content-view:hover {
  436. -gtk-icon-effect: highlight;
  437. }
  438.  
  439. /*******
  440. * csd *
  441. *******/
  442.  
  443. decoration {
  444. border-width: 0;
  445. border-radius: 6px 6px 0 0;
  446. box-shadow: 0 2px 8px 3px alpha(black, 0.5),
  447. 0 0 0 1px darker(@theme_bg_color);
  448.  
  449. /* this is used for the resize cursor area */
  450. margin: 10px;
  451. }
  452.  
  453. decoration:backdrop {
  454. box-shadow: 0 2px 8px 3px transparent,
  455. 0 2px 5px 3px alpha(black, 0.3),
  456. 0 0 0 1px darker(@theme_bg_color);
  457. }
  458.  
  459. .maximized decoration,
  460. .fullscreen decoration,
  461. .tiled decoration,
  462. .tiled-top decoration,
  463. .tiled-bottom decoration,
  464. .tiled-left decoration,
  465. .tiled-right decoration {
  466. border-radius: 0;
  467. }
  468.  
  469. .popup decoration {
  470. box-shadow: none;
  471. }
  472.  
  473. .ssd decoration {
  474. box-shadow: 0 0 0 1px darker(@theme_bg_color);
  475. }
  476.  
  477. .csd.popup decoration {
  478. box-shadow: 0 2px 3px alpha(black, 0.3),
  479. 0 0 0 1px darker(@theme_bg_color);
  480. }
  481.  
  482. tooltip.csd decoration {
  483. box-shadow: 0 2px 3px alpha(black, 0.3);
  484. }
  485.  
  486. .solid-csd decoration {
  487. margin: 0;
  488. padding: 4px;
  489. background-color: @border;
  490. border: 1px solid @border;
  491. border-radius: 0;
  492. box-shadow: inset 0 0 0 3px red;
  493. }
  494.  
  495. /***********
  496. * Dialogs *
  497. ***********/
  498.  
  499. /*********
  500. * entry *
  501. *********/
  502.  
  503. entry {
  504. background-clip: padding-box;
  505. min-height: 28px;
  506. padding-left: 4px;
  507. padding-right: 4px;
  508. color: @theme_text_color;
  509. }
  510.  
  511. treeview entry {
  512. padding: 0;
  513. }
  514.  
  515. entry:focus {
  516. }
  517.  
  518. entry:disabled {
  519. color: @insensitive_fg_color;
  520. }
  521.  
  522. entry selection {
  523. background-color: @theme_selected_bg_color;
  524. color: @theme_selected_fg_color;
  525. }
  526.  
  527. entry image {
  528. color: shade(@theme_fg_color, 1.05);
  529. }
  530.  
  531. entry image:hover {
  532. color: @theme_fg_color;
  533. }
  534.  
  535. entry image:active {
  536. color: @theme_selected_bg_color;
  537. }
  538.  
  539. entry image.left {
  540. margin-right: 6px;
  541. }
  542.  
  543. entry image.right {
  544. margin-right: 6px;
  545. }
  546.  
  547. entry progress,
  548. entry progress:focus {
  549. margin-left: 2px;
  550. margin-right: 2px;
  551. border-image: none;
  552. border-style: none;
  553. background-color: transparent;
  554. background-image: linear-gradient(to top,
  555. transparent 2px,
  556. white 2px,
  557. white 3px,
  558. shade(@theme_selected_bg_color, 0.9) 3px,
  559. shade(@theme_selected_bg_color, 0.9) 5px,
  560. transparent 5px);
  561. background-size: auto;
  562. box-shadow: none;
  563. }
  564.  
  565. .entry progress.pulse,
  566. .entry progress.pulse:focus {
  567. background-image: linear-gradient(to top,
  568. transparent 2px,
  569. white 2px,
  570. white 3px,
  571. @border 3px,
  572. @border 5px,
  573. transparent 5px);
  574. }
  575.  
  576. .cursor-handle.top,
  577. .cursor-handle.bottom {
  578. }
  579.  
  580. /************
  581. * expander *
  582. ************/
  583.  
  584. expander arrow {
  585. min-width: 16px;
  586. min-height: 16px;
  587. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  588. }
  589.  
  590. expander arrow:dir(rtl) {
  591. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
  592. }
  593.  
  594. expander arrow:hover {
  595. color: @theme_fg_color;
  596. }
  597.  
  598. expander arrow:checked {
  599. -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  600. }
  601.  
  602. /****************
  603. * floating bar *
  604. ****************/
  605.  
  606. .floating-bar {
  607. border: 1px solid @border;
  608. border-radius: 3px;
  609. background-image: linear-gradient(to bottom,
  610. @floating_bar_a,
  611. @floating_bar_b);
  612. }
  613.  
  614. .floating-bar.top {
  615. border-top-width: 0;
  616. border-top-right-radius: 0;
  617. border-top-left-radius: 0;
  618. }
  619.  
  620. .floating-bar.right {
  621. border-right-width: 0;
  622. border-top-right-radius: 0;
  623. border-bottom-right-radius: 0;
  624. }
  625.  
  626. .floating-bar.bottom {
  627. border-bottom-width: 0;
  628. border-bottom-right-radius: 0;
  629. border-bottom-left-radius: 0;
  630. }
  631.  
  632. .floating-bar.left {
  633. border-left-width: 0;
  634. border-top-left-radius: 0;
  635. border-bottom-left-radius: 0;
  636. }
  637.  
  638. .floating-bar .button {
  639. border: 1px solid @border;
  640. background-color: transparent;
  641. background-image: none;
  642. }
  643.  
  644. /************
  645. * flow box *
  646. ************/
  647.  
  648. GtkFlowBox .grid-child {
  649. padding: 3px;
  650. border-radius: 3px;
  651. }
  652.  
  653. /*********
  654. * frame *
  655. *********/
  656.  
  657. frame > border,
  658. .frame {
  659. padding: 0;
  660. border: 1px solid @border;
  661. border-radius: 0;
  662. }
  663.  
  664. viewport.frame {
  665. border-width: 0;
  666. }
  667.  
  668. .frame.flat,
  669. frame.flat > border,
  670. frame > border.flat,
  671. scrolledwindow viewport.frame,
  672. statusbar frame > border {
  673. border: none;
  674. }
  675.  
  676. actionbar > revealer > {
  677. padding: 4px;
  678. border-width: 0px 0 0;
  679. }
  680.  
  681.  
  682.  
  683. filechooser stack > box > scrolledwindow {
  684. border-width: 1px;
  685. border-color: @border;
  686. border-style: solid;
  687. padding: 0px;
  688. }
  689.  
  690. filechooser actionbar {
  691. border-width: 0px 1px 1px 1px;
  692. }
  693.  
  694.  
  695. /* move down window to better show line */
  696. filechooser revealer {
  697. background-color: @theme_bg_color;
  698. border-style: solid;
  699. padding-bottom: 45px;
  700. border-color: @borders;
  701. }
  702.  
  703. /************
  704. * gtkstyle *
  705. ************/
  706.  
  707. .gtkstyle-fallback {
  708. background-color: @theme_bg_color;
  709. color: @theme_fg_color;
  710. }
  711.  
  712. .gtkstyle-fallback:hover {
  713. background-color: shade(@theme_bg_color, 1.1);
  714. color: @theme_fg_color;
  715. }
  716.  
  717. .gtkstyle-fallback:active {
  718. background-color: shade(@theme_bg_color, 0.9);
  719. color: @theme_fg_color;
  720. }
  721.  
  722. .gtkstyle-fallback:disabled {
  723. background-color: shade(shade(@theme_bg_color, 0.95), 1.05);
  724. color: mix(@theme_fg_color, @theme_bg_color, 0.4);
  725. }
  726.  
  727. .gtkstyle-fallback:selected {
  728. background-color: @theme_selected_bg_color;
  729. color: @theme_selected_fg_color;
  730. }
  731.  
  732. /***************
  733. * Header Bars *
  734. ***************/
  735.  
  736. window > .titlebar:not(headerbar),
  737. window > .titlebar:not(headerbar):backdrop,
  738. window.csd > .titlebar:not(headerbar),
  739. window.csd > .titlebar:not(headerbar):backdrop {
  740. padding: 0;
  741. background: none;
  742. border: none;
  743. box-shadow: none;
  744. }
  745.  
  746. headerbar,
  747. .titlebar:not(headerbar) {
  748. min-height: 42px;
  749. padding: 0 7px;
  750. border-style: solid;
  751. border-width: 0 0 1px 0;
  752. border-radius: 0;
  753. border-color: @border;
  754. background-color: transparent;
  755. background-image: linear-gradient(to bottom,
  756. shade(@theme_bg_color, 1.08),
  757. @theme_bg_color 50%,
  758. shade(@theme_bg_color, 0.95));
  759. box-shadow: inset 0 2px alpha(white, 0.3),
  760. inset 0 1px alpha(white, 0.8);
  761. }
  762.  
  763. headerbar:backdrop,
  764. .titlebar:not(headerbar):backdrop {
  765. background-image: linear-gradient(to bottom,
  766. @theme_bg_color,
  767. @theme_bg_color 50%,
  768. shade(@theme_bg_color, 0.95));
  769. box-shadow: none;
  770. }
  771.  
  772. /* Fix split headerbar */
  773. separator:first-child + headerbar,
  774. separator:first-child + headerbar:backdrop,
  775. headerbar:first-child,
  776. headerbar:first-child:backdrop {
  777. border-top-left-radius: 6px;
  778. }
  779.  
  780. .maximized separator:first-child + headerbar,
  781. .tiled separator:first-child + headerbar,
  782. .maximized separator:first-child + headerbar:backdrop,
  783. .tiled separator:first-child + headerbar:backdrop,
  784. .maximized headerbar:first-child,
  785. .tiled headerbar:first-child,
  786. .maximized headerbar:first-child:backdrop,
  787. .tiled headerbar:first-child:backdrop {
  788. border-radius: 0;
  789. }
  790.  
  791. headerbar:last-child,
  792. headerbar:last-child:backdrop {
  793. border-top-right-radius: 6px;
  794. }
  795.  
  796. .maximized headerbar:last-child,
  797. .tiled headerbar:last-child,
  798. .maximized headerbar:last-child:backdrop,
  799. .tiled headerbar:last-child:backdrop {
  800. border-radius: 0;
  801. }
  802.  
  803. headerbar entry,
  804. headerbar button,
  805. headerbar separator {
  806. margin-top: 6px;
  807. margin-bottom: 6px;
  808. }
  809.  
  810. /* Make sure the headerbars are rounded to match our window decorations */
  811. .background .titlebar,
  812. .background .titlebar:backdrop {
  813. border-top-left-radius: 6px;
  814. border-top-right-radius: 6px;
  815. }
  816.  
  817. .background.tiled .titlebar,
  818. .background.tiled-top .titlebar,
  819. .background.tiled-right .titlebar,
  820. .background.tiled-bottom .titlebar,
  821. .background.tiled-left .titlebar,
  822. .background.maximized .titlebar,
  823. .background.solid-csd .titlebar,
  824. .background.tiled .titlebar:backdrop,
  825. .background.tiled-top .titlebar:backdrop,
  826. .background.tiled-right .titlebar:backdrop,
  827. .background.tiled-bottom .titlebar:backdrop,
  828. .background.tiled-left .titlebar:backdrop,
  829. .background.maximized .titlebar:backdrop,
  830. .background.solid-csd .titlebar:backdrop {
  831. border-top-left-radius: 0;
  832. border-top-right-radius: 0;
  833. }
  834.  
  835. .titlebar .title,
  836. headerbar .title {
  837. color: shade(@theme_bg_color, 0.5);
  838. font-weight: bold;
  839. padding: 0 12px;
  840. text-shadow: 0 1px shade(@theme_bg_color, 1.3);
  841. }
  842.  
  843. .titlebar .subtitle,
  844. headerbar .subtitle {
  845. color: shade(@theme_bg_color, 0.5);
  846. font-size: smaller;
  847. padding: 0 12px;
  848. }
  849.  
  850. .titlebar .title:backdrop,
  851. .titlebar .subtitle:backdrop {
  852. color: shade(@theme_bg_color, 0.8);
  853. text-shadow: none;
  854. }
  855.  
  856. .tiled .titlebar,
  857. .maximized .titlebar,
  858. .tiled .header-bar,
  859. .maximized .header-bar {
  860. border-radius: 0;
  861. }
  862.  
  863. /************
  864. * iconview *
  865. ************/
  866.  
  867. iconview.cell {
  868. padding: 0;
  869. }
  870.  
  871. iconview.cell:selected,
  872. iconview.cell:selected:focus {
  873. border: 1px solid @border;
  874. border-radius: 3px;
  875. background-image: linear-gradient(to bottom,
  876. @iconview_selected_a,
  877. @iconview_selected_b);
  878. }
  879.  
  880. /*******************
  881. * image and label *
  882. *******************/
  883.  
  884. .view.dim-label,
  885. .dim-label {
  886. color: alpha(@theme_fg_color, 0.6);
  887. }
  888.  
  889. .dim-label:selected,
  890. .dim-label:selected:focus {
  891. color: alpha(@theme_selected_fg_color, 0.6);
  892. }
  893.  
  894. /***********
  895. * infobar *
  896. ***********/
  897.  
  898. infobar {
  899. border: none;
  900. }
  901.  
  902. infobar.info {
  903. background-color: @info_color;
  904.  
  905. }
  906.  
  907. infobar.info label {
  908. color: #ffffff;
  909. }
  910.  
  911. infobar.question {
  912. background-color: @question_color;
  913. }
  914.  
  915. infobar.question label {
  916. color: #004166;
  917. }
  918.  
  919. infobar.warning {
  920. background-color: @warning_color;
  921. }
  922.  
  923. infobar.warning label {
  924. color: #664e00;
  925. }
  926.  
  927. infobar.error {
  928. background-color: @error_color;
  929. }
  930.  
  931. infobar.error label {
  932. color: @theme_selected_fg_color;
  933. }
  934.  
  935. infobar.info button label,
  936. infobar.question button label,
  937. infobar.warning button label,
  938. infobor.error button label {
  939. color: @button_fg;
  940. }
  941.  
  942. infobar.info button:disabled label,
  943. infobar.question button:disabled label,
  944. infobar.warning button:disabled label,
  945. infobor.error button:disabled label {
  946. color: @insensitive_fg_color;
  947. }
  948.  
  949. /*************
  950. * level bar *
  951. *************/
  952.  
  953. levelbar block {
  954. min-width: 34px;
  955. min-height: 3px;
  956. }
  957.  
  958. levelbar.vertical block {
  959. min-width: 3px;
  960. min-height: 34px
  961. }
  962.  
  963. levelbar trough {
  964. border: 1px solid @border;
  965. border-radius: 3px;
  966. padding: 3px;
  967. background-color: @theme_base_color;
  968. }
  969.  
  970. levelbar.horizontal.discrete block {
  971. margin: 0 1px;
  972. }
  973.  
  974. levelbar.vertical.discrete block {
  975. margin: 1px 0;
  976. }
  977.  
  978. levelbar block {
  979. border: 1px solid alpha(@theme_fg_color, 0.2);
  980. border-radius: 2px;
  981. }
  982.  
  983. levelbar block:not(.empty) {
  984. border-color: @theme_selected_bg_color;
  985. background-color: @theme_selected_bg_color;
  986. }
  987.  
  988. levelbar block.low {
  989. border-color: @warning_color;
  990. background-color: @warning_color;
  991. }
  992.  
  993. levelbar block.high {
  994. border-color: @theme_selected_bg_color;
  995. background-color: @theme_selected_bg_color;
  996. }
  997.  
  998. levelbar block.full {
  999. border-color: @success_color;
  1000. background-color: @success_color;
  1001. }
  1002.  
  1003. levelbar block.empty {
  1004. border-color: alpha(@theme_fg_color, 0.2);
  1005. background-color: transparent;
  1006. }
  1007.  
  1008. /*********
  1009. * Links *
  1010. *********/
  1011.  
  1012. *:link,
  1013. .button:link {
  1014. color: #2a76c6;
  1015. }
  1016.  
  1017. *:link:visited,
  1018. .button:visited {
  1019. color: #215d9c;
  1020. }
  1021.  
  1022. /**************
  1023. * list boxes *
  1024. **************/
  1025.  
  1026. list {
  1027. background-color: @theme_base_color;
  1028. }
  1029.  
  1030. row.activatable:hover {
  1031. background-color: shade(@theme_base_color, 0.95);
  1032. }
  1033.  
  1034. row:selected,
  1035. row:selected:hover {
  1036. background-color: @theme_selected_bg_color;
  1037. color: @theme_selected_fg_color;
  1038. }
  1039.  
  1040. row:selected label:disabled {
  1041. color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.3);
  1042. text-shadow: none;
  1043. }
  1044.  
  1045. /*****************
  1046. * miscellaneous *
  1047. *****************/
  1048.  
  1049. .dnd {
  1050. border: 1px solid shade(@theme_selected_bg_color, 1.12);
  1051. }
  1052.  
  1053. rubberband,
  1054. .view.rubberband,
  1055. .rubberband
  1056. .content-view rubberband {
  1057. border: 1px solid @theme_selected_bg_color;
  1058. border-radius: 0;
  1059. background-color: alpha(@theme_selected_bg_color, 0.3);
  1060. }
  1061.  
  1062. /********
  1063. * menu *
  1064. ********/
  1065.  
  1066. .context-menu {
  1067. font: initial;
  1068. }
  1069.  
  1070. menu,
  1071. .menu,
  1072. .context-menu {
  1073. margin: 4px;
  1074. padding: 0;
  1075. border: 1px solid @border;
  1076. border-radius: 0;
  1077. background-color: @menu_bg;
  1078. }
  1079.  
  1080. /* remove some really ugly borders in composited environments */
  1081. .csd menu,
  1082. .csd .menu,
  1083. .csd .context-menu {
  1084. border: none;
  1085. }
  1086.  
  1087. .menu.button {
  1088. border: 1px solid @border;
  1089. border-radius: 0;
  1090. border-image: none;
  1091. background-color: shade(@menu_bg, 0.9);
  1092. background-image: none;
  1093. color: @menu_fg;
  1094. }
  1095.  
  1096. .menu.button:hover {
  1097. border: 1px solid @border;
  1098. border-radius: 0;
  1099. border-image: none;
  1100. background-color: mix(shade(@menu_bg, 0.9), @theme_selected_bg_color, 0.4);
  1101. background-image: none;
  1102. color: @menu_fg;
  1103. }
  1104.  
  1105. .menu.button:disabled {
  1106. border: 1px solid @border;
  1107. border-radius: 0;
  1108. border-image: none;
  1109. background-color: @menu_bg;
  1110. background-image: none;
  1111. color: @insensitive_fg_color;
  1112. }
  1113.  
  1114. .popup decoration {
  1115. border-radius: 0;
  1116. }
  1117.  
  1118. /***********
  1119. * menubar *
  1120. ***********/
  1121.  
  1122. menubar,
  1123. .menubar {
  1124. -GtkWidget-window-dragging: true;
  1125. border: none;
  1126. }
  1127.  
  1128. /***************
  1129. * menubaritem *
  1130. ***************/
  1131.  
  1132. menubar > menuitem,
  1133. .menubar > menuitem {
  1134. padding: 4px 6px;
  1135. border: 1px solid transparent;
  1136. text-shadow: 0 1px alpha(white, 0.4);
  1137. }
  1138.  
  1139. menubar > menuitem:hover,
  1140. .menubar > menuitem:hover {
  1141. border-color: @border;
  1142. border-radius: 3px 3px 0 0;
  1143. background-color: transparent;
  1144. background-image: linear-gradient(to bottom,
  1145. @theme_selected_bg_color,
  1146. shade(@theme_selected_bg_color, 0.85));
  1147. color: @theme_selected_fg_color;
  1148. text-shadow: none;
  1149. }
  1150.  
  1151. /************
  1152. * menuitem *
  1153. ************/
  1154.  
  1155. menu menuitem,
  1156. .menu menuitem,
  1157. .context-menu menuitem {
  1158. min-height: 16px;
  1159. min-width: 40px;
  1160. padding: 4px;
  1161. border: 1px solid transparent;
  1162. text-shadow: none;
  1163. }
  1164.  
  1165. menu menuitem:hover,
  1166. .menu menuitem:hover,
  1167. .context-menu menuitem:hover {
  1168. color: @theme_selected_fg_color;
  1169. border-color: shade(@border, 0.9);
  1170. background-image: linear-gradient(to bottom,
  1171. @theme_selected_bg_color,
  1172. shade(@theme_selected_bg_color, 0.85));
  1173. }
  1174.  
  1175. menu menuitem:disabled,
  1176. .menu menuitem:disabled,
  1177. .context-menu menuitem:disabled {
  1178. color: mix(@menu_fg, @menu_bg, 0.6);;
  1179. }
  1180.  
  1181. menu menuitem arrow,
  1182. .menu menuitem arrow,
  1183. .context-menu menuitem arrow {
  1184. min-height: 16px;
  1185. min-width: 16px;
  1186. }
  1187.  
  1188. menu menuitem arrow:dir(ltr),
  1189. .menu menuitem arrow:dir(ltr),
  1190. .context-menu menuitem arrow:dir(ltr) {
  1191. -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
  1192. margin-left: 10px;
  1193. }
  1194.  
  1195. menu menuitem arrow:dir(rtl),
  1196. .menu menuitem arrow:dir(rtl),
  1197. .context-menu menuitem arrow:dir(rtl) {
  1198. -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
  1199. margin-right: 10px;
  1200. }
  1201.  
  1202. /*avoids labels color being overridden, see
  1203. https://bugzilla.gnome.org/show_bug.cgi?id=767058*/
  1204. menu menuitem label:dir(rtl),
  1205. .menu menuitem label:dir(rtl),
  1206. .context-menu menuitem label:dir(rtl)
  1207. menu menuitem label:dir(ltr),
  1208. .menu menuitem label:dir(ltr),
  1209. .context-menu menuitem label:dir(ltr) {
  1210. color: inherit;
  1211. }
  1212.  
  1213. menuitem accelerator {
  1214. color: alpha(currentcolor, 0.70);
  1215. }
  1216.  
  1217. menuitem check,
  1218. menuitem radio {
  1219. min-height: 12px;
  1220. min-width: 12px;
  1221. }
  1222.  
  1223. menuitem check:dir(ltr),
  1224. menuitem radio:dir(ltr) {
  1225. margin-right: 7px;
  1226. }
  1227.  
  1228. menuitem check:dir(rtl),
  1229. menuitem radio:dir(rtl) {
  1230. margin-left: 7px;
  1231. }
  1232.  
  1233. menu > arrow,
  1234. .menu > arrow,
  1235. .context-menu > arrow {
  1236. min-height: 16px;
  1237. min-width: 16px;
  1238. padding: 2px;
  1239. border-image: none;
  1240. background-color: shade(@menu_bg, 0.9);
  1241. background-image: none;
  1242. color: @menu_fg;
  1243. }
  1244.  
  1245. menu > arrow.top,
  1246. .menu > arrow.top,
  1247. .context-menu > arrow.top {
  1248. margin-top: -6px;
  1249. border-bottom: 1px solid @border;
  1250. -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
  1251. }
  1252.  
  1253. menu > arrow.bottom,
  1254. .menu > arrow.bottom,
  1255. .context-menu > arrow.bottom {
  1256. margin-bottom: -6px;
  1257. border-top: 1px solid @border;
  1258. -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
  1259. }
  1260.  
  1261. menu > arrow:hover,
  1262. .menu > arrow:hover,
  1263. .context-menu > arrow:hover {
  1264. background-color: @menu_bg;
  1265. }
  1266.  
  1267. menu > arrow:disabled,
  1268. .menu > arrow:disabled,
  1269. .context-menu > arrow:disabled {
  1270. color: @insensitive_fg_color;
  1271. }
  1272.  
  1273. /***************
  1274. * modelbutton *
  1275. ***************/
  1276.  
  1277. modelbutton.flat {
  1278. min-height: 24px;
  1279. padding-left: 8px;
  1280. padding-right: 8px;
  1281. border-radius: 3px;
  1282. }
  1283.  
  1284. modelbutton.flat:hover {
  1285. background-color: @theme_selected_bg_color;
  1286. color: @theme_selected_fg_color;
  1287. }
  1288.  
  1289. modelbutton.flat check:last-child,
  1290. modelbutton.flat radio:last-child {
  1291. margin-left: 8px;
  1292. }
  1293.  
  1294. modelbutton.flat check:first-child,
  1295. modelbutton.flat radio:first-child {
  1296. margin-right: 8px;
  1297. }
  1298.  
  1299. modelbutton.flat arrow.left {
  1300. -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
  1301. }
  1302.  
  1303. modelbutton.flat arrow.right {
  1304. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  1305. }
  1306.  
  1307. /************
  1308. * notebook *
  1309. ************/
  1310.  
  1311. notebook {
  1312. padding: 0;
  1313. }
  1314.  
  1315. notebook.frame {
  1316. border: 1px solid @border;
  1317. }
  1318.  
  1319. notebook.frame > header {
  1320. margin: -1px;
  1321. }
  1322.  
  1323. notebook.frame > header > tabs {
  1324. margin: 0px;
  1325. margin-right: -2px;
  1326. }
  1327.  
  1328. notebook.frame > header.top {
  1329. margin-bottom: 0;
  1330. padding-left: 0;
  1331. padding-right: 0;
  1332. }
  1333.  
  1334. notebook.frame > header.bottom {
  1335. margin-top: 0;
  1336. padding-left: 0;
  1337. padding-right: 0;
  1338. }
  1339.  
  1340. notebook.frame > header.left {
  1341. margin-right: 0px;
  1342. padding-top: 0;
  1343. padding-bottom: 0;
  1344. padding-right: 2px;
  1345. }
  1346.  
  1347. notebook.frame > header.right {
  1348. margin-left: 0;
  1349. padding-top: 0;
  1350. padding-bottom: 0;
  1351. }
  1352.  
  1353. notebook > stack:not(:only-child) { /* the :not(:only-child) is for "hidden" notebooks */
  1354. background-color: @notebook_bg;
  1355. }
  1356.  
  1357. notebook > header {
  1358. padding: 0px;
  1359. background-color: @theme_bg_color;
  1360. }
  1361.  
  1362. notebook > header.top {
  1363. box-shadow: inset 0 -1px @border;
  1364. padding-bottom: 0;
  1365. }
  1366.  
  1367. notebook > header.bottom {
  1368. box-shadow: inset 0 1px @border;
  1369. padding-top: 0;
  1370. }
  1371.  
  1372. notebook > header.left {
  1373. box-shadow: inset -1px 0 @border;
  1374. padding-right: 0;
  1375. }
  1376.  
  1377. notebook > header.right {
  1378. box-shadow: inset 1px 0 @border;
  1379. padding-left: 0;
  1380. }
  1381.  
  1382. notebook > header.top > tabs > tab {
  1383. padding: 2px 10px;
  1384. min-width: 20px;
  1385. min-height: 20px;
  1386. margin-right: 2px;
  1387. border: 1px solid @border;
  1388. border-radius: 4px 4px 0 0;
  1389. color: @theme_fg_color;
  1390. background-color: transparent;
  1391. background-image: linear-gradient(to bottom,
  1392. @notebook_tab_bg_a,
  1393. @notebook_tab_bg_b);
  1394. }
  1395.  
  1396. notebook > header.bottom > tabs > tab {
  1397. padding: 2px 10px;
  1398. min-width: 20px;
  1399. min-height: 20px;
  1400. margin-right: 2px;
  1401. border: 1px solid @border;
  1402. border-radius: 0 0 4px 4px;
  1403. color: @theme_fg_color;
  1404. background-color: transparent;
  1405. background-image: linear-gradient(to top,
  1406. @notebook_tab_bg_a,
  1407. @notebook_tab_bg_b);
  1408. }
  1409.  
  1410. notebook > header.top > tabs > tab:dir(rtl),
  1411. notebook > header.bottom > tabs > tab:dir(rtl) {
  1412. margin-right: 0;
  1413. margin-left: 2px;
  1414. }
  1415.  
  1416. notebook > header.left > tabs > tab {
  1417. padding: 2px 10px;
  1418. min-width: 20px;
  1419. min-height: 20px;
  1420. margin-bottom: 2px;
  1421. border: 1px solid @border;
  1422. border-radius: 4px 0 0 4px;
  1423. color: @theme_fg_color;
  1424. background-color: transparent;
  1425. background-image: linear-gradient(to bottom,
  1426. @notebook_tab_bg_a,
  1427. @notebook_tab_bg_b);
  1428. }
  1429.  
  1430. notebook > header.right > tabs > tab {
  1431. padding: 2px 10px;
  1432. min-width: 20px;
  1433. min-height: 20px;
  1434. margin-bottom: 2px;
  1435. border: 1px solid @border;
  1436. border-radius: 0 4px 4px 0;
  1437. color: @theme_fg_color;
  1438. background-color: transparent;
  1439. background-image: linear-gradient(to bottom,
  1440. @notebook_tab_bg_a,
  1441. @notebook_tab_bg_b);
  1442. }
  1443.  
  1444. notebook > header.top > tabs > tab:checked {
  1445. border-bottom: transparent;
  1446. }
  1447.  
  1448. notebook > header.bottom > tabs > tab:checked {
  1449. border-top: transparent;
  1450. }
  1451.  
  1452. notebook > header.left > tabs > tab:checked {
  1453. border-right: transparent;
  1454. }
  1455.  
  1456. notebook > header.right > tabs > tab:checked {
  1457. border-left: transparent;
  1458. }
  1459.  
  1460. notebook > header > tabs> tab:checked {
  1461. background-color: @notebook_bg;
  1462. background-image: none;
  1463. }
  1464.  
  1465. notebook > header.top > tabs > arrow.up,
  1466. notebook > header.bottom > tabs > arrow.up {
  1467. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  1468. }
  1469.  
  1470. notebook > header.top > tabs > arrow.down,
  1471. notebook > header.bottom > tabs > arrow.down {
  1472. -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
  1473. }
  1474.  
  1475. notebook > header.left > tabs > arrow.up,
  1476. notebook > header.right > tabs > arrow.up {
  1477. -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  1478. }
  1479.  
  1480. notebook > header.left > tabs > arrow.down,
  1481. notebook > header.right > tabs > arrow.down {
  1482. -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
  1483. }
  1484.  
  1485. /* TODO */
  1486. notebook > header > tabs > arrow {
  1487.  
  1488. }
  1489.  
  1490. notebook > header > tabs > arrow:hover {
  1491.  
  1492. }
  1493.  
  1494. notebook > header > tabs > arrow:active {
  1495.  
  1496. }
  1497.  
  1498. notebook > header > tabs > arrow:disabled {
  1499.  
  1500. }
  1501.  
  1502. notebook > header > tabs > tab button.flat,
  1503. notebook > header > tabs > tab button.sidebar-button {
  1504. min-height: 22px;
  1505. min-width: 16px;
  1506. padding: 1px;
  1507. border: 1px solid transparent;
  1508. border-radius: 3px;
  1509. border-image: none;
  1510. background-color: transparent;
  1511. background-image: none;
  1512. color: shade(@theme_fg_color, 0.85);
  1513. -gtk-icon-shadow: none;
  1514. box-shadow: none;
  1515. }
  1516.  
  1517. notebook > header > tabs > tab button.flat:hover,
  1518. notebook > header > tabs > tab button.sidebar-button:hover {
  1519. padding: 1px;
  1520. border: 1px solid @border;
  1521. border-image: none;
  1522. background-color: transparent;
  1523. background-image: none;
  1524. box-shadow: none;
  1525. }
  1526.  
  1527. notebook > header > tabs > tab button.flat:active,
  1528. notebook > header > tabs > tab button.flat:active:hover,
  1529. notebook > header > tabs > tab button.sidebar-button:active,
  1530. notebook > header > tabs > tab button.sidebar-button:active:hover {
  1531. padding: 1px;
  1532. border: 1px solid @border;
  1533. border-image: none;
  1534. background-color: shade(@theme_bg_color, 0.85);
  1535. background-image: none;
  1536. box-shadow: none;
  1537. }
  1538.  
  1539. /******
  1540. * osd *
  1541. *******/
  1542.  
  1543. .background.osd {
  1544. background-color: @osd_bg;
  1545. color: @osd_fg;
  1546. }
  1547.  
  1548. GtkOverlay.osd {
  1549. background-color: transparent;
  1550. }
  1551.  
  1552. .osd.trough {
  1553. background-color: alpha(@osd_bg, 0.6);
  1554. }
  1555.  
  1556. .osd.progressbar {
  1557. background-color: @osd_fg;
  1558. }
  1559.  
  1560. /******************
  1561. * pane separator *
  1562. ******************/
  1563.  
  1564. paned > separator {
  1565. min-width: 5px;
  1566. min-height: 5px;
  1567. -gtk-icon-source: none;
  1568. border-style: none;
  1569. background-color: transparent;
  1570. }
  1571.  
  1572. paned > separator.wide {
  1573. min-width: 5px;
  1574. min-height: 5px;
  1575. margin: 0;
  1576. padding: 0;
  1577. background-color: transparent;
  1578. }
  1579.  
  1580. /************
  1581. * popovers *
  1582. ************/
  1583.  
  1584. .popover,
  1585. popover.background {
  1586. padding: 2px;
  1587. border-radius: 5px;
  1588. border: 1px solid @border;
  1589. background-color: @menu_bg;
  1590. box-shadow: 0 1px 3px 2px alpha(black, 0.2);
  1591. }
  1592.  
  1593. .popover > .list,
  1594. .popover > .view,
  1595. .popover > .toolbar .popover.osd > .toolbar,
  1596. .popover > .inline-toolbar .popover.osd > .toolbar,
  1597. .popover > .search-bar .popover.osd > .toolbar,
  1598. .popover > .location-bar .popover.osd > .toolbar,
  1599. .popover > .toolbar .popover.osd > .inline-toolbar,
  1600. .popover > .inline-toolbar .popover.osd > .inline-toolbar,
  1601. .popover > .search-bar .popover.osd > .inline-toolbar,
  1602. .popover > .location-bar .popover.osd > .inline-toolbar,
  1603. .popover > .toolbar .popover.osd > .search-bar,
  1604. .popover > .inline-toolbar .popover.osd > .search-bar,
  1605. .popover > .search-bar .popover.osd > .search-bar,
  1606. .popover > .location-bar .popover.osd > .search-bar,
  1607. .popover > .toolbar .popover.osd > .location-bar,
  1608. .popover > .inline-toolbar .popover.osd > .location-bar,
  1609. .popover > .search-bar .popover.osd > .location-bar,
  1610. .popover > .location-bar .popover.osd > .location-bar {
  1611. border-style: none;
  1612. background-color: transparent;
  1613. }
  1614.  
  1615. /***************
  1616. * progressbar *
  1617. ***************/
  1618.  
  1619. progressbar {
  1620. padding: 0;
  1621. color: @theme_fg_color;
  1622. }
  1623.  
  1624. progressbar progress {
  1625. border: 1px solid @progressbar_border;
  1626. border-radius: 3px;
  1627. background-image: linear-gradient(to bottom,
  1628. @progressbar_a,
  1629. @progressbar_b);
  1630. box-shadow: 0 1px alpha(white, 0.15);
  1631. }
  1632.  
  1633. progressbar.vertical progress {
  1634. background-image: linear-gradient(to right,
  1635. @progressbar_a,
  1636. @progressbar_b);
  1637. box-shadow: 1px 0 alpha(white, 0.15);
  1638. }
  1639.  
  1640. progressbar trough {
  1641. padding: 0;
  1642. border: 1px solid @border;
  1643. border-radius: 3px;
  1644. background-image: linear-gradient(to bottom,
  1645. @progressbar_trough_a,
  1646. @progressbar_trough_b);
  1647. }
  1648.  
  1649. progressbar.vertical trough {
  1650. background-image: linear-gradient(to right,
  1651. @progressbar_trough_a,
  1652. @progressbar_trough_b);
  1653. }
  1654.  
  1655. treeview.view.progressbar,
  1656. treeview.view.progressbar:selected {
  1657. color: @theme_selected_fg_color;
  1658. border: 1px solid @progressbar_border;
  1659. border-radius: 3px;
  1660. background-image: linear-gradient(to bottom,
  1661. @progressbar_a,
  1662. @progressbar_b);
  1663. box-shadow: 0 1px alpha(white, 0.15);
  1664. }
  1665.  
  1666. treeview.view.trough,
  1667. treeview.view.trough:selected {
  1668. color: @theme_fg_color;
  1669. padding: 0;
  1670. border: 1px solid @border;
  1671. border-radius: 3px;
  1672. background-image: linear-gradient(to bottom,
  1673. @progressbar_trough_a,
  1674. @progressbar_trough_b);
  1675. }
  1676.  
  1677. /*********
  1678. * Scale *
  1679. *********/
  1680.  
  1681. scale {
  1682. min-height: 16px;
  1683. min-width: 16px;
  1684. padding: 3px;
  1685. }
  1686.  
  1687. scale slider {
  1688. min-height: 16px;
  1689. min-width: 16px;
  1690. margin: -7px;
  1691. }
  1692.  
  1693. scale slider {
  1694. border: 1px solid @border;
  1695. border-radius: 50%;
  1696. background-image: linear-gradient(to bottom,
  1697. shade(@button_bg_a, 1.1),
  1698. shade(@button_bg_b, 1.1));
  1699. }
  1700.  
  1701. scale slider:disabled {
  1702. border-color: shade(@border, 1.1);
  1703. background-image: linear-gradient(to bottom,
  1704. shade(@theme_bg_color, 1.05),
  1705. @theme_bg_color);
  1706. }
  1707.  
  1708. scale.fine-tune slider {
  1709. margin: -5px;
  1710. }
  1711.  
  1712. scale.fine-tune trough {
  1713. border-radius: 5px;
  1714. }
  1715.  
  1716. scale trough {
  1717. border: 1px solid @border;
  1718. border-radius: 3px;
  1719. background-color: shade(@theme_bg_color, 0.95);
  1720. background-image: none;
  1721. box-shadow: inset 1px 1px alpha(black, 0.1),
  1722. 0 1px alpha(white, 0.5);
  1723. }
  1724.  
  1725. .primary-toolbar scale trough,
  1726. headerbar scale trough {
  1727. background-color: shade(@theme_bg_color, 0.85);
  1728. }
  1729.  
  1730. scale.vertical trough {
  1731. background-color: shade(@theme_bg_color, 0.95);
  1732. background-image: none;
  1733. box-shadow: inset 1px 1px alpha(black, 0.1),
  1734. 1px 0 alpha(white, 0.5);
  1735. }
  1736.  
  1737. .primary-toolbar scale.vertical trough {
  1738. background-color: shade(@theme_bg_color, 0.95);
  1739. background-image: none;
  1740. }
  1741.  
  1742. scale highlight {
  1743. border-radius: 3px;
  1744. background-image: linear-gradient(to bottom,
  1745. @scale_fill_a,
  1746. @scale_fill_b);
  1747. box-shadow: 0 1px alpha(white, 0.05);
  1748. }
  1749.  
  1750. scale.vertical highlight {
  1751. background-image: linear-gradient(to right,
  1752. @scale_fill_a,
  1753. @scale_fill_b);
  1754. box-shadow: 1px 0 alpha(white, 0.05);
  1755. }
  1756.  
  1757. /* TODO - scale fill used to show cached amount in video players */
  1758.  
  1759. scale:disabled trough,
  1760. scale:disabled highlight,
  1761. scale.vertical:disabled trough,
  1762. scale.vertical:disabled highlight {
  1763. border-color: shade(@border, 1.1);
  1764. background-color: shade(@theme_bg_color, 0.98);
  1765. background-image: none;
  1766. box-shadow: none;
  1767. }
  1768.  
  1769. .primary-toolbar scale:disabled trough,
  1770. .primary-toolbar scale:disabled highlight,
  1771. .primary-toolbar scale.vertical:disabled trough,
  1772. .primary-toolbar scale.vertical:disabled highlight {
  1773. border-color: @border;
  1774. background-color: shade(@theme_bg_color, 0.9);
  1775. background-image: none;
  1776. box-shadow: none;
  1777. }
  1778.  
  1779. scale marks {
  1780. color: @border;
  1781. }
  1782.  
  1783. scale marks.bottom {
  1784. margin-top: 4px;
  1785. margin-bottom: -4px;
  1786. }
  1787.  
  1788. scale marks.top {
  1789. margin-top: -4px;
  1790. margin-bottom: 4px;
  1791. }
  1792.  
  1793. scale marks.left {
  1794. margin-left: -4px;
  1795. margin-right: 4px;
  1796. }
  1797.  
  1798. scale marks.right {
  1799. margin-left: 4px;
  1800. margin-right: -4px;
  1801. }
  1802.  
  1803. scale.horizontal indicator {
  1804. min-width: 1px;
  1805. min-height: 5px;
  1806. }
  1807.  
  1808. scale.vertical indicator {
  1809. min-width: 5px;
  1810. min-height: 1px;
  1811. }
  1812.  
  1813. /*************
  1814. * scrollbar *
  1815. *************/
  1816.  
  1817. scrollbar {
  1818. -GtkScrollbar-has-backward-stepper: 0;
  1819. -GtkScrollbar-has-forward-stepper: 0;
  1820. }
  1821.  
  1822. scrollbar.vertical {
  1823. border-style: solid;
  1824. border-color: alpha(@border, 0.5);
  1825. border-width: 0 0 0 1px;
  1826. background-image: linear-gradient(to right,
  1827. @theme_bg_color,
  1828. @theme_base_color);
  1829. }
  1830.  
  1831. scrollbar.horizontal {
  1832. border-style: solid;
  1833. border-color: alpha(@border, 0.5);
  1834. border-width: 1px 0 0 0;
  1835. background-image: linear-gradient(to bottom,
  1836. @theme_bg_color,
  1837. @theme_base_color);
  1838. }
  1839.  
  1840. scrollbar.right {
  1841. border-left: 1px solid alpha(@border, 0.5);;
  1842. }
  1843.  
  1844. scrollbar.left {
  1845. border-right: 1px solid alpha(@border, 0.5);;
  1846. }
  1847.  
  1848. scrollbar.top {
  1849. border-bottom: 1px solid alpha(@border, 0.5);;
  1850. }
  1851.  
  1852. scrollbar.bottom {
  1853. border-top: 1px solid alpha(@border, 0.5);;
  1854. }
  1855.  
  1856. scrollbar slider {
  1857. min-width: 10px;
  1858. min-height: 10px;
  1859. margin: -1px;
  1860. margin-top: 2px;
  1861. margin-bottom: 2px;
  1862. border: 1px solid @border;
  1863. border-radius: 8px;
  1864. background-clip: padding-box;
  1865. background-color: transparent;
  1866. background-image: linear-gradient(to right,
  1867. shade(@theme_bg_color, 1.12),
  1868. shade(@theme_bg_color, 0.95));
  1869. box-shadow: 1px 0 alpha(white, 0.5);
  1870. }
  1871.  
  1872. scrollbar.horizontal slider {
  1873. margin: -1px;
  1874. margin-left: 2px;
  1875. margin-right: 2px;
  1876. background-image: linear-gradient(to bottom,
  1877. shade(@theme_bg_color, 1.12),
  1878. shade(@theme_bg_color, 0.95));
  1879. }
  1880.  
  1881. scrollbar slider.fine-tune {
  1882. min-width: 4px;
  1883. min-height: 4px;
  1884. }
  1885.  
  1886. scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
  1887. border-color: transparent;
  1888. opacity: 0.4;
  1889. background-color: transparent;
  1890. background-image: none;
  1891. }
  1892.  
  1893. scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  1894. margin: 0;
  1895. min-width: 4px;
  1896. min-height: 4px;
  1897. background-color: shade(@theme_bg_color, 0.6);
  1898. background-image: none;
  1899. }
  1900.  
  1901. scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
  1902. margin: 2px 0;
  1903. min-height: 40px;
  1904. }
  1905.  
  1906. scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
  1907. margin: 0 2px;
  1908. min-width: 40px;
  1909. }
  1910.  
  1911. scrollbar.vertical slider {
  1912. min-height: 40px;
  1913. }
  1914.  
  1915. scrollbar.horizontal slider {
  1916. min-width: 40px;
  1917. }
  1918.  
  1919. scrollbar.vertical.fine-tune slider {
  1920. min-width: 4px;
  1921. margin-left: 3px;
  1922. margin-right: 3px;
  1923. }
  1924.  
  1925. /* Adding support for scrollbar buttons so it's easier for users who really want
  1926. * them to enable them. */
  1927.  
  1928. scrollbar button {
  1929. min-width: 10px;
  1930. min-height: 10px;
  1931. padding: 2px;
  1932. border-radius: 0;
  1933. }
  1934.  
  1935. scrollbar.vertical button {
  1936. padding-top: 4px;
  1937. padding-bottom: 4px;
  1938. }
  1939.  
  1940. scrollbar.horizontal button {
  1941. padding-left: 4px;
  1942. padding-right: 4px;
  1943. }
  1944.  
  1945. scrollbar.vertical button.up {
  1946. border-width: 0 0 1px 0;
  1947. -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
  1948. }
  1949.  
  1950. scrollbar.vertical button.down {
  1951. border-width: 1px 0 0 0;
  1952. -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
  1953. }
  1954.  
  1955. scrollbar.horizontal button.down {
  1956. border-width: 0 0 0 1px;
  1957. -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
  1958. }
  1959.  
  1960. scrollbar.horizontal button.up {
  1961. border-width: 0 1px 0 0;
  1962. -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
  1963. }
  1964.  
  1965. scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
  1966. color: transparent;
  1967. border-color: transparent;
  1968. border-image: none;
  1969. background-color: transparent;
  1970. background-image: none;
  1971. -gtk-icon-source: none;
  1972. }
  1973.  
  1974. /*******************
  1975. * scrolled windows *
  1976. ********************/
  1977.  
  1978. overshoot.top {
  1979. background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
  1980. background-size: 100% 60%;
  1981. background-repeat: no-repeat;
  1982. background-position: center top;
  1983. background-color: transparent;
  1984. border: none;
  1985. box-shadow: none; }
  1986.  
  1987. overshoot.bottom {
  1988. background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
  1989. background-size: 100% 60%;
  1990. background-repeat: no-repeat;
  1991. background-position: center bottom;
  1992. background-color: transparent;
  1993. border: none;
  1994. box-shadow: none; }
  1995.  
  1996. overshoot.left {
  1997. background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
  1998. background-size: 60% 100%;
  1999. background-repeat: no-repeat;
  2000. background-position: left center;
  2001. background-color: transparent;
  2002. border: none;
  2003. box-shadow: none; }
  2004.  
  2005. overshoot.right {
  2006. background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
  2007. background-size: 60% 100%;
  2008. background-repeat: no-repeat;
  2009. background-position: right center;
  2010. background-color: transparent;
  2011. border: none;
  2012. box-shadow: none; }
  2013.  
  2014. undershoot.top {
  2015. background-color: transparent;
  2016. background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2017. padding-top: 1px;
  2018. background-size: 10px 0px;
  2019. background-repeat: repeat-x;
  2020. background-origin: content-box;
  2021. background-position: center top; }
  2022.  
  2023. undershoot.bottom {
  2024. background-color: transparent;
  2025. background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2026. padding-bottom: 1px;
  2027. background-size: 10px 0px;
  2028. background-repeat: repeat-x;
  2029. background-origin: content-box;
  2030. background-position: center bottom; }
  2031.  
  2032. undershoot.left {
  2033. background-color: transparent;
  2034. background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2035. padding-left: 1px;
  2036. background-size: 0px 10px;
  2037. background-repeat: repeat-y;
  2038. background-origin: content-box;
  2039. background-position: left center; }
  2040.  
  2041. undershoot.right {
  2042. background-color: transparent;
  2043. background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2044. padding-right: 1px;
  2045. background-size: 0px 10px;
  2046. background-repeat: repeat-y;
  2047. background-origin: content-box;
  2048. background-position: right center; }
  2049.  
  2050. /*************
  2051. * separators *
  2052. **************/
  2053.  
  2054. separator {
  2055. min-height: 0;
  2056. min-width: 0;
  2057. border: 1px solid transparent;
  2058. border-top-color: alpha(black, 0.08);
  2059. border-bottom-color: alpha(white, 0.35);
  2060. }
  2061.  
  2062. separator.vertical {
  2063. border: 1px solid transparent;
  2064. border-left-color: alpha(black, 0.08);
  2065. border-right-color: alpha(white, 0.35);
  2066. }
  2067.  
  2068. GtkComboBox .separator {
  2069. /* always disable separators */
  2070. -GtkWidget-horizontal-separator: 0;
  2071. -GtkWidget-vertical-separator: 0;
  2072. }
  2073.  
  2074.  
  2075. .menuitem.separator,
  2076. GtkMenuButton .menuitem.separator {
  2077. color: alpha(black, 0.08);
  2078. }
  2079.  
  2080. toolbar separator {
  2081. border-color: transparent;
  2082. border-left-color: alpha(black, 0.2);
  2083. border-right-color: alpha(white, 0.3);
  2084. }
  2085.  
  2086. .button .separator,
  2087. .titlebar .separator {
  2088. border-color: transparent;
  2089. }
  2090.  
  2091. /**************
  2092. * search bar *
  2093. **************/
  2094.  
  2095. searchbar {
  2096. background-color: transparent;
  2097. background-image: linear-gradient(to bottom,
  2098. shade(@theme_bg_color, 0.85),
  2099. shade(@theme_bg_color, 0.95));
  2100. box-shadow: inset 0 1px alpha(black, 0.3),
  2101. inset 0 -1px alpha(black, 0.2);
  2102. }
  2103.  
  2104. /***********
  2105. * sidebar *
  2106. ***********/
  2107.  
  2108. .sidebar {
  2109. background-color: @theme_base_color;
  2110. border-style: none;
  2111. }
  2112.  
  2113. .sidebar:dir(ltr),
  2114. .sidebar.left,
  2115. .sidebar.left:dir(rtl) {
  2116. border-right: 1px solid @border;
  2117. border-left-style: none;
  2118. }
  2119.  
  2120. .sidebar:dir(rtl),
  2121. .sidebar.right {
  2122. border-left: 1px solid @border;
  2123. border-right-style: none;
  2124. }
  2125.  
  2126. .sidebar list {
  2127. background-color: @theme_base_color;
  2128. }
  2129.  
  2130. stacksidebar.sidebar:dir(ltr) list,
  2131. stacksidebar.sidebar.left list,
  2132. stacksidebar.sidebar.left:dir(rtl) list {
  2133. border-right: 1px solid @border;
  2134. border-left-style: none;
  2135. }
  2136.  
  2137. stacksidebar.sidebar:dir(rtl) list,
  2138. stacksidebar.sidebar.right list {
  2139. border-left: 1px solid @border;
  2140. border-right-style: none;
  2141. }
  2142.  
  2143. stacksidebar row {
  2144. padding: 10px 4px;
  2145. }
  2146.  
  2147. stacksidebar row > label {
  2148. padding-left: 6px;
  2149. padding-right: 6px;
  2150. }
  2151.  
  2152. placessidebar > viewport.frame {
  2153. border-style: none;
  2154. }
  2155.  
  2156. placessidebar row {
  2157. min-height: 30px;
  2158. padding: 0;
  2159. }
  2160.  
  2161. placessidebar row > revealer {
  2162. padding: 0 10px;
  2163. }
  2164.  
  2165. placessidebar row image.sidebar-icon:dir(ltr) {
  2166. padding-right: 8px;
  2167. }
  2168.  
  2169. placessidebar row image.sidebar-icon:dir(rtl) {
  2170. padding-left: 8px;
  2171. }
  2172.  
  2173. placessidebar row label.sidebar-label:dir(ltr) {
  2174. padding-right: 2px;
  2175. }
  2176.  
  2177. placessidebar row label.sidebar-label:dir(rtl) {
  2178. padding-left: 2px;
  2179. }
  2180.  
  2181. placessidebar row button.sidebar-button {
  2182. min-width: 22px;
  2183. min-height: 22px;
  2184. margin-top: 2px;
  2185. margin-bottom: 2px;
  2186. padding: 0;
  2187. }
  2188.  
  2189. paned .sidebar,
  2190. paned .sidebar:dir(ltr),
  2191. paned .sidebar:dir(rtl),
  2192. paned .sidebar.left,
  2193. paned .sidebar.right,
  2194. paned .sidebar.left:dir(rtl) {
  2195. border-style: solid;
  2196. }
  2197.  
  2198. /********************
  2199. * Shortcuts window *
  2200. ********************/
  2201.  
  2202. .keycap {
  2203. min-width: 16px;
  2204. min-height: 20px;
  2205. padding: 3px 6px 4px 6px;
  2206. color: @theme_fg_color;
  2207. background-color: shade(@theme_bg_color, 1.1);
  2208. border: 1px solid @border;
  2209. border-radius: 3px;
  2210. box-shadow: inset 0 -2px 0 alpha(black, 0.1);
  2211. }
  2212.  
  2213. /**************
  2214. * spinbutton *
  2215. **************/
  2216.  
  2217. spinbutton button {
  2218. padding: 2px 5px;
  2219. border-width: 0;
  2220. border-radius: 0;
  2221. border-image: none;
  2222. box-shadow: inset 0 1px alpha(white, 1.0),
  2223. inset 2px 0 alpha(white, 0.5),
  2224. inset 1px 0 alpha(black, 0.4),
  2225. inset -1px 0 alpha(white, 0.5),
  2226. inset 0 -1px alpha(black, 0.04);
  2227. }
  2228.  
  2229. spinbutton button:active {
  2230. border-width: 0;
  2231. border-radius: 0;
  2232. border-image: none;
  2233. box-shadow: inset 0 2px alpha(black, 0.05),
  2234. inset 1px 0 alpha(black, 0.3),
  2235. inset 0 -1px alpha(black, 0.04);
  2236. }
  2237.  
  2238. spinbutton button:disabled {
  2239. border-width: 0;
  2240. border-radius: 0;
  2241. border-image: none;
  2242. box-shadow: inset 1px 0 alpha(black, 0.2),
  2243. inset -1px 0 alpha(white, 0.2),
  2244. inset 0 1px alpha(white, 0.3);
  2245. }
  2246.  
  2247. spinbutton button.up {
  2248. border-style: solid;
  2249. border-width: 1px 1px 1px 0;
  2250. border-radius: 0 3px 3px 0;
  2251. border-image: none;
  2252. border-color: @button_border;
  2253. }
  2254.  
  2255. spinbutton button.down {
  2256. border-style: solid;
  2257. border-width: 1px 0 1px 0;
  2258. border-radius: 0;
  2259. border-color: @button_border;
  2260. }
  2261.  
  2262. spinbutton entry {
  2263. min-width: 28px;
  2264. border-width: 1px 0 1px 1px;
  2265. border-radius: 3px 0 0 3px;
  2266. }
  2267.  
  2268. spinbutton:disabled entry {
  2269. border-width: 1px 0 1px 1px;
  2270. }
  2271.  
  2272. spinbutton.vertical button {
  2273. border: 1px solid @border;
  2274. border-image: none;
  2275. box-shadow: none;
  2276. border-color: @button_border;
  2277. }
  2278.  
  2279. spinbutton.vertical button.up {
  2280. border-width: 1px 1px 0 1px;
  2281. border-radius: 4px 4px 0 0;
  2282. }
  2283.  
  2284. spinbutton.vertical button.down {
  2285. border-width: 0 1px 1px 1px;
  2286. border-radius: 0 0 4px 4px;
  2287. }
  2288.  
  2289. spinbutton.vertical entry {
  2290. border-style: solid;
  2291. border-width: 1px;
  2292. border-radius: 0;
  2293. border-color: @border;
  2294. border-image: none;
  2295. box-shadow: 0 1px alpha(black, 0.1);
  2296. }
  2297.  
  2298. spinbutton.vertical button:disabled,
  2299. spinbutton.vertical entry:disabled {
  2300. box-shadow: none;
  2301. border-color: shade(@border, 1.1);
  2302. }
  2303.  
  2304. /***********
  2305. * spinner *
  2306. ***********/
  2307.  
  2308. @keyframes spin {
  2309. to {
  2310. -gtk-icon-transform: rotate(1turn);
  2311. }
  2312. }
  2313.  
  2314. spinner {
  2315. background-image: none;
  2316. opacity: 0;
  2317. -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  2318. }
  2319.  
  2320. spinner:checked {
  2321. opacity: 1;
  2322. animation: spin 1s linear infinite;
  2323. }
  2324.  
  2325. spinner:checked:disabled {
  2326. opacity: 0.5;
  2327. }
  2328.  
  2329. /*************
  2330. * statusbar *
  2331. *************/
  2332.  
  2333. statusbar {
  2334. padding: 1px;
  2335. color: @theme_fg_color;
  2336. }
  2337.  
  2338. /**********
  2339. * switch *
  2340. **********/
  2341.  
  2342. switch {
  2343. font-weight: bold;
  2344. font-size: smaller;
  2345. min-width: 52px;
  2346. min-height: 24px;
  2347. }
  2348.  
  2349. switch {
  2350. color: @button_fg;
  2351. text-shadow: 0 1px @button_text_shadow;
  2352. }
  2353.  
  2354. switch:checked {
  2355. color: @theme_selected_fg_color;
  2356. text-shadow: 1px 1px alpha(black, 0.2);
  2357. }
  2358.  
  2359. switch:disabled,
  2360. switch:disabled:checked {
  2361. color: @insensitive_fg_color;
  2362. text-shadow: none;
  2363. }
  2364.  
  2365. /*******************
  2366. * symbolic images *
  2367. *******************/
  2368.  
  2369. .image {
  2370. color: @internal_element_color;
  2371. }
  2372.  
  2373. .image:hover {
  2374. color: @internal_element_prelight;
  2375. }
  2376.  
  2377. .image:selected,
  2378. .image:selected:hover {
  2379. color: @theme_selected_fg_color;
  2380. }
  2381.  
  2382. .view.image,
  2383. .view.image:hover {
  2384. }
  2385.  
  2386. /***********
  2387. * toolbar *
  2388. ***********/
  2389.  
  2390. toolbar {
  2391. padding: 6px;
  2392. border-style: none;
  2393. background-color: @theme_bg_color;
  2394. }
  2395.  
  2396. .primary-toolbar,
  2397. .primary-toolbar.toolbar {
  2398. -GtkWidget-window-dragging: true;
  2399. padding: 6px;
  2400. padding-top: 4px;
  2401. padding-bottom: 5px;
  2402. border-style: solid;
  2403. border-width: 0 0 1px 0;
  2404. border-color: @border;
  2405. color: @theme_fg_color;
  2406. text-shadow: 0 1px @button_text_shadow;
  2407. }
  2408.  
  2409. .primary-toolbar:disabled,
  2410. .primary-toolbar.toolbar:disabled,
  2411. .header-bar:disabled {
  2412. text-shadow: none;
  2413. }
  2414.  
  2415. .primary-toolbar .entry.progressbar,
  2416. .primary-toolbar.toolbar .entry.progressbar {
  2417. }
  2418.  
  2419. toolbar.inline-toolbar {
  2420. padding: 2px;
  2421. border: 1px solid @border;
  2422. }
  2423.  
  2424. toolbar.inline-toolbar:last-child {
  2425. border-top-width: 0;
  2426. border-radius: 0 0 3px 3px;
  2427. }
  2428.  
  2429. toolbar.vertical.inline-toolbar:last-child {
  2430. border-left-width: 0;
  2431. border-radius: 0;
  2432. }
  2433.  
  2434. /***********
  2435. * tooltip *
  2436. ***********/
  2437.  
  2438. tooltip.background {
  2439. /*padding: 3px;*/
  2440. border: 1px solid @border;
  2441. /*border-radius: 4px;*/
  2442. background-color: @theme_tooltip_bg_color;
  2443. background-clip: padding-box;
  2444. /*color: @theme_tooltip_fg_color;
  2445. box-shadow: none;*/
  2446. }
  2447.  
  2448. tooltip {
  2449. padding: 3px;
  2450. border-radius: 4px;
  2451. box-shadow: none;
  2452. }
  2453.  
  2454. /*tooltip decoration {
  2455. background-color: transparent;
  2456. }*/
  2457.  
  2458. tooltip * {
  2459. /*padding: 3px;*/
  2460. background-color: transparent;
  2461. color: @theme_tooltip_fg_color;
  2462. }
  2463.  
  2464. /************
  2465. * treeview *
  2466. ************/
  2467.  
  2468. treeview.view {
  2469. -GtkTreeView-horizontal-separator: 2;
  2470. -GtkTreeView-vertical-separator: 0;
  2471. -GtkTreeView-grid-line-width: 1;
  2472. -GtkTreeView-grid-line-pattern: '';
  2473. -GtkTreeView-tree-line-width: 1;
  2474. -GtkTreeView-tree-line-pattern: '';
  2475. -GtkTreeView-expander-size: 12;
  2476.  
  2477. border-left-color: @border;
  2478. border-top-color: @border;
  2479. padding: 1px;
  2480. }
  2481.  
  2482. treeview.view:selected {
  2483. border-style: solid;
  2484. border-width: 1px 0 1px 0;
  2485. border-radius: 0;
  2486. border-color: shade(@border, 0.9);
  2487. background-color: transparent;
  2488. background-image: linear-gradient(to bottom,
  2489. @theme_selected_bg_color,
  2490. shade(@theme_selected_bg_color, 0.85));
  2491. color: @theme_selected_fg_color;
  2492. }
  2493.  
  2494. treeview.view.separator {
  2495. color: @border;
  2496. }
  2497.  
  2498. treeview.view:drop(active) {
  2499. border-style: solid none;
  2500. border-width: 1px;
  2501. border-color: @theme_selected_bg_color;
  2502. }
  2503.  
  2504. treeview.view:drop(active).after {
  2505. border-top-style: none;
  2506. }
  2507.  
  2508. treeview.view:drop(active).before {
  2509. border-bottom-style: none;
  2510. }
  2511.  
  2512. /************
  2513. * viewport *
  2514. ************/
  2515.  
  2516. viewport {
  2517. background-color: transparent;
  2518. }
  2519.  
  2520. .view:selected,
  2521. iconview:selected,
  2522. .view:selected:focus,
  2523. iconview:selected:focus,
  2524. .view text:selected,
  2525. iconview text:selected,
  2526. textview text:selected,
  2527. .view text:selected:focus,
  2528. iconview text:selected:focus,
  2529. textview text:selected:focus,
  2530. .view text selection:focus,
  2531. iconview text selection:focus,
  2532. .view text selection,
  2533. iconview text selection,
  2534. textview text selection:focus,
  2535. textview text selection,
  2536. entry selection:focus,
  2537. entry selection {
  2538. background-color: @theme_selected_bg_color;
  2539. }
  2540.  
  2541. row:selected label,
  2542. label:selected,
  2543. label selection,
  2544. .view:selected,
  2545. iconview:selected,
  2546. .view:selected:focus,
  2547. iconview:selected:focus,
  2548. .view text:selected,
  2549. iconview text:selected,
  2550. textview text:selected,
  2551. .view text:selected:focus,
  2552. iconview text:selected:focus,
  2553. textview text:selected:focus,
  2554. .view text selection:focus,
  2555. iconview text selection:focus,
  2556. .view text selection,
  2557. iconview text selection,
  2558. textview text selection:focus,
  2559. textview text selection,
  2560. entry selection:focus,
  2561. entry selection {
  2562. color: @theme_selected_fg_color;
  2563. }
  2564.  
  2565. label:disabled:selected,
  2566. .view:disabled:selected,
  2567. iconview:disabled:selected,
  2568. iconview:disabled:selected:focus,
  2569. .view text:disabled:selected,
  2570. iconview text:disabled:selected,
  2571. textview text:disabled:selected,
  2572. iconview text:disabled:selected:focus,
  2573. textview text:disabled:selected:focus,
  2574. iconview text selection:disabled:focus,
  2575. .view text selection:disabled,
  2576. iconview text selection:disabled,
  2577. textview text selection:disabled,
  2578. label:disabled selection,
  2579. entry selection:disabled {
  2580. color: @insensitive_fg_color;
  2581. }
  2582.  
  2583. .view,
  2584. .view text,
  2585. iconview,
  2586. iconview text,
  2587. textview text {
  2588. background-color: @theme_base_color;
  2589. color: @theme_text_color;
  2590. }
  2591.  
  2592. .view:disabled,
  2593. textview:disabled {
  2594. background-color: shade(@theme_base_color, 0.95);
  2595. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!