addnormalitem.qss 5.7 KB

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