compareitemwidget.qss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  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. QLineEdit:!enabled
  69. {
  70. background: #F5F5F5;
  71. color:rgba(58,63,99,0.65);
  72. }
  73. /* ==========================================================
  74. * QCheckBox开关类型
  75. * ========================================================== */
  76. QCheckBox#checkBoxMute,#checkBoxOverload,#checkBoxPhase
  77. {
  78. font-weight: 400;
  79. font-size: 14px;
  80. color: #3A3F63;
  81. }
  82. QCheckBox#checkBoxMute::indicator,
  83. #checkBoxOverload::indicator,
  84. #checkBoxPhase::indicator
  85. {
  86. width: 44px;
  87. height: 22px;
  88. }
  89. QCheckBox#checkBoxMute::indicator:unchecked,
  90. #checkBoxOverload::indicator:unchecked,
  91. #checkBoxPhase::indicator:unchecked
  92. {
  93. image: url(:/icon/offswitch.png);
  94. }
  95. QCheckBox#checkBoxMute::indicator:checked,
  96. #checkBoxOverload::indicator:checked,
  97. #checkBoxPhase::indicator:checked
  98. {
  99. image: url(:/icon/onswitch.png);
  100. }
  101. /* ==========================================================
  102. * QCheckBox普通类型
  103. * ========================================================== */
  104. QCheckBox#checkBox_enable
  105. {
  106. font-weight: 400;
  107. font-size: 14px;
  108. color: #3A3F63;
  109. }
  110. QCheckBox#checkBox_enable::indicator
  111. {
  112. width: 16px;
  113. height: 16px;
  114. }
  115. QCheckBox#checkBox_enable::indicator:unchecked
  116. {
  117. image: url(:/icon/unchecked.png);
  118. }
  119. QCheckBox#checkBox_enable::indicator:checked
  120. {
  121. image: url(:/icon/checked.png);
  122. }
  123. /* ==========================================================
  124. * QScrollArea
  125. * ========================================================== */
  126. QScrollArea, QWidget#scrollAreaWidgetContents
  127. {
  128. background: #FFFFFF !important;
  129. border: none;
  130. }
  131. QScrollBar:vertical
  132. {
  133. width: 6px;
  134. border:none;
  135. background: transparent;
  136. margin-right: 0px;
  137. }
  138. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical
  139. {
  140. background: transparent;
  141. border: none;
  142. }
  143. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  144. {
  145. background: transparent;
  146. }
  147. QScrollBar::handle:vertical
  148. {
  149. background: #E2E2E2;
  150. border-radius: 1px;
  151. margin-right: 1px;
  152. margin-left: 1px;
  153. }
  154. QScrollBar::handle:vertical:hover
  155. {
  156. background: rgb(234, 234, 234);
  157. margin-right: 0px;
  158. margin-left: 0px;
  159. border-radius: 2px;
  160. }
  161. QScrollBar::handle:vertical:pressed
  162. {
  163. background: rgb(234, 234, 234);
  164. margin-right: 0px;
  165. margin-left: 0px;
  166. border-radius: 2px;
  167. }