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
4	QPushButton {
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	}
10	QPushButton:hover {
11	border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
12	border-width: 2px 8px 2px 8px;
13	}
14	QPushButton:pressed {
15	border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
16	border-width: 2px 8px 2px 8px;
17	}
18	QPushButton: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	}
27	QPushButton:focus:hover {
28	border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
29	border-width: 2px 8px 2px 8px;
30	}
31	QPushButton:focus:pressed {
32	border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
33	border-width: 2px 8px 2px 8px;
34	}
35	QPushButton:disabled {
36	border-image: url(%stylesPath%normalButton_disabled.png) 2 8 2 8 stretch;
37	border-width: 2px 8px 2px 8px;
38	}
39	QPushButton:default {
40	border-image: url(%stylesPath%normalButton_default.png) 2 8 2 8 stretch;
41	border-width: 2px 8px 2px 8px;
42	}
43	QPushButton:default:hover {
44	border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
45	border-width: 2px 8px 2px 8px;
46	}
47	QPushButton:default:pressed {
48	border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
49	border-width: 2px 8px 2px 8px;
50	}
51	QPushButton:default:focus {
52	border-image: url(%stylesPath%normalButton_focus.png) 2 8 2 8 stretch;
53	border-width: 2px 8px 2px 8px;
54	}
55	QPushButton:default:focus:hover {
56	border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
57	border-width: 2px 8px 2px 8px;
58	}
59	QPushButton:default:focus:pressed {
60	border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
61	border-width: 2px 8px 2px 8px;
62	}
63	QPushButton:default:disabled {
64	border-image: url(%stylesPath%normalButton_disabled.png) 2 8 2 8 stretch;
65	border-width: 2px 8px 2px 8px;
66	}
67
68	QScrollBar: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	}
76	QScrollBar::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	}
81	QScrollBar::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	}
85	QScrollBar::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	}
89	QScrollBar::sub-line:vertical {
90	border: 0px;
91	background: none;
92	height: 15px;
93	subcontrol-position: top;
94	subcontrol-origin: margin;
95	}
96	QScrollBar::add-line:vertical {
97	border: 0px;
98	background: none;
99	height: 15px;
100	subcontrol-position: bottom;
101	subcontrol-origin: margin;
102	}
103	QScrollBar::up-arrow:vertical {
104	background-image: url(%stylesPath%scrollbar_upArrow.png);
105	background-repeat: no repeat;
106	width: 15px;
107	height: 15px;
108	}
109	QScrollBar::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	}
115	QScrollBar::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	}
121	QScrollBar::down-arrow:vertical {
122	background-image: url(%stylesPath%scrollbar_downArrow.png);
123	background-repeat: no repeat;
124	width: 15px;
125	height: 15px;
126	}
127	QScrollBar::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	}
133	QScrollBar::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	}
139	QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
140	background: none;
141	}
142	QScrollBar: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	}
150	QScrollBar::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	}
155	QScrollBar::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	}
159	QScrollBar::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	}
163	QScrollBar::sub-line:horizontal {
164	border: 0px;
165	background: none;
166	width: 15px;
167	subcontrol-position: left;
168	subcontrol-origin: margin;
169	}
170	QScrollBar::add-line:horizontal {
171	border: 0px;
172	background: none;
173	width: 15px;
174	subcontrol-position: right;
175	subcontrol-origin: margin;
176	}
177	QScrollBar::left-arrow:horizontal {
178	background-image: url(%stylesPath%scrollbar_h_leftArrow.png);
179	background-repeat: no repeat;
180	width: 15px;
181	height: 15px;
182	}
183	QScrollBar::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	}
189	QScrollBar::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	}
195	QScrollBar::right-arrow:horizontal {
196	background-image: url(%stylesPath%scrollbar_h_rightArrow.png);
197	background-repeat: no repeat;
198	width: 15px;
199	height: 15px;
200	}
201	QScrollBar::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	}
207	QScrollBar::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	}
213	QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
214	background: none;
215	}
216
217	QLineEdit, 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	}
223	QLineEdit: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	}
228	QLineEdit: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	}
233	QLineEdit: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
239	QScrollArea, 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
247	QScrollArea: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
255	QCheckBox::indicator:unchecked {
256	image: url(%stylesPath%checkBox.png);
257	}
258	QCheckBox::indicator:unchecked:hover {
259	image: url(%stylesPath%checkBox_hover.png);
260	}
261	QCheckBox::indicator:unchecked:pressed {
262	image: url(%stylesPath%checkBox_pressed.png);
263	}
264	QCheckBox::indicator:unchecked:focus {
265	image: url(%stylesPath%checkBox_focus.png);
266	}
267	QCheckBox::indicator:unchecked:focus:pressed {
268	image: url(%stylesPath%checkBox_pressed.png);
269	}
270	QCheckBox::indicator:checked {
271	image: url(%stylesPath%checkBox_checked.png);
272	}
273	QCheckBox::indicator:checked:hover {
274	image: url(%stylesPath%checkBox_checked_hover.png);
275	}
276	QCheckBox::indicator:checked:pressed {
277	image: url(%stylesPath%checkBox_checked_pressed.png);
278	}
279	QCheckBox::indicator:checked:focus {
280	image: url(%stylesPath%checkBox_checked_focus.png);
281	}
282	QCheckBox::indicator:checked:focus:pressed {
283	image: url(%stylesPath%checkBox_checked_pressed.png);
284	}
285
286	QRadioButton::indicator:unchecked {
287	image: url(%stylesPath%radioButton.png);
288	}
289	QRadioButton::indicator:unchecked:hover {
290	image: url(%stylesPath%radioButton_hover.png);
291	}
292	QRadioButton::indicator:unchecked:pressed {
293	image: url(%stylesPath%radioButton_pressed.png);
294	}
295	QRadioButton::indicator:unchecked:focus {
296	image: url(%stylesPath%radioButton_focus.png);
297	}
298	QRadioButton::indicator:unchecked:focus:pressed {
299	image: url(%stylesPath%radioButton_pressed.png);
300	}
301	QRadioButton::indicator:checked {
302	image: url(%stylesPath%radioButton_checked.png);
303	}
304	QRadioButton::indicator:checked:hover {
305	image: url(%stylesPath%radioButton_checked_hover.png);
306	}
307	QRadioButton::indicator:checked:pressed {
308	image: url(%stylesPath%radioButton_checked_pressed.png);
309	}
310	QRadioButton::indicator:checked:focus {
311	image: url(%stylesPath%radioButton_checked_focus.png);
312	}
313	QRadioButton::indicator:checked:focus:pressed {
314	image: url(%stylesPath%radioButton_checked_pressed.png);
315	}
316
317	QMenu {
318	padding: 2px 2px 2px 2px;
319	border-color: #646464;
320	border-style: solid;
321	border-width: 1px 1px 1px 1px;
322	}
323	QMenu::item {
324	padding: 2px 20px 2px 20px;
325	background-color: transparent;
326	}
327	QMenu::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	}
334	QMenu::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... */
342	QComboBox {
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	}
348	QComboBox:hover {
349	border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
350	border-width: 2px 8px 2px 8px;
351	}
352	QComboBox:on {
353	border-image: url(%stylesPath%normalButton_pressed.png) 2 8 2 8 stretch;
354	border-width: 2px 8px 2px 8px;
355	}
356	QComboBox:focus {
357	border-image: url(%stylesPath%normalButton_focus.png) 2 8 2 8 stretch;
358	border-width: 2px 8px 2px 8px;
359	}
360	QComboBox:focus:hover {
361	border-image: url(%stylesPath%normalButton_hover.png) 2 8 2 8 stretch;
362	border-width: 2px 8px 2px 8px;
363	}
364	QComboBox:disabled {
365	border-image: url(%stylesPath%normalButton_disabled.png) 2 8 2 8 stretch;
366	border-width: 2px 8px 2px 8px;
367	}
368	QComboBox::down-arrow {
369	margin-left: 5px;
370	width: 14px;
371	height: 12px;
372	image: url(%stylesPath%arrowDown.png);
373	}
374	QComboBox::down-arrow:hover {
375	image: url(%stylesPath%arrowDown_hover.png);
376	}
377	QComboBox::down-arrow:pressed {
378	image: url(%stylesPath%arrowDown_pressed.png);
379	}
380	QComboBox::down-arrow:focus {
381	image: url(%stylesPath%arrowDown_focus.png);
382	}
383	QComboBox::down-arrow:disabled {
384	image: url(%stylesPath%arrowDown_disabled.png);
385	}
386	QComboBox::editable {
387	border-image: url(%stylesPath%lineEditBg.png) 3 3 3 3 stretch;
388	border-width: 3px 3px 3px 3px;
389	}
390	QComboBox::editable:hover {
391	border-image: url(%stylesPath%lineEditBg_hover.png) 3 3 3 3 stretch;
392	border-width: 3px 3px 3px 3px;
393	}
394	QComboBox::editable:pressed {
395	border-image: url(%stylesPath%lineEditBg_pressed.png) 3 3 3 3 stretch;
396	border-width: 3px 3px 3px 3px;
397	}
398	QComboBox::editable:disabled {
399	border-image: url(%stylesPath%lineEditBg_disabled.png) 3 3 3 3 stretch;
400	border-width: 3px 3px 3px 3px;
401	}
402	QComboBox::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
411	QProgressBar: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	}
420	QProgressBar::chunk:horizontal {
421	border-image: url(%stylesPath%progressBar.png) 0 6 0 6 stretch;
422	border-width: 0px 6px 0px 6px;
423	}
424
425	QListWidget::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	}
432	QListWidget::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	}
439	QListWidget::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
447	QTreeWidget {
448	show-decoration-selected: 0;
449	alternate-background-color: #f1f5f9;
450	}
451
452	QGroupBox {
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	}
462	QGroupBox::title {
463	padding-top: 1px;
464	background-color: transparent;
465	subcontrol-origin: margin;
466	subcontrol-position: top center;
467	}
468
469	QTabWidget::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	}
476	QTabWidget:tab-bar {
477	left: 5px;
478	right 5px;
479	}
480	QTabBar: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	}
486	QTabBar: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	}
492	QTabBar: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	}
498	QTabBar: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	}
504	QTabBar:tab:!selected {
505	margin-top: 0px;
506	}
507
508	QSpinBox::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	}
517	QSpinBox::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	}
521	QSpinBox::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	}
525	QSpinBox::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	}
529	QSpinBox::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	}
538	QSpinBox::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	}
542	QSpinBox::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	}
546	QSpinBox::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	}
550	QSpinBox::up-arrow, QDoubleSpinBox::up-arrow, QTimeEdit::up-arrow {
551	background: none;
552	}
553	QSpinBox::down-arrow, QDoubleSpinBox::down-arrow, QTimeEdit::down-arrow {
554	background: none;
555	}
556
557	QTableView {
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	}
564	QTableView 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	}
571	QHeaderView::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	}
581	QHeaderView::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	}
587	QHeaderView::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	}
593	QHeaderView::down-arrow {
594	image: url(%stylesPath%headerViewArrow_down.png);
595	height: 16px;
596	width: 16px;
597	padding-left: 5px;
598	}
599	QHeaderView::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
612	QLabel#titleLabel {
613	color: #ffffff;
614	font-weight: bold;
615	}
616
617	QPushButton#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	}
624	QPushButton#minimizeButton:hover {
625	background: url(%stylesPath%minimizeButton_hover.png) no-repeat center;
626	}
627	QPushButton#minimizeButton:pressed {
628	background: url(%stylesPath%minimizeButton_pressed.png) no-repeat center;
629	}
630
631	QPushButton#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	}
638	QPushButton#closeButton:hover {
639	background: url(%stylesPath%closeButton_hover.png) no-repeat center;
640	}
641	QPushButton#closeButton:pressed {
642	background: url(%stylesPath%closeButton_pressed.png) no-repeat center;
643	}
644
645	/* Botones del menú de la ventana principal */
646	QPushButton#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	}
652	QPushButton#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	}
657	QPushButton#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	}
662	QPushButton#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	}
667	QPushButton#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	}
672	QPushButton#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	}
677	QPushButton#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	}
685	QPushButton#menuMainButton::menu-indicator:hover, QPushButton#menuHelpButton::menu-indicator:hover {
686	image: url(%stylesPath%arrowDown_hover.png)
687	}
688	QPushButton#menuMainButton::menu-indicator:on, QPushButton#menuHelpButton::menu-indicator:on {
689	image: url(%stylesPath%arrowDown_pressed.png)
690	}
691	QPushButton#menuMainButton::menu-indicator:focus, QPushButton#menuHelpButton::menu-indicator:focus {
692	image: url(%stylesPath%arrowDown_focus.png)
693	}
694	QPushButton#menuMainButton::menu-indicator:focus:open, QPushButton#menuHelpButton::menu-indicator:focus:open {
695	image: url(%stylesPath%arrowDown_pressed.png)
696	}
697	/*
698	QPushButton#menuMainButton QAbstractItemView#menuMainButton, QPushButton#menuHelpButton QAbstractItemView#menuHelpButton {
699	}*/
700
701	/* Lista de los módulos de la aplicación */
702	QListWidget#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 */
711	QPushButton#closeSessionButton {
712	min-height: 12px;
713	background: url(%stylesPath%sessionCloseButton.png) no-repeat center;
714	border-image: none;
715	border: 0px;
716	}
717	QPushButton#closeSessionButton:hover {
718	background: url(%stylesPath%sessionCloseButton_hover.png) no-repeat center;
719	}
720	QPushButton#closeSessionButton:pressed {
721	background: url(%stylesPath%sessionCloseButton_pressed.png) no-repeat center;
722	}
723
724	QPushButton#closeAppButton {
725	min-height: 12px;
726	background: url(%stylesPath%sessionOffButton.png) no-repeat center;
727	border-image: none;
728	border: 0px;
729	}
730	QPushButton#closeAppButton:hover {
731	background: url(%stylesPath%sessionOffButton_hover.png) no-repeat center;
732	}
733	QPushButton#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 */
741	QTabWidget#tabWidget:pane {
742	border: 0px;
743	background: url(%stylesPath%tabBg.png) no-repeat center;
744	background-color: none;
745	top: 2px;
746	}
747	QTabWidget#tabWidget:tab-bar {
748	top: 7px;
749	left: 10px;
750	right 10px;
751	}
752
753	/** Módulo Usuarios/Clientes **/
754	QPushButton#addUsersButton, QPushButton#deleteUsersButton,
755	QPushButton#addClientsButton, QPushButton#deleteClientsButton,
756	QPushButton#addWsButton, QPushButton#deleteWsButton,
757	QPushButton#addArticlesButton, QPushButton#deleteArticlesButton,
758	QPushButton#addWebcamsButton, QPushButton#deleteWebcamsButton,
759	QPushButton#printButton, QPushButton#printPreviewButton,
760	QPushButton#settingsButton {
761	border-image: none;
762	border: 0px;
763	padding: 0px;
764	}
765	QPushButton#addUsersButton:hover, QPushButton#deleteUsersButton:hover,
766	QPushButton#addClientsButton:hover, QPushButton#deleteClientsButton:hover,
767	QPushButton#addWsButton:hover, QPushButton#deleteWsButton:hover,
768	QPushButton#addArticlesButton:hover, QPushButton#deleteArticlesButton:hover,
769	QPushButton#addWebcamsButton:hover, QPushButton#deleteWebcamsButton:hover,
770	QPushButton#printButton:hover, QPushButton#printPreviewButton:hover,
771	QPushButton#settingsButton:hover {
772	border-image: url(%stylesPath%toolbarButton_hover.png) 3 3 3 3 stretch;
773	border-width: 3px 3px 3px 3px;
774	}
775	QPushButton#addUsersButton:pressed, QPushButton#deleteUsersButton:pressed,
776	QPushButton#addClientsButton:pressed, QPushButton#deleteClientsButton:pressed,
777	QPushButton#addWsButton:pressed, QPushButton#deleteWsButton:pressed,
778	QPushButton#addArticlesButton:pressed, QPushButton#deleteArticlesButton:pressed,
779	QPushButton#addWebcamsButton:pressed, QPushButton#deleteWebcamsButton:pressed,
780	QPushButton#printButton:pressed, QPushButton#printPreviewButton:pressed,
781	QPushButton#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 **/
787	QStackedWidget#wsStackedWidget {
788	background-image: url(%stylesPath%workstationWidgetBg.png);
789	background-repeat: no repeat;
790	border: 0px;
791	}
792	QStackedWidget#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 */
799	QPushButton#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	}
806	QPushButton#wsSettingsButton:hover {
807	background: url(%stylesPath%wsToolbarButton1_hover.png) no-repeat center;
808	}
809	QPushButton#wsSettingsButton:pressed {
810	background: url(%stylesPath%wsToolbarButton1_pressed.png) no-repeat center;
811	}
812
813	QPushButton#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	}
820	QPushButton#wsOthersButton:hover {
821	background: url(%stylesPath%wsToolbarButton2_hover.png) no-repeat center;
822	}
823	QPushButton#wsOthersButton:pressed {
824	background: url(%stylesPath%wsToolbarButton2_pressed.png) no-repeat center;
825	}
826
827	QPushButton#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	}
834	QPushButton#wsChatButton:hover {
835	background: url(%stylesPath%wsToolbarButton3_hover.png) no-repeat center;
836	}
837	QPushButton#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 */
842	QPushButton#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	}
849	QPushButton#backButton1:hover, QPushButton#backButton2:hover, QPushButton#backButton3:hover, QPushButton#webcamBackButton:hover {
850	background: url(%stylesPath%widgetButtonSmall_hover.png) no-repeat center;
851	}
852	QPushButton#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*/
857	QLabel#wsUserLabel, QLabel#wsTimeLabel, QLabel#wsCreditLabel, QLabel#wsOthersLabel, QLabel#wsTotalLabel,
858	QLabel#webcamNameLabel, QLabel#webcamDescriptionLabel, QLabel#webcamUrlLabel {
859	color: #ffffff;
860	}
861
862	/* Botones de acciones de los Puestos */
863	QPushButton#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	}
870	QPushButton#pauseButton:hover, QPushButton#blockButton:hover, QPushButton#restartButton:hover, QPushButton#powerButton:hover {
871	background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
872	}
873	QPushButton#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 */
878	QPushButton#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	}
885	QPushButton#wsSaveButton:hover {
886	background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
887	}
888	QPushButton#wsSaveButton:pressed {
889	background: url(%stylesPath%widgetButton_pressed.png) no-repeat center;
890	}
891
892	/* Página de "Configuración" del stackedWidget */
893	QLabel#settingsLabel, QLabel#wsNameLabel, QLabel#wsDescriptionLabel, QLabel#wsIpLabel {
894	color: #ffffff;
895	}
896
897	/* Página de "Otros gastos" del stackedWidget */
898	QLabel#addsLabel {
899	color: #ffffff;
900	}
901
902	/* Página de "Soporte/chat" del stackedWidget */
903	QLabel#chatLabel {
904	color: #ffffff;
905	}
906
907	QTextEdit#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 */
918	QLabel#articleImagePreview {
919	border-radius: 5px;
920	border: 1px solid #3882cc;
921	background: #d7e2f5;
922	}
923
924	/** Módulo VideoStreamimg **/
925	QStackedWidget#webcamStackedWidget {
926	background-image: url(%stylesPath%webcamWidgetBg.png);
927	background-repeat: no repeat;
928	border: 0px;
929	}
930	QStackedWidget#webcamStackedWidget:focus {
931	background-image: url(%stylesPath%webcamWidgetBg_focus.png);
932	background-repeat: no repeat;
933	border: 0px;
934	}
935
936	/* Botones control webcam */
937	QPushButton#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	}
944	QPushButton#webcamPlayButton:hover, QPushButton#webcamStopButton:hover, QPushButton#webcamSettingsButton:hover, QPushButton#webcamRecordButton:hover {
945	background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
946	}
947	QPushButton#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 */
952	QPushButton#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	}
959	QPushButton#webcamRemoveButton:hover, QPushButton#webcamCancelButton:hover, QPushButton#webcamSaveButton:hover {
960	background: url(%stylesPath%widgetButton_hover.png) no-repeat center;
961	}
962	QPushButton#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 */
967	QLabel#settingsTitleLabel{
968	color: #ffffff;
969	font-weight: bold;
970	}
971
972	QLabel#settingsUrlLabel, QLabel#settingsIdLabel {
973	color: #ffffff;
974	}
975
976
977	/** Login **/
978	/* Mensaje de error del Login */
979	QLabel#loginError {
980	color: #d40000;
981	}
982
983
984	/** Módulo Documentación **/
985	/* Botones barra de herramientas */
986	QPushButton#docsBackButton, QPushButton#docsForwardButton, QPushButton#docsRefreshButton, QPushButton#docsHomeButton,
987	QPushButton#docsPrinterButton, QPushButton#docsPrintPreviewButton {
988	border-image: none;
989	border: 0px;
990	padding: 0px;
991	}
992	QPushButton#docsBackButton:hover, QPushButton#docsForwardButton:hover, QPushButton#docsRefreshButton:hover,
993	QPushButton#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	}
997	QPushButton#docsBackButton:pressed, QPushButton#docsForwardButton:pressed, QPushButton#docsRefreshButton:pressed,
998	QPushButton#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 */
1006	QPushButton#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	}
1013	QPushButton#notifyCloseButton:hover {
1014	background: url(%stylesPath%notityWindowClose_hover.png) no-repeat center;
1015	}
1016	QPushButton#notifyCloseButton:pressed {
1017	background: url(%stylesPath%notityWindowClose_pressed.png) no-repeat center;
1018	}
1019
1020	/* Título y texto de la ventana */
1021	QLabel#notifyTittleLabel {
1022	color: #444444;
1023	font-weight: bold;
1024	}
1025
1026	QLabel#notifyTextLabel {
1027	}