time_picker.qss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. ScrollButton {
  2. background-color: rgb(44, 44, 44);
  3. border: none;
  4. border-radius: 7px;
  5. }
  6. CycleListWidget {
  7. background-color: transparent;
  8. border: none;
  9. border-top-left-radius: 7px;
  10. border-top-right-radius: 7px;
  11. outline: none;
  12. font: 14px 'Segoe UI', 'Microsoft YaHei';
  13. }
  14. CycleListWidget::item {
  15. color: white;
  16. background-color: transparent;
  17. border: none;
  18. border-radius: 5px;
  19. margin: 0 4px;
  20. padding-left: 11px;
  21. padding-right: 11px;
  22. }
  23. CycleListWidget::item:hover {
  24. background-color: rgba(255, 255, 255, 9);
  25. }
  26. CycleListWidget::item:selected {
  27. background-color: rgba(255, 255, 255, 9);
  28. }
  29. CycleListWidget::item:selected:active {
  30. background-color: rgba(255, 255, 255, 6);
  31. }
  32. PickerPanel > #view {
  33. background-color: rgb(44, 44, 44);
  34. border: 1px solid rgba(255, 255, 255, 0.1);
  35. border-radius: 7px;
  36. }
  37. SeparatorWidget {
  38. background-color: rgb(61, 61, 61);
  39. }
  40. ItemMaskWidget {
  41. font: 14px 'Segoe UI', 'Microsoft YaHei';
  42. }
  43. PickerBase {
  44. font: 14px 'Segoe UI', 'Microsoft YaHei';
  45. background: rgba(255, 255, 255, 0.0605);
  46. border: 1px solid rgba(255, 255, 255, 0.053);
  47. border-top: 1px solid rgba(255, 255, 255, 0.08);
  48. border-radius: 5px;
  49. }
  50. PickerBase:hover {
  51. background: rgba(255, 255, 255, 0.0837);
  52. }
  53. PickerBase:pressed {
  54. color: rgba(255, 255, 255, 0.786);
  55. background: rgba(255, 255, 255, 0.0326);
  56. border-top: 1px solid rgba(255, 255, 255, 0.053);
  57. }
  58. PickerBase:disabled {
  59. color: rgba(255, 255, 255, 0.3628);
  60. background: rgba(255, 255, 255, 0.0419);
  61. border: 1px solid rgba(255, 255, 255, 0.053);
  62. border-top: 1px solid rgba(255, 255, 255, 0.053);
  63. }
  64. #pickerButton {
  65. font: 14px 'Segoe UI', 'Microsoft YaHei';
  66. color: rgba(255, 255, 255, 0.786);
  67. background-color: transparent;
  68. border: none;
  69. outline: none;
  70. padding-left: 10px;
  71. padding-right: 10px;
  72. }
  73. #pickerButton:disabled {
  74. color: rgba(255, 255, 255, 0.3628);
  75. }
  76. #pickerButton[hasBorder=true] {
  77. border-right: 1px solid rgba(255, 255, 255, 0.053);
  78. }
  79. #pickerButton[hasBorder=true]:disabled {
  80. border-right: 1px solid rgba(255, 255, 255, 0.053);
  81. }
  82. #pickerButton[hasBorder=false] {
  83. border-right: transparent;
  84. }
  85. #pickerButton[enter=true]:enabled,
  86. #pickerButton[hasValue=true]:enabled {
  87. color: rgba(255, 255, 255, 1);
  88. }
  89. #pickerButton[pressed=true] {
  90. color: rgba(255, 255, 255, 0.786);
  91. }
  92. #pickerButton[align="center"] {
  93. text-align: center;
  94. }
  95. #pickerButton[align="left"] {
  96. text-align: left;
  97. }
  98. #pickerButton[align="right"] {
  99. text-align: right;
  100. }