compareitemwidget.qss 3.4 KB

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