time_picker.qss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. ScrollButton {
  2. background-color: rgb(249, 249, 249);
  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: black;
  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(0, 0, 0, 9);
  25. }
  26. CycleListWidget::item:selected {
  27. background-color: rgba(0, 0, 0, 9);
  28. }
  29. CycleListWidget::item:selected:active {
  30. background-color: rgba(0, 0, 0, 6);
  31. }
  32. PickerPanel > #view {
  33. background-color: rgb(249, 249, 249);
  34. border: 1px solid rgba(0, 0, 0, 0.14);
  35. border-radius: 7px;
  36. }
  37. SeparatorWidget {
  38. background-color: rgb(234, 234, 234);
  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.7);
  46. border: 1px solid rgba(0, 0, 0, 0.073);
  47. border-bottom: 1px solid rgba(0, 0, 0, 0.183);
  48. border-radius: 5px;
  49. }
  50. PickerBase:hover {
  51. background: rgba(249, 249, 249, 0.5);
  52. }
  53. PickerBase:pressed {
  54. background: rgba(249, 249, 249, 0.3);
  55. border-bottom: 1px solid rgba(0, 0, 0, 0.073);
  56. }
  57. PickerBase:disabled {
  58. color: rgba(0, 0, 0, 0.36);
  59. background: rgba(255, 255, 255, 0.3);
  60. border: 1px solid rgba(0, 0, 0, 0.06);
  61. border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  62. }
  63. #pickerButton {
  64. font: 14px 'Segoe UI', 'Microsoft YaHei';
  65. color: rgba(0, 0, 0, 0.6);
  66. background-color: transparent;
  67. border: none;
  68. outline: none;
  69. padding-left: 10px;
  70. padding-right: 10px;
  71. }
  72. #pickerButton:disabled {
  73. color: rgba(0, 0, 0, 0.36);
  74. }
  75. #pickerButton[hasBorder=true]:enabled {
  76. border-right: 1px solid rgba(0, 0, 0, 0.073);
  77. }
  78. #pickerButton[hasBorder=true]:disabled {
  79. border-right: 1px solid rgba(0, 0, 0, 0.06);
  80. }
  81. #pickerButton[hasBorder=false] {
  82. border-right: transparent;
  83. }
  84. #pickerButton[enter=true]:enabled {
  85. color: rgba(0, 0, 0, 0.896);
  86. }
  87. #pickerButton[hasValue=true]:enabled{
  88. color: rgb(0, 0, 0);
  89. }
  90. #pickerButton[pressed=true] {
  91. color: rgba(0, 0, 0, 0.6);
  92. }
  93. #pickerButton[align="center"] {
  94. text-align: center;
  95. }
  96. #pickerButton[align="left"] {
  97. text-align: left;
  98. }
  99. #pickerButton[align="right"] {
  100. text-align: right;
  101. }