copytoother.qss 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. QWidget
  2. {
  3. font-size: 14px;
  4. color: #D2D2D2;
  5. line-height: 21px;
  6. text-align: left;
  7. font-style: normal;
  8. }
  9. QWidget#widget
  10. {
  11. background: #464649;
  12. border-radius: 8px 8px 8px 8px;
  13. }
  14. QWidget#widget_Top
  15. {
  16. background: transparent;
  17. border-top-left-radius: 8px;
  18. border-top-right-radius: 8px;
  19. border-bottom-left-radius: 0px;
  20. border-bottom-right-radius: 0px;
  21. border-bottom: 1px solid rgba(255,255,255,0.15);
  22. }
  23. QWidget#widget_content
  24. {
  25. background: transparent;
  26. }
  27. QLabel#label_title
  28. {
  29. font-weight: 500;
  30. font-size: 18px;
  31. color: #D2D2D2;
  32. line-height: 24px;
  33. text-align: left;
  34. font-style: normal;
  35. text-transform: none;
  36. }
  37. QPushButton#pBtn_close
  38. {
  39. /* border-image: url(:/ICON/ICON/Dialog_close.png); */
  40. background: transparent;
  41. border-radius: 4px;
  42. qproperty-icon: url(:/ICON/ICON/Close_Dark.png);
  43. qproperty-iconSize: 20px 20px;
  44. text-align: center;
  45. }
  46. QPushButton#pBtn_close[Hover = true]
  47. {
  48. /* border-image: url(:/ICON/ICON/Dialog_close2.png); */
  49. background: transparent;
  50. border-radius: 4px;
  51. qproperty-icon: url(:/ICON/ICON/Close_pass.png);
  52. qproperty-iconSize: 20px 20px;
  53. text-align: center;
  54. border: 1px solid #438EFF;
  55. }
  56. /********* 普通方框按钮三种状态效果 *********/
  57. QPushButton#pBtn_cancel:enabled
  58. {
  59. text-align: center;
  60. color: #EBEBEB;
  61. border: 1px solid rgba(255,255,255,0.25);
  62. border-radius: 16px;
  63. background: transparent;
  64. }
  65. QPushButton#pBtn_cancel:hover
  66. {
  67. text-align: center;
  68. color: #EBEBEB;
  69. border: 1px solid rgba(255,255,255,0.25);
  70. border-radius: 16px;
  71. background: rgba(0,0,0,0.15);
  72. }
  73. /********* 带有底色按钮三种状态效果 *********/
  74. QPushButton#pBtn_ok
  75. {
  76. border-radius: 16px;
  77. text-align: center;
  78. color:white;
  79. background: #438EFF;
  80. border-radius: 16px;
  81. }
  82. QPushButton#pBtn_ok:hover
  83. {
  84. border-radius: 16px;
  85. text-align: center;
  86. color:white;
  87. background: #5F9EFF;
  88. border-radius: 16px;
  89. }
  90. /* ==========================================================
  91. * QCheckBox
  92. * ========================================================== */
  93. /* 左下角和右下角是直角 */
  94. QCheckBox#checkBox_list
  95. {
  96. background: transparent;
  97. font-weight: 500;
  98. font-size: 16px;
  99. color: #D2D2D2;
  100. text-align: left;
  101. font-style: normal;
  102. text-transform: none;
  103. padding-left: 16px;
  104. border-top-left-radius: 4px;
  105. border-top-right-radius: 4px;
  106. border-bottom-left-radius: 0px;
  107. border-bottom-right-radius: 0px;
  108. border: 1px solid rgba(255,255,255,0.15);
  109. }
  110. QCheckBox
  111. {
  112. background: #464649;
  113. font-weight: 400;
  114. font-size: 14px;
  115. color: #B1B3B4;
  116. text-align: left;
  117. font-style: normal;
  118. text-transform: none;
  119. padding-left: 16px;
  120. }
  121. QCheckBox::indicator
  122. {
  123. width: 18px; /* 勾选框的宽度 */
  124. height: 18px; /* 勾选框的高度 */
  125. border: 0px solid #B3C0E7; /* 勾选框的边框颜色和宽度 */
  126. background: transparent; /* 勾选框的背景颜色 */
  127. border-radius: 2px; /* 可选:设置圆角 */
  128. }
  129. QCheckBox::indicator:unchecked
  130. {
  131. background: transparent; /* 未选中状态的背景颜色 */
  132. border-image: url(:/ICON/ICON/CheckBox_UnChecked.png); /* 未选中状态的图标 */
  133. }
  134. /* 半选中 */
  135. QCheckBox::indicator:indeterminate
  136. {
  137. background: transparent; /* 未选中状态的背景颜色 */
  138. border-image: url(:/ICON/ICON/CheckBox_PartiallyChecked.png); /* 未选中状态的图标 */
  139. }
  140. QCheckBox::indicator:checked
  141. {
  142. background: transparent; /* 选中状态的背景颜色 */
  143. border: 0px solid #438EFF; /* 选中状态的边框颜色 */
  144. border-image: url(:/ICON/ICON/CheckBox_Checked.png); /* 选中状态的图标 */
  145. }
  146. /*===============================================================
  147. * QScrollBar 滚动条
  148. ================================================================*/
  149. QScrollArea
  150. {
  151. background: transparent;
  152. border-top-left-radius: 0px;
  153. border-top-right-radius: 0px;
  154. border-bottom-left-radius: 4px;
  155. border-bottom-right-radius: 4px;
  156. border-left: 1px solid rgba(255,255,255,0.15);
  157. border-right: 1px solid rgba(255,255,255,0.15);
  158. border-bottom: 1px solid rgba(255,255,255,0.15);
  159. }
  160. /* 这里必须设置颜色,不然会显示灰白色 */
  161. QWidget#widget_spacer
  162. {
  163. background: #464649;
  164. }
  165. QScrollBar:horizontal, QScrollBar:vertical
  166. {
  167. border:none;
  168. background-color: rgba(255, 255, 255, 0);
  169. margin: 0px 0px 0px 0px;
  170. }
  171. QScrollBar:horizontal
  172. {
  173. height: 12px;
  174. }
  175. QScrollBar:vertical
  176. {
  177. width: 6px;
  178. }
  179. QScrollBar::handle:horizontal,QScrollBar::handle:vertical
  180. {
  181. background: #E2E2E2;
  182. border-radius: 3px;
  183. min-width: 8px;
  184. }
  185. QScrollBar::handle:horizontal
  186. {
  187. min-width: 8px;
  188. }
  189. QScrollBar::handle:vertical
  190. {
  191. min-height: 113px;
  192. }
  193. QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal,
  194. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical
  195. {
  196. background-color: rgba(255, 255, 255, 0);
  197. border: none;
  198. }
  199. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal,
  200. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  201. {
  202. background-color: rgba(255, 255, 255, 0);
  203. background: none;
  204. }