sidebar.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /***********
  2. * sidebar *
  3. ***********/
  4. .sidebar,
  5. .sidebar.view,
  6. .sidebar .view,
  7. .sidebar GtkScrolledWindow {
  8. background-color: @base_color;
  9. background-image: linear-gradient(to bottom,@base_color,@base_color);
  10. color: @text_color;
  11. transition: all .3s ease-in;
  12. }
  13. .sidebar GtkScrolledWindow,
  14. .sidebar {
  15. border-width: 0;
  16. transition: all .3s ease-in;
  17. }
  18. .sidebar .image:selected:focus,
  19. .sidebar .image:selected:hover {
  20. background-color: shade(@selected_bg_color,0.9);
  21. color: @selected_fg_color;
  22. }
  23. .sidebar .list-row {
  24. /*background-color: @base_color;*/
  25. color: @text_color;
  26. border: 0px;
  27. transition: all .1s ease-in;
  28. }
  29. .sidebar .list-row:selected{
  30. background-color: transparent;
  31. /*border-left: 3px solid @selected_bg_color;*/
  32. color: @selected_bg_color;
  33. font-weight: bold;
  34. /*padding-left: 10px;*/
  35. }
  36. .sidebar .list-row:hover{
  37. background-color: shade(@base_color,0.9);
  38. }
  39. .sidebar .cell:selected,
  40. .sidebar .cell:selected:focus {
  41. background-color: shade(@selected_bg_color,0.9);
  42. background-image: none;
  43. color: @selected_fg_color;
  44. }
  45. .sidebar GtkScrolledWindow .list-row {
  46. background-color: @header_bg_color;
  47. color: @header_fg_color;
  48. }
  49. .sidebar .frame {
  50. border-width: 0;
  51. background-color: @header_bg_color;
  52. }
  53. /*elementary os file manager*/
  54. .sidebar .source-list{
  55. background: @header_bg_color;
  56. color: @header_fg_color;
  57. padding: 4px 0px;
  58. }
  59. .sidebar .source-list.view:not(:selected):hover{
  60. background-color: rgba(30, 31, 41, 0.4);
  61. }
  62. /* -------------
  63. NEW ON GTK 3.18
  64. ---------------*/
  65. GtkSidebarRow.list-row {
  66. padding: 0px;
  67. text-align: center;
  68. }
  69. GtkSidebarRow .sidebar-revealer {
  70. padding: 5px 14px 1px 12px; }
  71. GtkSidebarRow .sidebar-revealer:selected {
  72. color: red;}
  73. GtkSidebarRow .sidebar-icon:dir(ltr) {
  74. padding-right: 8px; }
  75. GtkSidebarRow .sidebar-icon:dir(rtl) {
  76. padding-left: 8px; }
  77. GtkSidebarRow .sidebar-label:dir(ltr) {
  78. padding-right: 2px; }
  79. GtkSidebarRow .sidebar-label:dir(rtl) {
  80. padding-left: 2px; }