csd.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /*******
  2. * CSD *
  3. *******/
  4. .titlebar{
  5. border-radius:5px 5px 0 0;
  6. }
  7. .titlebar,
  8. .header-bar {
  9. background-image: none;
  10. background-color: @header_bg_color;
  11. color: @header_fg_color;
  12. text-shadow: none;
  13. padding: 4px 10px;
  14. }
  15. .titlebar .button,
  16. .header-bar .image-button,
  17. .header-bar .path-bar .button,
  18. .titlebar .button:active,
  19. .titlebar .button:checked {
  20. padding: 5px;
  21. background-color: transparent;
  22. border-color: transparent;
  23. color: @header_fg_color;
  24. font: bold;
  25. }
  26. .titlebar .button:hover,
  27. .header-bar .image-button:hover,
  28. .header-bar .image-button:active,
  29. .header-bar .image-button:checked,
  30. .header-bar .path-bar .button:hover,
  31. .header-bar .path-bar .button:active,
  32. .header-bar .path-bar .button:checked,
  33. .titlebar .button:active:hover,
  34. .titlebar .button:checked,
  35. .titlebar .button:active {
  36. color: @selected_bg_color;
  37. background-color: transparent;
  38. }
  39. .maximized .titlebar {
  40. border-radius: 0;
  41. border: none;
  42. box-shadow: none;
  43. }
  44. .tiled .titlebar {
  45. border-radius: 0;
  46. border: none;
  47. box-shadow: none;
  48. }
  49. .titlebar.default-decoration {
  50. border: none;
  51. }
  52. .titlebar .title {
  53. font: Bold 10;
  54. color: @header_fg_color;
  55. }
  56. .titlebar .subtitle {
  57. font: 9;
  58. color: @header_fg_color;
  59. }
  60. .titlebar .separator {
  61. color: transparent;
  62. }
  63. .titlebar .arrow {
  64. color: alpha(@header_fg_color, 0.7);
  65. }
  66. .titlebar .arrow:insensitive {
  67. color: mix(@fg_color, @bg_color, 0.3);
  68. }
  69. .window-frame {
  70. border:none;
  71. border-radius: 5px 5px 0 0;
  72. background-color: @header_bg_color;
  73. box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.4);
  74. margin: 10px;
  75. }
  76. .window-frame.maximized {
  77. border-radius: 0;
  78. }
  79. .window-frame.tiled {
  80. border-radius: 0;
  81. }
  82. .window-frame:backdrop {
  83. box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);
  84. }
  85. .window-frame.ssd {
  86. box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.23);
  87. }
  88. /******************
  89. * window actions *
  90. ******************/
  91. .titlebar .button.titlebutton,
  92. .titlebar .button.titlebutton:hover,
  93. .titlebar .button.titlebutton:checked {
  94. border: none;
  95. background-color: transparent;
  96. icon-shadow: none;
  97. box-shadow: none;
  98. }
  99. .header-bar .button.titlebutton,
  100. .titlebar .button.titlebutton {
  101. padding: 3px;
  102. padding-left: 1px;
  103. padding-right: 1px;
  104. }
  105. .titlebar .titlebutton,
  106. .titlebar .titlebutton:hover,
  107. .titlebar .titlebutton:active,
  108. .titlebar .titlebutton:active:hover,
  109. .titlebar .titlebutton:backdrop,
  110. .maximized .titlebar .titlebutton,
  111. .maximized .titlebar .titlebutton:hover,
  112. .maximized .titlebar .titlebutton:active,
  113. .maximized .titlebar .titlebutton:active:hover,
  114. .maximized .titlebar .titlebutton:backdrop {
  115. color: transparent;
  116. background-position: center;
  117. background-repeat: no-repeat;
  118. }