compareitemwidget.qss 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. /* ==========================================================
  2. * QWidget
  3. * ========================================================== */
  4. QWidget#widgetContent
  5. {
  6. background: #FFFFFF;
  7. }
  8. QWidget#widgetMute, #widgetOverload, #widgetPhase
  9. {
  10. border-bottom: 1px solid #E6E9F4;
  11. }
  12. QWidget#widget
  13. {
  14. background: #FFFFFF;
  15. border: none;
  16. }
  17. /* ==========================================================
  18. * QLabel各个widget的标题
  19. * ========================================================== */
  20. QLabel
  21. {
  22. font-weight: 400;
  23. font-size: 14px;
  24. color: #3A3F63;
  25. }
  26. QLabel#labelBase,#label_soundCompute
  27. {
  28. font-weight: 500;
  29. font-size: 16px;
  30. }
  31. QLabel#labelOtherRoad,#labelMute,#labelOverload,#labelPhase
  32. {
  33. font-weight: 500;
  34. font-size: 14px;
  35. }
  36. /* ==========================================================
  37. * 添加按钮
  38. * ========================================================== */
  39. QPushButton#pBtn_add
  40. {
  41. border-image: url(:/icon/add.png);
  42. }
  43. QPushButton#pBtn_add:hover
  44. {
  45. border-image: url(:/icon/add_hover.png);
  46. }
  47. /* ==========================================================
  48. * QLineEdit
  49. * ========================================================== */
  50. QLineEdit
  51. {
  52. background: #FFFFFF;
  53. border-radius: 4px;
  54. border: 1px solid #E6E9F4;
  55. padding-left: 12px;
  56. font-weight: 400;
  57. font-size: 14px;
  58. color: #3A3F63;
  59. }
  60. QLineEdit:hover,QLineEdit:focus
  61. {
  62. border: 1px solid #4458FE;
  63. }
  64. QLineEdit:enabled[Warn=true]
  65. {
  66. border: 1px solid #D21F21;
  67. }
  68. /* ==========================================================
  69. * QCheckBox开关类型
  70. * ========================================================== */
  71. QCheckBox#checkBoxMute,#checkBoxOverload,#checkBoxPhase
  72. {
  73. font-weight: 400;
  74. font-size: 14px;
  75. color: #3A3F63;
  76. }
  77. QCheckBox#checkBoxMute::indicator,
  78. #checkBoxOverload::indicator,
  79. #checkBoxPhase::indicator
  80. {
  81. width: 44px;
  82. height: 22px;
  83. }
  84. QCheckBox#checkBoxMute::indicator:unchecked,
  85. #checkBoxOverload::indicator:unchecked,
  86. #checkBoxPhase::indicator:unchecked
  87. {
  88. image: url(:/icon/offswitch.png);
  89. }
  90. QCheckBox#checkBoxMute::indicator:checked,
  91. #checkBoxOverload::indicator:checked,
  92. #checkBoxPhase::indicator:checked
  93. {
  94. image: url(:/icon/onswitch.png);
  95. }
  96. /* ==========================================================
  97. * QCheckBox普通类型
  98. * ========================================================== */
  99. QCheckBox#checkBox_enable
  100. {
  101. font-weight: 400;
  102. font-size: 14px;
  103. color: #3A3F63;
  104. }
  105. QCheckBox#checkBox_enable::indicator
  106. {
  107. width: 16px;
  108. height: 16px;
  109. }
  110. QCheckBox#checkBox_enable::indicator:unchecked
  111. {
  112. image: url(:/icon/unchecked.png);
  113. }
  114. QCheckBox#checkBox_enable::indicator:checked
  115. {
  116. image: url(:/icon/checked.png);
  117. }
  118. /* ==========================================================
  119. * QScrollArea
  120. * ========================================================== */
  121. QScrollArea, QWidget#scrollAreaWidgetContents
  122. {
  123. background: #FFFFFF !important;
  124. border: none;
  125. }
  126. QScrollBar:vertical
  127. {
  128. width: 6px;
  129. border:none;
  130. background: transparent;
  131. margin-right: 0px;
  132. }
  133. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical
  134. {
  135. background: transparent;
  136. border: none;
  137. }
  138. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  139. {
  140. background: transparent;
  141. }
  142. QScrollBar::handle:vertical
  143. {
  144. background: #E2E2E2;
  145. border-radius: 1px;
  146. margin-right: 1px;
  147. margin-left: 1px;
  148. }
  149. QScrollBar::handle:vertical:hover
  150. {
  151. background: rgb(234, 234, 234);
  152. margin-right: 0px;
  153. margin-left: 0px;
  154. border-radius: 2px;
  155. }
  156. QScrollBar::handle:vertical:pressed
  157. {
  158. background: rgb(234, 234, 234);
  159. margin-right: 0px;
  160. margin-left: 0px;
  161. border-radius: 2px;
  162. }