addnormalitem.qss 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
  1. /* ==========================================================
  2. * 通用样式
  3. * ========================================================== */
  4. QWidget
  5. {
  6. font-family: 思源黑体R;
  7. font-weight: 400;
  8. font-size: 14px;
  9. color: #D2D2D2;
  10. line-height: 21px;
  11. text-align: left;
  12. font-style: normal;
  13. border-radius: 8px;
  14. background: transparent;
  15. }
  16. QWidget#widget
  17. {
  18. background: rgba(0,0,0,0.01);
  19. /* background: rgba(255,255,255,1); */
  20. }
  21. QWidget#widget_background
  22. {
  23. /* background-color: #2E2D31; */
  24. background-color: #313539;
  25. /* background-color: #5C5E61; */
  26. }
  27. QWidget#widget_Top
  28. {
  29. background: rgba(108,105,124,0.2);
  30. border-top-left-radius: 10px;
  31. border-top-right-radius: 10px;
  32. border-bottom-left-radius: 0px;
  33. border-bottom-right-radius: 0px;
  34. }
  35. QLabel#label_title
  36. {
  37. background: transparent;
  38. font-weight: bold;
  39. font-size: 18px;
  40. color: #EBEBEB;
  41. line-height: 27px;
  42. text-align: left;
  43. font-style: normal;
  44. text-transform: uppercase;
  45. }
  46. QPushButton
  47. {
  48. text-align: center;
  49. font-family: 思源黑体M;
  50. }
  51. QPushButton#pBtn_Close
  52. {
  53. /* border-image: url(:/ICON/ICON/Dialog_close.png); */
  54. background: transparent;
  55. border-radius: 4px;
  56. qproperty-icon: url(:/ICON/ICON/Close_Dark.png);
  57. qproperty-iconSize: 20px 20px;
  58. /* border: 1px solid #313539; */
  59. }
  60. QPushButton#pBtn_Close[Hover = true]
  61. {
  62. /* border-image: url(:/ICON/ICON/Dialog_close2.png); */
  63. background: transparent;
  64. border-radius: 4px;
  65. qproperty-icon: url(:/ICON/ICON/Close_pass.png);
  66. qproperty-iconSize: 20px 20px;
  67. border: 1px solid #438EFF;
  68. }
  69. /********* 普通方框按钮三种状态效果 *********/
  70. QPushButton#pBtn_cancel:enabled
  71. {
  72. color: #EBEBEB;
  73. border: 1px solid rgba(255,255,255,0.25);
  74. border-radius: 16px;
  75. background: transparent;
  76. }
  77. QPushButton#pBtn_cancel:hover
  78. {
  79. color: #EBEBEB;
  80. border: 1px solid rgba(255,255,255,0.25);
  81. border-radius: 16px;
  82. background: rgba(0,0,0,0.15);
  83. }
  84. /********* 带有底色按钮三种状态效果 *********/
  85. QPushButton#pBtn_ok
  86. {
  87. color:white;
  88. background: #438EFF;
  89. border-radius: 16px;
  90. }
  91. QPushButton#pBtn_ok:hover
  92. {
  93. color:white;
  94. background: #5F9EFF;
  95. border-radius: 16px;
  96. }
  97. QLabel#label_devWarn,QLabel#label_timeWarn,QLabel#label_actionWarn
  98. {
  99. font-weight: 400;
  100. font-size: 14px;
  101. color: #D21F21;
  102. line-height: 21px;
  103. text-align: left;
  104. font-style: normal;
  105. }
  106. /* ==========================================================
  107. * QComboBox(这个是在用的)
  108. * ========================================================== */
  109. QComboBox:enabled
  110. {
  111. background: transparent;
  112. border: 1px solid rgba(255,255,255,0.15);
  113. border-radius: 4px;
  114. font-size:14px;
  115. font-weight: 400;
  116. color:#D2D2D2;
  117. padding-left: 12px;
  118. }
  119. /* 不能编辑的时候的样式,setEnable(false) */
  120. QComboBox:!enabled
  121. {
  122. background:rgba(0,0,0,0.04);
  123. border: 1px solid #E6E9F4;
  124. border-radius: 4px;
  125. font-size:14px;
  126. font-weight: 400;
  127. color:rgba(58,63,99,0.65);
  128. padding-left: 12px;
  129. }
  130. QComboBox:hover
  131. {
  132. border: 1px solid #438EFF;
  133. border-radius: 4px;
  134. background:transparent;
  135. }
  136. /* 下拉箭头所在的位置方框 */
  137. QComboBox::drop-down
  138. {
  139. width: 24px;
  140. border: none;
  141. }
  142. /* 下拉箭头图标 */
  143. QComboBox::down-arrow
  144. {
  145. image: url(:/ICON/ICON/DownArrow.png);
  146. height:16px;
  147. width:16px;
  148. }
  149. /* 下拉条样式,就是view,整个下拉窗体的样式 */
  150. QComboBox QAbstractItemView
  151. {
  152. background-color: #5C5E61;
  153. margin: 12px;
  154. outline:0px;
  155. font-size:14px;
  156. /* color: #3A3F63; */
  157. border-radius: 4px;
  158. }
  159. /* 使下面两句生效,需要加上如下语句 */
  160. /* m_comBoxDev->setView(new QListView()); */
  161. QComboBox QAbstractItemView::item
  162. {
  163. background-color: #5C5E61;
  164. border-radius:4px;
  165. color: #D2D2D2;
  166. padding-left: 12px;
  167. height: 32px;
  168. }
  169. QComboBox QAbstractItemView::item:hover
  170. {
  171. color: #FFFFFF;
  172. border-radius:4px;
  173. background-color: #438EFF;
  174. }
  175. QComboBox QAbstractItemView::item:selected
  176. {
  177. color: #FFFFFF;
  178. border-radius:4px;
  179. background-color: #438EFF;
  180. }
  181. /******** combobox 滚动条 *********/
  182. QComboBox QScrollBar::vertical{ /*主体部分*/
  183. width:8px;
  184. background:transparent;
  185. border:none;
  186. border-radius:5px;
  187. }
  188. QComboBox QScrollBar::handle::vertical{ /*滑块主体*/
  189. width: 8px;
  190. background: #E2E2E2;
  191. border-radius: 3px;
  192. min-width: 8px;
  193. }
  194. QComboBox QScrollBar::handle::vertical::hover{
  195. background:transparent;
  196. }
  197. QComboBox QScrollBar::add-line::vertical{/*上箭头*/
  198. border:none;
  199. }
  200. QComboBox QScrollBar::sub-line::vertical{/*下箭头*/
  201. border:none;
  202. }
  203. /* ==========================================================
  204. * 时间报警红框
  205. * ========================================================== */
  206. QLabel#label_iconTime
  207. {
  208. border-image: url(:/ICON/ICON/Time.png);
  209. }
  210. TimeWidget
  211. {
  212. /* background: transparent; */
  213. background: #373639;
  214. border-radius: 4px;
  215. padding-left:12px;
  216. border: 1px solid #438EFF;
  217. }
  218. QPushButton#pBtn_selectTime
  219. {
  220. font-family: 思源黑体R;
  221. background: transparent;
  222. border: 1px solid rgba(255,255,255,0.15);
  223. border-radius: 4px;
  224. font-size: 14px;
  225. font-weight: 400;
  226. padding-left: 12px;
  227. text-align: left;
  228. }
  229. QPushButton#pBtn_selectTime:hover
  230. {
  231. font-family: 思源黑体R;
  232. background: transparent;
  233. border: 1px solid #438EFF;
  234. border-radius: 4px;
  235. font-size: 14px;
  236. font-weight: 400;
  237. padding-left: 12px;
  238. text-align: left;
  239. }
  240. /* 报警红框 */
  241. QPushButton#pBtn_selectTime[Warn=true]
  242. {
  243. background: transparent;
  244. border-radius: 4px;
  245. padding-left:12px;
  246. border: 1px solid #D21F21;
  247. }
  248. /* TimeWidget QPushButton
  249. {
  250. border-image: url(:/ICON/ICON/Time.png);
  251. } */
  252. QPushButton#btn_tip
  253. {
  254. border-image: url(:/ICON/ICON/Time.png);
  255. }