Qt styleSheet 设置

 
/** Estilo por defecto de OpenCoffee **/
2/*TODO: tratar de usar menos imágenes para hacer más rápida la aplicación...*/
3 
4QPushButton {
5        min-height: 22px;
6        color: black;
7        border-image: url(%stylesPath%normalButton.png) 2 8 2 8 stretch;
8        border-width: 2px 8px 2px 8px;
9}
10QPushButton:hover {
11        border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
12        border-width: 2px 8px 2px 8px;
13}
14QPushButton:pressed {
15        border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
16        border-width: 2px 8px 2px 8px;
17}
18QPushButton:focus {
19        border-image: url(%stylesPath%normalButton_focus.png) 2 8 2 8 stretch;
20        border-width: 2px 8px 2px 8px;
21        /* Esto nos ayuda a correr un poco las líneas punteadas del "focus" */
22        padding-top: 1px;
23        padding-bottom: 1px;
24        padding-left: -5px;
25        padding-right: -5px;
26}
27QPushButton:focus:hover {
28        border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
29        border-width: 2px 8px 2px 8px;
30}
31QPushButton:focus:pressed {
32        border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
33        border-width: 2px 8px 2px 8px;
34}
35QPushButton:disabled {
36        border-image: url(%stylesPath%normalButton_disabled.png) 2 8 2 8 stretch;
37        border-width: 2px 8px 2px 8px;
38}
39QPushButton:default {
40        border-image: url(%stylesPath%normalButton_default.png) 2 8 2 8 stretch;
41        border-width: 2px 8px 2px 8px;
42}
43QPushButton:default:hover {
44        border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
45        border-width: 2px 8px 2px 8px;
46}
47QPushButton:default:pressed {
48        border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
49        border-width: 2px 8px 2px 8px;
50}
51QPushButton:default:focus {
52        border-image: url(%stylesPath%normalButton_focus.png) 2 8 2 8 stretch;
53        border-width: 2px 8px 2px 8px;
54}
55QPushButton:default:focus:hover {
56        border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
57        border-width: 2px 8px 2px 8px;
58}
59QPushButton:default:focus:pressed {
60        border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
61        border-width: 2px 8px 2px 8px;
62}
63QPushButton:default:disabled {
64        border-image: url(%stylesPath%normalButton_disabled.png) 2 8 2 8 stretch;
65        border-width: 2px 8px 2px 8px;
66}
67 
68QScrollBar:vertical {
69        border-image: url(%stylesPath%scrollbar_bg.png) 6 0 6 0 stretch;
70        width: 15px;
71        margin: 15px 0 15px 0;
72        padding-top: -6px;
73        padding-bottom: -6px;
74        border-width: 6px 0px 6px 0px; 
75}
76QScrollBar::handle:vertical {
77        border-image: url(%stylesPath%scrollbar_body.png) 6 0 6 0 stretch;
78        min-height: 20px;
79        border-width: 6px 0px 6px 0px;
80}
81QScrollBar::handle:vertical:hover {
82        border-image: url(%stylesPath%scrollbar_body_hover.png) 6 0 6 0 stretch;
83        border-width: 6px 0px 6px 0px;
84}
85QScrollBar::handle:vertical:pressed {
86        border-image: url(%stylesPath%scrollbar_body_pressed.png) 6 0 6 0 stretch;
87        border-width: 6px 0px 6px 0px;
88}
89QScrollBar::sub-line:vertical {
90        border: 0px;
91        background: none;
92        height: 15px;
93        subcontrol-position: top;
94        subcontrol-origin: margin;
95}
96QScrollBar::add-line:vertical {
97        border: 0px;
98        background: none;
99        height: 15px;
100        subcontrol-position: bottom;
101        subcontrol-origin: margin;
102}
103QScrollBar::up-arrow:vertical {
104        background-image: url(%stylesPath%scrollbar_upArrow.png);
105        background-repeat: no repeat;
106        width: 15px;
107        height: 15px;
108}
109QScrollBar::up-arrow:vertical:hover {
110        background-image: url(%stylesPath%scrollbar_upArrow_hover.png);
111        background-repeat: no repeat;
112        width: 15px;
113        height: 15px;
114}
115QScrollBar::up-arrow:vertical:pressed {
116        background-image: url(%stylesPath%scrollbar_upArrow_pressed.png);
117        background-repeat: no repeat;
118        width: 15px;
119        height: 15px;
120}
121QScrollBar::down-arrow:vertical {
122        background-image: url(%stylesPath%scrollbar_downArrow.png);
123        background-repeat: no repeat;
124        width: 15px;
125        height: 15px;
126}
127QScrollBar::down-arrow:vertical:hover {
128        background-image: url(%stylesPath%scrollbar_downArrow_hover.png);
129        background-repeat: no repeat;
130        width: 15px;
131        height: 15px;
132}
133QScrollBar::down-arrow:vertical:pressed {
134        background-image: url(%stylesPath%scrollbar_downArrow_pressed.png);
135        background-repeat: no repeat;
136        width: 15px;
137        height: 15px;
138}
139QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
140        background: none;
141}
142QScrollBar:horizontal {
143        border-image: url(%stylesPath%scrollbar_h_bg.png) 0 6 0 6 stretch;
144        height: 15px;
145        margin: 0 15px 0 15px;
146        padding-left: -6px;
147        padding-right: -6px;
148        border-width: 0px 6px 0px 6px;
149}
150QScrollBar::handle:horizontal {
151        border-image: url(%stylesPath%scrollbar_h_body.png) 0 6 0 6 stretch;
152        min-width: 20px;
153        border-width: 0px 6px 0px 6px;
154}
155QScrollBar::handle:horizontal:hover {
156        border-image: url(%stylesPath%scrollbar_h_body_hover.png) 0 6 0 6 stretch;
157        border-width: 0px 6px 0px 6px;
158}
159QScrollBar::handle:horizontal:pressed {
160        border-image: url(%stylesPath%scrollbar_h_body_pressed.png) 0 6 0 6 stretch;
161        border-width: 0px 6px 0px 6px;
162}
163QScrollBar::sub-line:horizontal {
164        border: 0px;
165        background: none;
166        width: 15px;
167        subcontrol-position: left;
168        subcontrol-origin: margin;
169}
170QScrollBar::add-line:horizontal {
171        border: 0px;
172        background: none;
173        width: 15px;
174        subcontrol-position: right;
175        subcontrol-origin: margin;
176}
177QScrollBar::left-arrow:horizontal {
178        background-image: url(%stylesPath%scrollbar_h_leftArrow.png);
179        background-repeat: no repeat;
180        width: 15px;
181        height: 15px;
182}
183QScrollBar::left-arrow:horizontal:hover {
184        background-image: url(%stylesPath%scrollbar_h_leftArrow_hover.png);
185        background-repeat: no repeat;
186        width: 15px;
187        height: 15px;
188}
189QScrollBar::left-arrow:horizontal:pressed {
190        background-image: url(%stylesPath%scrollbar_h_leftArrow_pressed.png);
191        background-repeat: no repeat;
192        width: 15px;
193        height: 15px;
194}
195QScrollBar::right-arrow:horizontal {
196        background-image: url(%stylesPath%scrollbar_h_rightArrow.png);
197        background-repeat: no repeat;
198        width: 15px;
199        height: 15px;
200}
201QScrollBar::right-arrow:horizontal:hover {
202        background-image: url(%stylesPath%scrollbar_h_rightArrow_hover.png);
203        background-repeat: no repeat;
204        width: 15px;
205        height: 15px;
206}
207QScrollBar::right-arrow:horizontal:pressed {
208        background-image: url(%stylesPath%scrollbar_h_rightArrow_pressed.png);
209        background-repeat: no repeat;
210        width: 15px;
211        height: 15px;
212}
213QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
214        background: none;
215}
216 
217QLineEdit, QSpinBox, QDoubleSpinBox, QTimeEdit {
218        max-height: 17px;
219        border-image: url(%stylesPath%lineEditBg.png) 3 3 3 3 stretch;
220        border-width: 3px 3px 3px 3px;
221        border-radius: 0px;
222}
223QLineEdit:hover, QSpinBox:hover, QDoubleSpinBox:hover, QTimeEdit:hover {
224        border-image: url(%stylesPath%lineEditBg_hover.png) 3 3 3 3 stretch;
225        border-width: 3px 3px 3px 3px;
226        border-radius: 0px;
227}
228QLineEdit:focus, QSpinBox:focus, QDoubleSpinBox:focus, QTimeEdit:focus {
229        border-image: url(%stylesPath%lineEditBg_pressed.png) 3 3 3 3 stretch;
230        border-width: 3px 3px 3px 3px;
231        border-radius: 0px;
232}
233QLineEdit:disabled, QSpinBox:disabled, QDoubleSpinBox:disabled, QTimeEdit:disabled {
234        border-image: url(%stylesPath%lineEditBg_disabled.png) 3 3 3 3 stretch;
235        border-width: 3px 3px 3px 3px;
236        border-radius: 0px;
237}
238 
239QScrollArea, QTableView, QTreeWidget, QTextBrowser, QListWidget, QTextEdit {
240        background-color: #f0f0f0;
241        border-color: #969696;
242        border-style: solid;
243        border-radius: 3px;
244        border-width: 2px 2px 2px 2px;
245}
246 
247QScrollArea:focus, QTableView:focus, QTreeWidget:focus, QTextBrowser:focus, QListWidget:focus, QTextEdit:focus {
248        background-color: #f0f0f0;
249        border-color: #3178bf;
250        border-style: solid;
251        border-radius: 3px;
252        border-width: 2px 2px 2px 2px;
253}
254 
255QCheckBox::indicator:unchecked {
256        image: url(%stylesPath%checkBox.png);
257}
258QCheckBox::indicator:unchecked:hover {
259        image: url(%stylesPath%checkBox_hover.png);
260}
261QCheckBox::indicator:unchecked:pressed {
262        image: url(%stylesPath%checkBox_pressed.png);
263}
264QCheckBox::indicator:unchecked:focus {
265        image: url(%stylesPath%checkBox_focus.png);
266}
267QCheckBox::indicator:unchecked:focus:pressed {
268        image: url(%stylesPath%checkBox_pressed.png);
269}
270QCheckBox::indicator:checked {
271        image: url(%stylesPath%checkBox_checked.png);
272}
273QCheckBox::indicator:checked:hover {
274        image: url(%stylesPath%checkBox_checked_hover.png);
275}
276QCheckBox::indicator:checked:pressed {
277        image: url(%stylesPath%checkBox_checked_pressed.png);
278}
279QCheckBox::indicator:checked:focus {
280        image: url(%stylesPath%checkBox_checked_focus.png);
281}
282QCheckBox::indicator:checked:focus:pressed {
283        image: url(%stylesPath%checkBox_checked_pressed.png);
284}
285 
286QRadioButton::indicator:unchecked {
287        image: url(%stylesPath%radioButton.png);
288}
289QRadioButton::indicator:unchecked:hover {
290        image: url(%stylesPath%radioButton_hover.png);
291}
292QRadioButton::indicator:unchecked:pressed {
293        image: url(%stylesPath%radioButton_pressed.png);
294}
295QRadioButton::indicator:unchecked:focus {
296        image: url(%stylesPath%radioButton_focus.png);
297}
298QRadioButton::indicator:unchecked:focus:pressed {
299        image: url(%stylesPath%radioButton_pressed.png);
300}
301QRadioButton::indicator:checked {
302        image: url(%stylesPath%radioButton_checked.png);
303}
304QRadioButton::indicator:checked:hover {
305        image: url(%stylesPath%radioButton_checked_hover.png);
306}
307QRadioButton::indicator:checked:pressed {
308        image: url(%stylesPath%radioButton_checked_pressed.png);
309}
310QRadioButton::indicator:checked:focus {
311        image: url(%stylesPath%radioButton_checked_focus.png);
312}
313QRadioButton::indicator:checked:focus:pressed {
314        image: url(%stylesPath%radioButton_checked_pressed.png);
315}
316 
317QMenu {
318        padding: 2px 2px 2px 2px;
319        border-color: #646464;
320        border-style: solid;
321        border-width: 1px 1px 1px 1px;
322}
323QMenu::item {
324        padding: 2px 20px 2px 20px;
325        background-color: transparent;
326}
327QMenu::item:selected {
328        background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #98bbe5, stop: 1 #68a0d8);
329        border-color: #3882cc;
330        border-style: solid;
331        border-radius: 3px;
332        border-width: 1px 1px 1px 1px;
333}
334QMenu::separator {
335        height: 1px;
336        background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 #e9e8e8, stop: 0.3 #aaaaaa, stop: 0.7 #aaaaaa, stop: 1 #e9e8e8);
337        margin-left: 5px;
338        margin-right: 5px;
339}
340 
341/* TODO: el comboBox no está bien estilizado en todos sus estados... verificar esto... */
342QComboBox {
343        /* Acá hay un bug con el comboBox, necesita 0px en el top sino agrega un 1px extra */
344        min-height: 22px;
345        border-image: url(%stylesPath%normalButton.png) 0 8 2 8 stretch;
346        border-width: 0x 8px 2px 8px;
347}
348QComboBox:hover {
349        border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
350        border-width: 2px 8px 2px 8px;
351}
352QComboBox:on {
353        border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
354        border-width: 2px 8px 2px 8px;
355}
356QComboBox:focus {
357        border-image: url(%stylesPath%normalButton_focus.png) 2 8 2 8 stretch;
358        border-width: 2px 8px 2px 8px;
359}
360QComboBox:focus:hover {
361        border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
362        border-width: 2px 8px 2px 8px;
363}
364QComboBox:disabled {
365        border-image: url(%stylesPath%normalButton_disabled.png) 2 8 2 8 stretch;
366        border-width: 2px 8px 2px 8px;
367}
368QComboBox::down-arrow {
369        margin-left: 5px;
370        width: 14px;
371        height: 12px;
372        image: url(%stylesPath%arrowDown.png);
373}
374QComboBox::down-arrow:hover {
375        image: url(%stylesPath%arrowDown_hover.png);
376}
377QComboBox::down-arrow:pressed {
378        image: url(%stylesPath%arrowDown_pressed.png);
379}
380QComboBox::down-arrow:focus {
381        image: url(%stylesPath%arrowDown_focus.png);
382}
383QComboBox::down-arrow:disabled {
384        image: url(%stylesPath%arrowDown_disabled.png);
385}
386QComboBox::editable {
387        border-image: url(%stylesPath%lineEditBg.png) 3 3 3 3 stretch;
388        border-width: 3px 3px 3px 3px;
389}
390QComboBox::editable:hover {
391        border-image: url(%stylesPath%lineEditBg_hover.png) 3 3 3 3 stretch;
392        border-width: 3px 3px 3px 3px;
393}
394QComboBox::editable:pressed {
395        border-image: url(%stylesPath%lineEditBg_pressed.png) 3 3 3 3 stretch;
396        border-width: 3px 3px 3px 3px;
397}
398QComboBox::editable:disabled {
399        border-image: url(%stylesPath%lineEditBg_disabled.png) 3 3 3 3 stretch;
400        border-width: 3px 3px 3px 3px;
401}
402QComboBox::drop-down {
403        border: 0px
404}
405/*QComboBox QAbstractItemView {
406        border-color: #646464;
407        border-style: solid;
408        border-width: 1px 1px 1px 1px;
409}*/
410 
411QProgressBar:horizontal {
412        color: #ffffff;
413        text-align: center;
414        font-weight: bold;
415        border-image: url(%stylesPath%progressBarBg.png) 1 5 1 5 stretch stretch;
416        border-width: 1px 5px 1px 5px;
417        padding-left:-4px;
418        padding-right: -4px;
419}
420QProgressBar::chunk:horizontal {
421        border-image: url(%stylesPath%progressBar.png) 0 6 0 6 stretch;
422        border-width: 0px 6px 0px 6px;
423}
424 
425QListWidget::item:selected, QTreeWidget::item:selected {
426        background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #98bbe5, stop: 1 #68a0d8);
427        border-color: #3882cc;
428        border-style: solid;
429        border-radius: 3px;
430        border-width: 1px 1px 1px 1px;
431}
432QListWidget::item:hover, QTreeWidget::item:hover {
433        background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e8eef9, stop: 1 #b8d1ed);
434        border-color: #88b4e0;
435        border-style: solid;
436        border-radius: 3px;
437        border-width: 1px 1px 1px 1px;
438}
439QListWidget::item:selected:hover, QTreeWidget::item:selected:hover {
440        background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #afd0f6, stop: 1 #7ab4ef);
441        border-color: #5996d4;
442        border-style: solid;
443        border-radius: 3px;
444        border-width: 1px 1px 1px 1px;
445}
446 
447QTreeWidget {
448        show-decoration-selected: 0;
449        alternate-background-color: #f1f5f9;
450}
451 
452QGroupBox {
453        margin-top: 16px;
454        background-color: transparent;
455        border-color: #969696;
456        border-width: 1px;
457        border-style: solid;
458        border-radius: 3px;
459        font-weight: bold;
460        color: #3c3c3c;
461}
462QGroupBox::title {
463        padding-top: 1px;
464        background-color: transparent;
465        subcontrol-origin: margin;
466        subcontrol-position: top center;
467}
468 
469QTabWidget::pane {
470        background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #f5f5f5, stop: 1 #d2d2d2);
471        border-color: #646464;
472        border-width: 1px;
473        border-style: solid;
474        border-radius: 5px;
475}
476QTabWidget:tab-bar {
477        left: 5px;
478        right 5px;
479}
480QTabBar:tab {
481        border-image: url(%stylesPath%tabBarBg.png) 0 8 0 8 stretch;
482        border-width: 0px 8px 0px 8px;
483        min-width: 82px;
484        min-height: 25px;
485}
486QTabBar:tab:hover {
487        border-image: url(%stylesPath%tabBarBg_hover.png) 0 8 0 8 stretch;
488        border-width: 0px 8px 0px 8px;
489        min-width: 82px;
490        min-height: 25px;
491}
492QTabBar:tab:selected {
493        border-image: url(%stylesPath%tabBarBg_selected.png) 0 8 0 8 stretch;
494        border-width: 0px 8px 0px 8px;
495        min-width: 82px;
496        min-height: 25px;
497}
498QTabBar:tab:disabled {
499        border-image: url(%stylesPath%tabBarBg_disabled.png) 0 8 0 8 stretch;
500        border-width: 0px 8px 0px 8px;
501        min-width: 82px;
502        min-height: 25px;
503}
504QTabBar:tab:!selected {
505        margin-top: 0px;
506}
507 
508QSpinBox::up-button, QDoubleSpinBox::up-button, QTimeEdit::up-button {
509      margin: 1px 1px 1px 1px;
510      subcontrol-origin: border;
511      subcontrol-position: top right;
512      width: 14px;
513      height: 12px;
514      background-image: url(%stylesPath%arrowUp.png);
515      background-repeat: no-repeat;
516}
517QSpinBox::up-button:hover, QDoubleSpinBox::up-button:hover, QTimeEdit::up-button:hover {
518      background-image: url(%stylesPath%arrowUp_hover.png);
519      background-repeat: no-repeat;
520}
521QSpinBox::up-button:pressed, QDoubleSpinBox::up-button:pressed, QTimeEdit::up-button:pressed {
522      background-image: url(%stylesPath%arrowUp_pressed.png);
523      background-repeat: no-repeat;
524}
525QSpinBox::up-button:disabled, QDoubleSpinBox::up-button:disabled, QTimeEdit::up-button:disabled {
526      background-image: url(%stylesPath%arrowUp_disabled.png);
527      background-repeat: no-repeat;
528}
529QSpinBox::down-button, QDoubleSpinBox::down-button, QTimeEdit::down-button {
530      margin: 1px 1px 1px 1px;
531      subcontrol-origin: border;
532      subcontrol-position: bottom right;
533      width: 14px;
534      height: 12px;
535      background-image: url(%stylesPath%arrowDown.png);
536      background-repeat: no-repeat;
537}
538QSpinBox::down-button:hover, QDoubleSpinBox::down-button:hover, QTimeEdit::down-button:hover {
539      background-image: url(%stylesPath%arrowDown_hover.png);
540      background-repeat: no-repeat;
541}
542QSpinBox::down-button:pressed, QDoubleSpinBox::down-button:pressed, QTimeEdit::down-button:pressed {
543      background-image: url(%stylesPath%arrowDown_pressed.png);
544      background-repeat: no-repeat;
545}
546QSpinBox::down-button:disabled, QDoubleSpinBox::down-button:disabled, QTimeEdit::down-button:disabled {
547      background-image: url(%stylesPath%arrowDown_disabled.png);
548      background-repeat: no-repeat;
549}
550QSpinBox::up-arrow, QDoubleSpinBox::up-arrow, QTimeEdit::up-arrow {
551      background: none;
552}
553QSpinBox::down-arrow, QDoubleSpinBox::down-arrow, QTimeEdit::down-arrow {
554      background: none;
555}
556 
557QTableView {
558      selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
559                                                  stop: 0 #d2d2d2, stop: 0.25 #dcdcdc,
560                                                  stop: 0.5 #e6e6e6, stop: 1 #d2d2d2);
561      gridline-color: #cccccc;
562      selection-color: #000000;
563}
564QTableView QLineEdit:focus, QTableView QSpinBox:focus {
565      border-image: none;
566      background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
567                                        stop: 0 #b7d2ed, stop: 0.25 #c7dcf1,
568                                        stop: 0.5 #d7e6f5, stop: 1 #b7d2ed);
569     color: #666666;
570}
571QHeaderView::section {
572      background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
573                                       stop:0 #b0b4b4, stop: 0.45 #6f7374,
574                                       stop: 0.5 #333333, stop:1 #050505);
575      padding-left: 2px;
576      padding-right: 2px;
577      color: white;
578      border: 1px solid #646464;
579 
580}
581QHeaderView::section:hover {
582      background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
583                                       stop:0 #b9bcbd, stop: 0.45 #7c8082,
584                                       stop: 0.5 #474747, stop:1 #191919);
585      border: 1px solid #5796d5;
586}
587QHeaderView::section:pressed {
588      background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
589                                       stop:0 #737575, stop: 0.45 #434546,
590                                       stop: 0.5 #191919, stop:1 #020202);
591      border: 1px solid #3d648b;
592}
593QHeaderView::down-arrow {
594      image: url(%stylesPath%headerViewArrow_down.png);
595      height: 16px;
596      width: 16px;
597      padding-left: 5px;
598}
599QHeaderView::up-arrow {
600      image: url(%stylesPath%headerViewArrow_up.png);
601      height: 16px;
602      width: 16px;
603      padding-left: 5px;
604}
605 
606 
607/** Empezamos a estilizar los elementos que, del mismo tipo, tienen aspecto distinto **/
608 
609/** Ventana principal **/
610/* Botones de la ventana de la aplicación */
611 
612QLabel#titleLabel {
613        color: #ffffff;
614        font-weight: bold;
615}
616 
617QPushButton#minimizeButton {
618        min-height: 12px;
619        background: url(%stylesPath%minimizeButton.png) no-repeat center;
620        border-image: none;
621        border: 0px;
622        padding: 0px;
623}
624QPushButton#minimizeButton:hover {
625        background: url(%stylesPath%minimizeButton_hover.png) no-repeat center;
626}
627QPushButton#minimizeButton:pressed {
628        background: url(%stylesPath%minimizeButton_pressed.png) no-repeat center;
629}
630 
631QPushButton#closeButton {
632        min-height: 12px;
633        background: url(%stylesPath%closeButton.png) no-repeat center;
634        border-image: none;
635        border: 0px;
636        padding: 0px;
637}
638QPushButton#closeButton:hover {
639        background: url(%stylesPath%closeButton_hover.png) no-repeat center;
640}
641QPushButton#closeButton:pressed {
642        background: url(%stylesPath%closeButton_pressed.png) no-repeat center; 
643}
644 
645/* Botones del menú de la ventana principal */
646QPushButton#menuMainButton, QPushButton#menuHelpButton {
647        min-height: 12px;
648        color: white;
649        border-image: url(%stylesPath%menuButton.png) 2 8 2 8 stretch;
650        border-width: 2px 8px 2px 8px;
651}
652QPushButton#menuMainButton:hover, QPushButton#menuHelpButton:hover {
653        color: white;
654        border-image: url(%stylesPath%menuButton_hover.png) 2 8 2 8 stretch;
655        border-width: 2px 8px 2px 8px;
656}
657QPushButton#menuMainButton:open, QPushButton#menuHelpButton:open {
658        color: white;
659        border-image: url(%stylesPath%menuButton_pressed.png) 2 8 2 8 stretch;
660        border-width: 2px 8px 2px 8px;
661}
662QPushButton#menuMainButton:focus, QPushButton#menuHelpButton:focus {
663        color: white;
664        border-image: url(%stylesPath%menuButton_focus.png) 2 8 2 8 stretch;
665        border-width: 2px 8px 2px 8px;
666}
667QPushButton#menuMainButton:focus:hover, QPushButton#menuHelpButton:focus:hover {
668        color: white;
669        border-image: url(%stylesPath%menuButton_hover.png) 2 8 2 8 stretch;
670        border-width: 2px 8px 2px 8px;
671}
672QPushButton#menuMainButton:focus:open, QPushButton#menuHelpButton:focus:open{
673        color: white;
674        border-image: url(%stylesPath%menuButton_pressed.png) 2 8 2 8 stretch;
675        border-width: 2px 8px 2px 8px;
676}
677QPushButton#menuMainButton::menu-indicator, QPushButton#menuHelpButton::menu-indicator {
678        width: 14px;
679        height: 12px;
680        margin-right: 3px;
681        subcontrol-origin: margin;
682        subcontrol-position: center right;
683        image: url(%stylesPath%arrowDown.png)
684}
685QPushButton#menuMainButton::menu-indicator:hover, QPushButton#menuHelpButton::menu-indicator:hover {
686        image: url(%stylesPath%arrowDown_hover.png)
687}
688QPushButton#menuMainButton::menu-indicator:on, QPushButton#menuHelpButton::menu-indicator:on {
689        image: url(%stylesPath%arrowDown_pressed.png)
690}
691QPushButton#menuMainButton::menu-indicator:focus, QPushButton#menuHelpButton::menu-indicator:focus {
692        image: url(%stylesPath%arrowDown_focus.png)
693}
694QPushButton#menuMainButton::menu-indicator:focus:open, QPushButton#menuHelpButton::menu-indicator:focus:open {
695        image: url(%stylesPath%arrowDown_pressed.png)
696}
697/*
698QPushButton#menuMainButton QAbstractItemView#menuMainButton, QPushButton#menuHelpButton QAbstractItemView#menuHelpButton {
699}*/
700 
701/* Lista de los módulos de la aplicación */
702QListWidget#listWidget {
703        border: 0px;
704        background-color: none;
705        background-image: url(%stylesPath%listWidgetBg.png);
706        background-repeat: no repeat;
707        padding: 10px;
708}
709 
710/* Diálogo de cierre de sesión */
711QPushButton#closeSessionButton {
712        min-height: 12px;
713        background: url(%stylesPath%sessionCloseButton.png) no-repeat center;
714        border-image: none;
715        border: 0px;
716}
717QPushButton#closeSessionButton:hover {
718        background: url(%stylesPath%sessionCloseButton_hover.png) no-repeat center;
719}
720QPushButton#closeSessionButton:pressed {
721        background: url(%stylesPath%sessionCloseButton_pressed.png) no-repeat center;
722}
723 
724QPushButton#closeAppButton {
725        min-height: 12px;
726        background: url(%stylesPath%sessionOffButton.png) no-repeat center;
727        border-image: none;
728        border: 0px;
729}
730QPushButton#closeAppButton:hover {
731        background: url(%stylesPath%sessionOffButton_hover.png) no-repeat center;
732}
733QPushButton#closeAppButton:pressed {
734        background: url(%stylesPath%sessionOffButton_pressed.png) no-repeat center;
735}
736 
737/* Diálogo de Administración de Usuarios */
738/** Módulos de la aplicación Principal (Servidor, Usuarios, Puestos, Clientes, Artículos, Facturación, Utilidades) **/
739 
740/* Fondo del tabWidget del MainWindow */
741QTabWidget#tabWidget:pane {
742        border: 0px;
743        background: url(%stylesPath%tabBg.png) no-repeat center;
744        background-color: none;
745        top: 2px;
746}
747QTabWidget#tabWidget:tab-bar {
748        top: 7px;
749        left: 10px;
750        right 10px;
751}
752 
753/** Módulo Usuarios/Clientes **/
754QPushButton#addUsersButton, QPushButton#deleteUsersButton,
755QPushButton#addClientsButton, QPushButton#deleteClientsButton,
756QPushButton#addWsButton, QPushButton#deleteWsButton,
757QPushButton#addArticlesButton, QPushButton#deleteArticlesButton,
758QPushButton#addWebcamsButton, QPushButton#deleteWebcamsButton,
759QPushButton#printButton, QPushButton#printPreviewButton,
760QPushButton#settingsButton {
761        border-image: none;
762        border: 0px;
763        padding: 0px;
764}
765QPushButton#addUsersButton:hover, QPushButton#deleteUsersButton:hover,
766QPushButton#addClientsButton:hover, QPushButton#deleteClientsButton:hover,
767QPushButton#addWsButton:hover, QPushButton#deleteWsButton:hover,
768QPushButton#addArticlesButton:hover, QPushButton#deleteArticlesButton:hover,
769QPushButton#addWebcamsButton:hover, QPushButton#deleteWebcamsButton:hover,
770QPushButton#printButton:hover, QPushButton#printPreviewButton:hover,
771QPushButton#settingsButton:hover {
772        border-image: url(%stylesPath%toolbarButton_hover.png) 3 3 3 3 stretch;
773        border-width: 3px 3px 3px 3px;
774}
775QPushButton#addUsersButton:pressed, QPushButton#deleteUsersButton:pressed,
776QPushButton#addClientsButton:pressed, QPushButton#deleteClientsButton:pressed,
777QPushButton#addWsButton:pressed, QPushButton#deleteWsButton:pressed,
778QPushButton#addArticlesButton:pressed, QPushButton#deleteArticlesButton:pressed,
779QPushButton#addWebcamsButton:pressed, QPushButton#deleteWebcamsButton:pressed,
780QPushButton#printButton:pressed, QPushButton#printPreviewButton:pressed,
781QPushButton#settingsButton:pressed {
782        border-image: url(%stylesPath%toolbarButton_pressed.png) 3 3 3 3 stretch;
783        border-width: 3px 3px 3px 3px;
784}
785 
786/** Módulo Puestos **/
787QStackedWidget#wsStackedWidget {
788        background-image: url(%stylesPath%workstationWidgetBg.png);
789        background-repeat: no repeat;
790        border: 0px;
791}
792QStackedWidget#wsStackedWidget:focus {
793        background-image: url(%stylesPath%workstationWidgetBg_focus.png);
794        background-repeat: no repeat;
795        border: 0px;
796}
797 
798/* Barra de herramientas de los Puestos */
799QPushButton#wsSettingsButton {
800        min-height: 12px;
801        background: url(%stylesPath%wsToolbarButton1.png) no-repeat center;
802        border-image: none;
803        border: 0px;
804        padding: 0px;
805}
806QPushButton#wsSettingsButton:hover {
807        background: url(%stylesPath%wsToolbarButton1_hover.png) no-repeat center;
808}
809QPushButton#wsSettingsButton:pressed {
810        background: url(%stylesPath%wsToolbarButton1_pressed.png) no-repeat center;
811}
812 
813QPushButton#wsOthersButton {
814        min-height: 12px;
815        background: url(%stylesPath%wsToolbarButton2.png) no-repeat center;
816        border-image: none;
817        border: 0px;
818        padding: 0px;
819}
820QPushButton#wsOthersButton:hover {
821        background: url(%stylesPath%wsToolbarButton2_hover.png) no-repeat center;
822}
823QPushButton#wsOthersButton:pressed {
824        background: url(%stylesPath%wsToolbarButton2_pressed.png) no-repeat center;
825}
826 
827QPushButton#wsChatButton {
828        min-height: 12px;
829        background: url(%stylesPath%wsToolbarButton3.png) no-repeat center;
830        border-image: none;
831        border: 0px;
832        padding: 0px;
833}
834QPushButton#wsChatButton:hover {
835        background: url(%stylesPath%wsToolbarButton3_hover.png) no-repeat center;
836}
837QPushButton#wsChatButton:pressed {
838        background: url(%stylesPath%wsToolbarButton3_pressed.png) no-repeat center;
839}
840 
841/* Botón de "Volver" de las páginas del stackedWidget de los Puestos y Webcams */
842QPushButton#backButton1, QPushButton#backButton2, QPushButton#backButton3, QPushButton#webcamBackButton {
843        min-height: 12px;
844        background: url(%stylesPath%widgetButtonSmall.png) no-repeat;
845        border-image: none;
846        border: 0px;
847        padding: 0px;
848}
849QPushButton#backButton1:hover, QPushButton#backButton2:hover, QPushButton#backButton3:hover, QPushButton#webcamBackButton:hover {
850        background: url(%stylesPath%widgetButtonSmall_hover.png) no-repeat center;
851}
852QPushButton#backButton1:pressed, QPushButton#backButton2:pressed, QPushButton#backButton3:pressed, QPushButton#webcamBackButton:pressed {
853        background: url(%stylesPath%widgetButtonSmall_pressed.png) no-repeat center;
854}
855 
856/* Labels de la información de los Puestos y Webcams*/
857QLabel#wsUserLabel, QLabel#wsTimeLabel, QLabel#wsCreditLabel, QLabel#wsOthersLabel, QLabel#wsTotalLabel,
858QLabel#webcamNameLabel, QLabel#webcamDescriptionLabel, QLabel#webcamUrlLabel {
859        color: #ffffff;
860}
861 
862/* Botones de acciones de los Puestos */
863QPushButton#pauseButton, QPushButton#blockButton, QPushButton#restartButton,QPushButton#powerButton {
864        min-height: 12px;
865        background: url(%stylesPath%widgetButton.png) no-repeat center;
866        border-image: none;
867        border: 0px;
868        padding: 0px;
869}
870QPushButton#pauseButton:hover, QPushButton#blockButton:hover, QPushButton#restartButton:hover, QPushButton#powerButton:hover {
871        background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
872}
873QPushButton#pauseButton:checked, QPushButton#blockButton:pressed, QPushButton#restartButton:pressed, QPushButton#powerButton:pressed {
874        background: url(%stylesPath%widgetButton_pressed.png) no-repeat center;
875}
876 
877/* Botones de la página de configuración */
878QPushButton#wsSaveButton {
879        min-height: 12px;
880        background: url(%stylesPath%widgetButton.png) no-repeat center;
881        border-image: none;
882        border: 0px;
883        padding: 0px;
884}
885QPushButton#wsSaveButton:hover {
886        background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
887}
888QPushButton#wsSaveButton:pressed {
889        background: url(%stylesPath%widgetButton_pressed.png) no-repeat center;
890}
891 
892/* Página de "Configuración" del stackedWidget */
893QLabel#settingsLabel, QLabel#wsNameLabel, QLabel#wsDescriptionLabel, QLabel#wsIpLabel {
894        color: #ffffff;
895}
896 
897/* Página de "Otros gastos" del stackedWidget */
898QLabel#addsLabel {
899        color: #ffffff;
900}
901 
902/* Página de "Soporte/chat" del stackedWidget */
903QLabel#chatLabel {
904        color: #ffffff;
905}
906 
907QTextEdit#chatTextEdit {
908        border: 0px;
909        background-color: transparent;
910        padding: 2px 1px 2px 1px;
911        background-image: url(%stylesPath%wsChatDisplayBg.png);
912        background-repeat: no repeat;
913        background-attachment: fixed;
914}
915 
916/** Módulo Artículos **/
917/* Sección Administración */
918QLabel#articleImagePreview {
919        border-radius: 5px;
920        border: 1px solid #3882cc;
921        background: #d7e2f5;
922}
923 
924/** Módulo VideoStreamimg **/
925QStackedWidget#webcamStackedWidget {
926        background-image: url(%stylesPath%webcamWidgetBg.png);
927        background-repeat: no repeat;
928        border: 0px;
929}
930QStackedWidget#webcamStackedWidget:focus {
931        background-image: url(%stylesPath%webcamWidgetBg_focus.png);
932        background-repeat: no repeat;
933        border: 0px;
934}
935 
936/* Botones control webcam */
937QPushButton#webcamPlayButton, QPushButton#webcamStopButton,QPushButton#webcamSettingsButton, QPushButton#webcamRecordButton {
938        min-height: 12px;
939        background: url(%stylesPath%widgetButton.png) no-repeat center;
940        border-image: none;
941        border: 0px;
942        padding: 0px;
943}
944QPushButton#webcamPlayButton:hover, QPushButton#webcamStopButton:hover, QPushButton#webcamSettingsButton:hover, QPushButton#webcamRecordButton:hover {
945        background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
946}
947QPushButton#webcamPlayButton:pressed, QPushButton#webcamStopButton:pressed, QPushButton#webcamSettingsButton:pressed, QPushButton#webcamRecordButton:checked {
948        background: url(%stylesPath%widgetButton_pressed.png) no-repeat center;
949}
950 
951/* Botones fomulario de modificación de datos de la webcam */
952QPushButton#webcamRemoveButton, QPushButton#webcamCancelButton,QPushButton#webcamSaveButton  {
953        min-height: 12px;
954        background: url(%stylesPath%widgetButton.png) no-repeat center;
955        border-image: none;
956        border: 0px;
957        padding: 0px;
958}
959QPushButton#webcamRemoveButton:hover, QPushButton#webcamCancelButton:hover, QPushButton#webcamSaveButton:hover {
960        background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
961}
962QPushButton#webcamRemoveButton:pressed, QPushButton#webcamCancelButton:pressed, QPushButton#webcamSaveButton:pressed {
963        background: url(%stylesPath%widgetButton_pressed.png) no-repeat center;
964}
965 
966/* Labels en la página de configuración */
967QLabel#settingsTitleLabel{
968  color: #ffffff;
969  font-weight: bold;
970}
971 
972QLabel#settingsUrlLabel, QLabel#settingsIdLabel {
973  color: #ffffff;
974}
975 
976 
977/** Login **/
978/* Mensaje de error del Login */
979QLabel#loginError {
980        color: #d40000;
981}
982 
983 
984/** Módulo Documentación **/
985/* Botones barra de herramientas */
986QPushButton#docsBackButton, QPushButton#docsForwardButton, QPushButton#docsRefreshButton, QPushButton#docsHomeButton,
987QPushButton#docsPrinterButton, QPushButton#docsPrintPreviewButton {
988        border-image: none;
989        border: 0px;
990        padding: 0px;
991}
992QPushButton#docsBackButton:hover, QPushButton#docsForwardButton:hover, QPushButton#docsRefreshButton:hover,
993QPushButton#docsHomeButton:hover, QPushButton#docsPrinterButton:hover, QPushButton#docsPrintPreviewButton:hover {
994        border-image: url(%stylesPath%toolbarButton_hover.png) 3 3 3 3 stretch;
995        border-width: 3px 3px 3px 3px;
996}
997QPushButton#docsBackButton:pressed, QPushButton#docsForwardButton:pressed, QPushButton#docsRefreshButton:pressed,
998QPushButton#docsHomeButton:pressed, QPushButton#docsPrinterButton:pressed, QPushButton#docsPrintPreviewButton:pressed {
999        border-image: url(%stylesPath%toolbarButton_pressed.png) 3 3 3 3 stretch;
1000        border-width: 3px 3px 3px 3px;
1001}
1002 
1003 
1004/** Notificación de Eventos **/
1005/* Botón de cerrado */
1006QPushButton#notifyCloseButton {
1007        min-height: 12px;
1008        background: url(%stylesPath%notityWindowClose.png) no-repeat center;
1009        border-image: none;
1010        border: 0px;
1011        padding: 0px;
1012}
1013QPushButton#notifyCloseButton:hover {
1014        background: url(%stylesPath%notityWindowClose_hover.png) no-repeat center;
1015}
1016QPushButton#notifyCloseButton:pressed {
1017        background: url(%stylesPath%notityWindowClose_pressed.png) no-repeat center;
1018}
1019 
1020/* Título y texto de la ventana */
1021QLabel#notifyTittleLabel {
1022        color: #444444;
1023        font-weight: bold;
1024}
1025 
1026QLabel#notifyTextLabel {
1027}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值