31
Ejemplo de CSS
A continuación facilitamos una CSS de ejemplo donde se pueden ver documentados y personalizados los objetos visuales y controles de una aplicación Velneo. Esta CSS es un buen recurso formativo sobre la personalización de objetos y controles de aplicaciones Velneo.
1
/* --------------------------------------------------------------------------------
2
VERSION: 26.0
3
AUTOR: VELNEO
4
ULTIMA MODIFICACION: 01 Octubre 2019
5
6
INDICE
7
- QCalendarWidget CALENDARIO
8
- QCheckBox BOTON CHECK
9
- QComboBox COMBOBOX
10
- QDateEdit CAJA DE EDICIÓN DE CAMPO FECHA MODO DE EDICIÓN FECHA
11
- QDateTime CAJA DE VISUALIZACIÓN CAMPO FECHA Y HORA
12
- QDateTimeEdit CAJA DE EDICIÓN DE CAMPO FECHA Y HORA
13
- QDialog VENTANA EN CUADRO DE DIÁLOGO
14
- QDockWidget DOCK
15
- QDoubleSpinBox CAJA DE EDICIÓN DE CAMPO NUMÉRICO CON BOTONES ARRIBA Y ABAJO
16
- QFrame MARCO
17
- QGroupBox CAJA DE GRUPO
18
- QHeaderView CABECERA DE REJILLAS Y ÁRBOLES
19
- QLabel ETIQUETA DE TEXTO
20
- QLineEdit CAJA DE EDICIÓN DE TEXTO EN UNA LINEA
21
- QMainWindow VENTANA PRINCIPAL
22
- QMenu MENU CONTEXTUAL
23
- QMenuBar BARRA DE MENU (Solo afecta a Windows)
24
- QMessageBox VENTANA DE MENSAJE
25
- QNumberSpinBox CAJA DE EDICIÓN DE CAMPO NUMÉRICO CON BOTONES ARRIBA Y ABAJO
26
- QProgressBar BARRA DE PROGRESO
27
- QPushButton BOTÓN
28
- QRadioButton BOTÓN DE RADIO
29
- QScrollBar BARRA DE SCROLL VERTICAL Y HORIZONTAL
30
- QSlider DESLIZADOR
31
- QSpinBox CAJA DE EDICIÓN DE CAMPO NUMÉRICO CON UN BOTÓN
32
- QSplitter SPLITTER
33
- QStatusBar BARRA DE ESTADO
34
- QTabWidget SEPARADOR DE FORMULARIOS (PESTAÑAS)
35
- QTableView REJILLA
36
- QTextEdit CAJA DE EDICIÓN DE TEXTO MULTI-LINEA
37
- QTimeEdit CAJA DE EDICIÓN DE HORA
38
- QTitanGrid REJILLA AVANZADA
39
- QToolBar BARRA DE HERRAMIENTAS
40
- QTooltip TOOLTIP
41
- QTreeView QTREEVIEW - ARBOL VISOR Y MENU ARBOLADO
42
- QWidget#qt_calendar CALENDARIO
43
- VBoundFieldEdit CAJA DE EDICIÓN DE CAMPO PUNTERO A MAESTRO
44
- VDateLineEdit CAJA DE EDICIÓN DE CAMPO FECHA MODO DE EDICIÓN ALFANUMÉRICO
45
- VCFootView PIE DE REJILLA
46
- VListBox LISTBOX
47
-------------------------------------------------------------------------------- */
48
49
/* --------------------------------------------------------------------------------
50
QCheckBox - BOTÓN CHECK
51
QRadioButton - BOTÓN DE RADIO
52
-------------------------------------------------------------------------------- */
53
54
QCheckBox, QRadioButton {
55
color: #3F3F3F; }
56
57
QCheckBox:hover, QRadioButton:hover {
58
color: #461154; }
59
60
QCheckBox:focus, QRadioButton:focus {
61
color: #3F51B5; }
62
63
QCheckBox:disabled, QRadioButton:disabled {
64
color: #3F3F3F; }
65
66
/* --------------------------------------------------------------------------------
67
QComboBox - COMBOBOX
68
QDateEdit - CAJA DE EDICIÓN DE CAMPO FECHA MODO DE EDICIÓN FECHA
69
QDateTime - CAJA DE VISUALIZACIÓN CAMPO FECHA Y HORA
70
QDateTimeEdit - CAJA DE EDICIÓN DE CAMPO FECHA Y HORA
71
QDoubleSpinBox - CAJA DE EDICIÓN DE CAMPO NUMÉRICO CON BOTONES ARRIBA Y ABAJO
72
QNumberSpinBox - CAJA DE EDICIÓN DE CAMPO NUMÉRICO CON BOTONES ARRIBA Y ABAJO
73
QSpinBox - CAJA DE EDICIÓN DE CAMPO NUMÉRICO CON UN BOTÓN
74
QTimeEdit - CAJA DE EDICIÓN DE HORA
75
VBoundFieldEdit - CAJA DE EDICION DE CAMPO PUNTERO A MAESTRO
76
VDateLineEdit - CAJA DE EDICIÓN DE CAMPO FECHA MODO DE EDICIÓN ALFANUMÉRICO
77
VListBox - LISTBOX
78
-------------------------------------------------------------------------------- */
79
80
QComboBox, QDateEdit, VDateLineEdit, QDateTime, QDateTimeEdit, QDoubleSpinBox, QNumberSpinBox, QSpinBox, QTimeEdit, VBoundFieldEdit, vBoundFieldEditBrowser, VDateLineEdit,VListBox {
81
background-color: #FFFFFF;
82
border: 1px solid #DFDFDF;
83
color: #3F3F3F;
84
height: 30px;
85
padding-left: 5px;
86
padding-right: 0px;
87
selection-background-color: #DFDFDF;
88
selection-color: #3F51B5; }
89
90
QComboBox:hover, QDateEdit:hover, VDateLineEdit:hover, QDateTime:hover, QDateTimeEdit:hover, QDoubleSpinBox:hover, QNumberSpinBox:hover, QSpinBox:hover, QTimeEdit:hover, VBoundFieldEditBrowser:hover,VBoundFieldEdit:hover, VListBox:hover {
91
border: 1px solid #3F3F3F; }
92
93
QComboBox:focus, QDateEdit:focus, VDateLineEdit:focus, QDateTime:focus, QDateTimeEdit:focus, QDoubleSpinBox:focus, QNumberSpinBox:focus, QSpinBox:focus, QTimeEdit:focus, VBoundFieldEditBrowser:focus, VBoundFieldEdit:focus, VListBox:focus {
94
border: 1px solid #3F51B5; }
95
96
QComboBox:disabled, QDateEdit:disabled, VDateLineEdit:disabled, QDateTime:disabled, QDateTimeEdit:disabled, QDoubleSpinBox:disabled, QNumberSpinBox:disabled, QSpinBox:disabled, QTimeEdit:disabled, VBoundFieldEditBrowser:disabled,VBoundFieldEdit:disabled, VListBox:disabled {
97
background-color: #FFFFFF;
98
color: #3F3F3F; }
99
100
QDateEdit::up-button, VDateLineEdit::up-button, QDateTime::up-button, QDateTimeEdit::up-button, QTimeEdit::up-button, VBoundFieldEditBrowser::up-button, VBoundFieldEdit::up-button {
101
border: none;
102
image: url($sysCacheClientPath/ARR.png); }
103
104
QDateEdit::down-button, VDateLineEdit::down-button, QDateTime::down-button, QDateTimeEdit::down-button, QTimeEdit::down-button, VBoundFieldEditBrowser::down-button, VBoundFieldEdit::down-button {
105
border: none;
106
image: url($sysCacheClientPath/ABA.png); }
107
108
QComboBox::drop-down, QDateEdit::drop-down, VDateLineEdit::drop-down, QDateTime::drop-down, QDateTimeEdit::drop-down, VBoundFieldEditBrowser::drop-down, VBoundFieldEdit::drop-down, QTimeEdit::drop-down {
109
border: none;
110
image: url($sysCacheClientPath/ABA.png);
111
width: 13px; }
112
113
/* EN PRINCIPIO NO AFECTAN */
114
115
QNumberSpinBox:up-button, QDoubleSpinBox:up-button, QSpinBox:up-button {
116
border: none;
117
image: url($sysCacheClientPath/ARR.png); }
118
119
QNumberSpinBox:down-button, QDoubleSpinBox:down-button, QSpinBox:down-button {
120
border: none;
121
image: url($sysCacheClientPath/ABA.png); }
122
123
/* --------------------------------------------------------------------------------
124
QDockWidget - DOCK
125
-------------------------------------------------------------------------------- */
126
127
QDockWidget {
128
color: transparent;
129
font-size: 10px;
130
min-width:10px;
131
width: 210px; }
132
133
QDockWidget::title {
134
background: #FFFFFF;
135
color: #808080;
136
margin: 0px;
137
padding: 0px;
138
text-align: center; }
139
140
QDockWidget::close-button {
141
image: none;
142
position: absolute;
143
subcontrol-origin: margin;
144
subcontrol-position: top right;
145
top: 0px; left: 0px; bottom: 0px;
146
width: 0px; }
147
148
QDockWidget::float-button {
149
image: none;
150
position: absolute;
151
subcontrol-origin: margin;
152
subcontrol-position: top right;
153
top: 0px; left: 0px; bottom: 0px;
154
width: 0px; }
155
156
/* --------------------------------------------------------------------------------
157
QFrame - MARCO
158
-------------------------------------------------------------------------------- */
159
160
QFrame {
161
background: #FFFFFF;
162
border: 0px; }
163
164
/* --------------------------------------------------------------------------------
165
QGroupBox - CAJA DE GRUPO
166
-------------------------------------------------------------------------------- */
167
168
QGroupBox {
169
border: 1px solid #DFDFDF;
170
border-radius: 5px;
171
font-size: 12px;
172
font-weight: bold;
173
margin-top: 20px;
174
padding: 5px; }
175
176
QGroupBox::title {
177
color: #3F3F3F;
178
padding-top: -5px;
179
padding-left: 5px;
180
subcontrol-origin: margin; }
181
182
/* --------------------------------------------------------------------------------
183
QHeaderView - CABECERA DE REJILLAS Y ARBOLES
184
-------------------------------------------------------------------------------- */
185
186
QHeaderView::section:horizontal {
187
background: #FFFFFF;
188
border: none;
189
border-bottom: 1px solid #3F3F3F;
190
border-right: 5px solid transparent;
191
color: #3F3F3F;
192
font-weight: bold;
193
margin-top: 10px;
194
min-height: 20px; }
195
196
/* --------------------------------------------------------------------------------
197
QLabel - ETIQUETA DE TEXTO
198
-------------------------------------------------------------------------------- */
199
200
QLabel {
201
background-color: transparent;
202
color: #808080;
203
font-size: 11px; }
204
205
/* TITULOS DE LOS FORMULARIOS Y MENUS */
206
207
QLabel#TXT_TIT {
208
font-size: 24px; }
209
210
QLabel#EMP {
211
font-size: 16px; }
212
213
QLabel#USR {
214
font-size: 12px; }
215
216
/* MENSAJE ERROR */
217
218
QLabel#NAME_VAC, QLabel#EML_ERR {
219
alignement: right;
220
background: transparent;
221
color: #E27249;
222
font-size: 10px;
223
text-transform: uppercase;
224
padding-left: -1px;
225
padding-top: 1px; }
226
227
/* MENSAJE DUPLICADO*/
228
229
QLabel#NAME_DUP, QLabel#EML_DUP {
230
alignement: right;
231
background: transparent;
232
color: #6388C1;
233
font-size: 10px;
234
padding-top: 1px;
235
text-transform: uppercase; }
236
237
/* --------------------------------------------------------------------------------
238
QLineEdit - CAJA DE EDICIÓN DE TEXTO EN UNA LINEA
239
QTextEdit - CAJA DE EDICIÓN DE TEXTO MULTI-LINEA
240
-------------------------------------------------------------------------------- */
241
242
QLineEdit, QTextEdit {
243
background-color: #FFFFFF;
244
border: 1px solid #DFDFDF;
245
color: #3F3F3F;
246
height: 30px;
247
padding-left: 2px;
248
selection-background-color: #DFDFDF;
249
selection-color: #3F51B5; }
250
251
QLineEdit:hover, QTextEdit:hover {
252
border: 1px solid #3F3F3F; }
253
254
QLineEdit:focus, QTextEdit:focus {
255
border: 1px solid #3F51B5; }
256
257
QLineEdit:disabled, QTextEdit:disabled {
258
background-color: #FFFFFF;
259
color: #3F3F3F; }
260
261
/* CONTROL DE EDICIÓN DE TEXTOS A BUSCAR EN MENUS */
262
263
QLineEdit#TXT_BUS {
264
qproperty-placeholderText: 'Texto a buscar'; }
265
266
/* FORMULARIO ALTA CONTACTO > TEXTO EDIT NOMBRE Y NOMBRE COMERCIAL */
267
268
QLineEdit#NAME_CON {
269
qproperty-placeholderText: 'Nombre contacto';
270
qproperty-text: 'Nombre contacto'; }
271
272
QLineEdit#NOM_COM {
273
margin-left: 10px; }
274
275
/* --------------------------------------------------------------------------------
276
QMainWindow - VENTANA PRINCIPAL
277
-------------------------------------------------------------------------------- */
278
279
QMainWindow {
280
background: #FFFFFF;
281
border: 0px; }
282
283
QMainWindow::separator {
284
background: #FFF;
285
border-left: 1px solid #CECECE;
286
border-right: 1px solid #CECECE;
287
height: 5px;
288
width: 5px; }
289
290
QMainWindow::separator:hover {
291
background: #CECECE; }
292
293
/* --------------------------------------------------------------------------------
294
QMenu - MENU CONTEXTUAL
295
-------------------------------------------------------------------------------- */
296
297
QMenu {
298
background-color: #FFF;
299
border: 1px solid #CECECE;
300
color: #333333;
301
margin: 0px;
302
padding: 5px; }
303
304
QMenu::item {
305
border: 1px solid transparent;
306
margin: 1px;
307
padding: 5px 30px 5px 20px; }
308
309
QMenu::item:selected {
310
background-color: #CECECE;
311
color:#000; }
312
313
QMenu::separator {
314
background-color: #CECECE;
315
height: 1px;
316
margin: 0px; }
317
318
/* --------------------------------------------------------------------------------
319
QMenuBar - BARRA DE MENU (Solo afecta a Windows)
320
-------------------------------------------------------------------------------- */
321
322
QMenuBar {
323
background-color: #FFF;
324
border-bottom: 1px solid #CECECE;
325
min-height:20px; }
326
327
QMenuBar::item:selected {
328
background-color: #CECECE;
329
color: #000; }
330
331
QMenuBar::item:hover {
332
background: #333333;
333
color: #FFF; }
334
335
/* --------------------------------------------------------------------------------
336
QMessageBox - VENTANA DE MENSAJE
337
QDialog - VENTANA EN CUADRO DE DIÁLOGO
338
-------------------------------------------------------------------------------- */
339
340
QMessageBox, QDialog {
341
background-color: #FFF; }
342
343
QMessageBox QPushButton {
344
min-width: 90px; }
345
346
/* --------------------------------------------------------------------------------
347
QProgressBar - BARRA DE PROGRESO
348
-------------------------------------------------------------------------------- */
349
350
QProgressBar {
351
background-color: #FFF;
352
border: 1px solid #E0E0E0;
353
border-radius: 2px;
354
color: #3F3F3F;
355
height: 30px;
356
text-align: center; }
357
358
QProgressBar::chunk {
359
background-color: #C5CAE9; }
360
361
/* --------------------------------------------------------------------------------
362
QPushButton - BOTÓN
363
-------------------------------------------------------------------------------- */
364
365
QPushButton {
366
background-color: #FFFFFF;
367
border: 1px solid #DFDFDF;
368
color: #3F3F3F;
369
font-size: 12px;
370
font-weight: bold;
371
height: 30px;
372
line-height: 16px;
373
text-align: center;
374
text-transform: upercase;
375
width: 90;
376
qproperty-iconSize: 18px; }
377
378
QPushButton:hover {
379
border: 1px solid #3F3F3F; }
380
381
QPushButton:focus {
382
border: 1px solid #3F51B5;
383
color: #3F3F3F; }
384
385
QPushButton:pressed {
386
border: 1px solid #3F51B5;
387
color: #3F3F3F; }
388
389
QPushButton:disabled {
390
background-color: #FFFFFF;
391
border: 1px solid #808080;
392
color: #808080; }
393
394
QPushButton::menu-indicator {
395
image: none;
396
width: 0px; }
397
398
/* BOTÓN ACEPTAR */
399
400
QPushButton#BTN_ACE {
401
background-color: #3F51B5;
402
color: #FFFFFF; }
403
404
QPushButton:hover#BTN_ACE {
405
background-color: #3F51B5;
406
color: #FFFFFF; }
407
408
QPushButton:focus#BTN_ACE {
409
background-color: #461154;
410
color: #FFFFFF; }
411
412
QPushButton:pressed#BTN_ACE {
413
background-color: #461154;
414
color: #FFFFFF; }
415
416
QPushButton:disabled#BTN_ACE {
417
background-color: #3F3F3F;
418
border: 1px solid #3F3F3F;
419
color: #808080; }
420
421
/* BOTÓN AMPLIAR, BOTÓN BUSCAR, BOTÓN MENU y BOTÓN REDUCIR */
422
423
QPushButton#BTN_AMP, QPushButton#BTN_AYU, QPushButton#BTN_BUS, QPushButton#BTN_MEN, QPushButton#BTN_RED {
424
border-radius: 0px;
425
qproperty-iconSize: 18px; }
426
427
/* --------------------------------------------------------------------------------
428
QScrollBar - BARRA DE SCROLL VERTICAL Y HORIZONTAL
429
-------------------------------------------------------------------------------- */
430
431
QScrollBar:vertical {
432
background: #FFFFFF;
433
border-radius: 6px;
434
padding-left: 2px;
435
padding-right: 2px;
436
width: 12px; }
437
438
QScrollBar:horizontal {
439
background: #FFFFFF;
440
border-radius: 6px;
441
padding-bottom: 2px;
442
padding-top: 2px;
443
height: 12px; }
444
445
QScrollBar:vertical:hover {
446
background: #FFFFFF; }
447
448
QScrollBar:horizontal:hover {
449
background: #FFFFFF; }
450
451
QScrollBar::handle:vertical {
452
background: #DFDFDF;
453
border: 2px solid transparent;
454
border-radius: 4px;
455
min-height: 90px; }
456
457
QScrollBar::handle:horizontal {
458
background: #DFDFDF;
459
border: 2px solid transparent;
460
border-radius: 4px;
461
min-width: 90px; }
462
463
QScrollBar::handle:hover {
464
background: #808080;
465
border: 2px solid transparent; }
466
467
QScrollBar::add-line:vertical {
468
background: none;
469
border: none; }
470
471
QScrollBar::sub-line:vertical {
472
background: none;
473
border: none; }
474
475
QScrollBar::add-line:horizontal {
476
background: none;
477
border: none; }
478
479
QScrollBar::sub-line:horizontal {
480
background: none;
481
border: none; }
482
483
/* --------------------------------------------------------------------------------
484
QScrollBar - Recuadro de intersección entre las scrollbar horizontal y vertical
485
-------------------------------------------------------------------------------- */
486
487
QAbstractScrollArea::corner {
488
background: transparent;
489
border: transparent; }
490
491
/* --------------------------------------------------------------------------------
492
QSlider - DESLIZADOR
493
-------------------------------------------------------------------------------- */
494
495
QSlider {
496
background: transparent; }
497
498
/* --------------------------------------------------------------------------------
499
QSplitter - SPLITTER
500
-------------------------------------------------------------------------------- */
501
502
QSplitter {
503
background: transparent; }
504
505
/* --------------------------------------------------------------------------------
506
QStatusBar - BARRA DE ESTADO
507
-------------------------------------------------------------------------------- */
508
509
QStatusBar {
510
background-color: #FFFFFF;
511
border-top: 1px solid #DFDFDF;
512
qproperty-visible: false; }
513
514
/* --------------------------------------------------------------------------------
515
QTabWidget - SEPARADOR DE FORMULARIOS (Pestañas)
516
-------------------------------------------------------------------------------- */
517
518
QTabWidget::pane {
519
border-top: 1px solid #3F3F3F;
520
margin:0px;
521
top: 10px; }
522
523
QTabWidget::tab-bar {
524
left: 10px;
525
min-width: 10px;
526
right: 10px;
527
top: 10px; }
528
529
QTabBar::tab {
530
background-color: #FFFFFF;
531
color: #808080;
532
font-weight: normal;
533
margin-left: 5px;
534
margin-right: 10px;
535
padding-bottom: 3px;
536
padding-left: 5px;
537
padding-right: 5px;
538
padding-top: 5px; }
539
540
QTabBar::tab:hover {
541
border-top: 1px solid #DFDFDF; }
542
543
QTabBar::tab:selected {
544
color: #3F51B5;
545
border-bottom: 2px solid #3F51B5; }
546
547
QTabBar::close-button {
548
image: url($sysCacheClientPath/CRR.png);
549
margin: 3px; }
550
551
QTabBar::scroller {
552
padding-top: 10px;
553
width:15px;}
554
555
QTabBar QToolButton::left-arrow {
556
image: url($sysCacheClientPath/IZQ.png);
557
width:15px;}
558
559
QTabBar QToolButton::right-arrow {
560
image: url($sysCacheClientPath/DER.png);
561
width:15px;}
562
563
/* --------------------------------------------------------------------------------
564
QTableView - REJILLA
565
VCFootView - PIE DE REJILLA
566
-------------------------------------------------------------------------------- */
567
568
/* Se puede personalizar la fuente del cuerpo de una rejilla
569
únicamente cuando ésta tiene asignada la fuente sistema(normal)
570
y el color del texto es de sistema (es decir, no se ha modificado el valor por defecto de la propiedad) */
571
572
/* CABECERA DE REJILLA */
573
574
QTableView {
575
alternate-background-color: transparent;
576
background-color: white;
577
border: none;
578
border-bottom: 1px solid #BDBDBD;
579
color: #808080;
580
font-weight: normal;
581
gridline-color: transparent;
582
min-height: 30px;
583
selection-background-color: #DFDFDF;
584
selection-color: #3F51B5;
585
qproperty-showGrid: false; }
586
587
QTableView QTableCornerButton::section {
588
background-color: transparent;
589
border: 0px; }
590
591
QTableView::item:focus {
592
min-height: 30px;
593
selection-background-color: #DFDFDF;
594
selection-color: #3F51B5; }
595
596
/* PIE DE REJILLA */
597
598
VCFootView {
599
background: transparent;
600
border: none;
601
border-right: 5px solid transparent;
602
color: #3F3F3F;
603
min-height: 30px; }
604
605
VCFootView::section:active {
606
background: transparent;
607
border: none;
608
border-right: 5px solid transparent; }
609
610
VCFootView::section:!active {
611
background: transparent;
612
border: none;
613
border-right: 5px solid transparent; }
614
615
/* --------------------------------------------------------------------------------
616
QTitanGrid - REJILLA AVANZADA
617
-------------------------------------------------------------------------------- */
618
619
/* MARCO DE LA REJILLA */
620
621
Qtitan--Grid {
622
padding: 1px;
623
margin: 1px;
624
border: 1px solid #3F51B5;
625
border-style: none;
626
gridline-color: #DFDFDF;
627
628
/* COLOR DE FONDO Y FONDO PAR DE FILAS */
629
background-color: #FFFFFF; /* Fondo de la rejilla */
630
alternate-background-color: #FFFFFF; /* Color de las líneas impares */
631
632
/* COLOR DE LA FILA SELECCIONADA */
633
selection-color: #808080; /* Color del texto del registro seleccionado */
634
selection-background-color: #DFDFDF; /* Background del registro seleccionado */
635
636
/* AERA DE LOS AGRUPAMIENTOS */
637
qproperty-headerHeight: 30; /* Altura de la cabecera de agrupación */
638
qproperty-headerTextColor: #808080; /* Texto informativo de la cabecera de agrupamiento */
639
qproperty-headerBrush: #FFFFFF; /* Color de la franja de agrupamiento */
640
qproperty-headerBorderColor: #FFFFFF ; /* Color del borde */
641
qproperty-headerBorderSize: 0; /* Tamaño del borde */
642
qproperty-headerBorderStyle: dot-dash;
643
/* La fuente se puede establecer de dos formas. Con headerTextFont que requiere un formato concreto
644
o indicando la familia y el tamaño en dos propiedades*/
645
/*qproperty-headerTextFont: "Verdana,-1,20,5,0,0,0,0,0,0";*/
646
qproperty-headerTextFontSize: 12; /* Tamaño de la fuente */
647
qproperty-headerTextFontFamily: "Verdana";
648
649
/* AGRUPAMIENTOS */
650
qproperty-groupColorLevel0: #757575; /* Color de fondo según el nivel de agrupamiento */
651
qproperty-groupColorLevel1: #3F51B5;
652
qproperty-groupColorLevel2: #DFDFDF;
653
qproperty-groupColorLevel3: #3F3F3F;
654
qproperty-groupColorLevel4: magenta;
655
qproperty-groupColorLevel5: white;
656
qproperty-groupColorLevel6: white;
657
qproperty-groupColorLevel7: white;
658
659
/* NIVEL DE DESPLIEGUE DE AGRUPAMIENTOS */
660
qproperty-keepGroupLevelExpanded: 3;
661
662
/* PIES DE GRUPO */
663
qproperty-summaryGroupItemTextColor: red; /* No está operativo en la versión 26 */
664
qproperty-summaryGroupItemBackgroundColor: #FFFFFF;
665
qproperty-summaryGroupItemHeight: 30;
666
qproperty-summaryGroupItemBorderColor: #3F3F3F;
667
qproperty-summaryGroupItemBorderSize: 1;
668
qproperty-summaryGroupItemBorderStyle: native;
669
670
/* PIES DE REJILLA */
671
qproperty-summaryItemTextColor: blue; /* No está operativo en la versión 26 */
672
qproperty-summaryItemBackgroundColor: #FFFFFF;
673
qproperty-summaryItemHeight: 30;
674
qproperty-summaryItemBorderColor: #3F51B5;
675
qproperty-summaryItemBorderSize: 1;
676
qproperty-summaryItemBorderStyle: native;
677
678
/* ICONOS */
679
qproperty-sortAscendingIcon: url($sysCacheClientPath/ARR.png);
680
qproperty-sortDescendingIcon: url($sysCacheClientPath/ABA.png);
681
qproperty-focusRowIndicatorIcon: url($sysCacheClientPath/DER.png);
682
qproperty-columnFilterToolIcon: url($sysCacheClientPath/FLT_ON.png);
683
qproperty-columnFilterToolBoldIcon: url($sysCacheClientPath/FLT_OFF.png);
684
qproperty-filterCheckBoxOnIcon: url($sysCacheClientPath/ARR.png);
685
qproperty-filterCheckBoxOffIcon: url($sysCacheClientPath/ARR.png);
686
qproperty-editorPopupOkIcon: url($sysCacheClientPath/ARR.png);
687
qproperty-editorPopupCancelIcon: url($sysCacheClientPath/CRR.png);
688
qproperty-editorPopupCrossIcon: url($sysCacheClientPath/ARR.png);
689
690
/* LÍNEA DE COLUMNAS INMOVILIZADAS */
691
qproperty-fixedSeparatorWidth: 3;
692
qproperty-fixedSeparatorColor: #3F51B5;
693
qproperty-fixedSeparatorStyle: dot-dash; }
694
695
/* CABECERA Y BANDA */
696
Qtitan--Grid::section {
697
color: #3F3F3F;
698
font-weight: bold;
699
border: none;
700
background-color: #FFFFFF; }
701
702
/* CABECERA CON FOCO */
703
Qtitan--Grid::section:focus {
704
background-color: #FFFFFF;
705
border: 1px solid #3F51B5; }
706
707
/* CELDAS */
708
Qtitan--Grid::item {
709
/*background-color: red;*/ /*Se aplica sobre los posibles colores asignados genéricamente en la rejilla al fondo o fondo par*/
710
}
711
712
/* CELDA CON FOCO */
713
Qtitan--Grid::item:focus {
714
background-color: #DFDFDF; /*Se aplica sobre los posibles colores asignados genéricamente en la rejilla al fondo o fondo par*/
715
border: 1px solid #FFFFFF; }
716
717
/* MARCO DEL FOCO Y CABECERA SELECCIONADA DE AGRUPACIÓN */
718
Qtitan--Grid:focus {
719
outline: 1px dotted #3F51B5; }
720
721
722
/* FILTRO RÁPIDO */
723
Qtitan--Grid > Qtitan--GridColumnFilterPopup, Qtitan--Grid > Qtitan--GridColumnFilterPopup *
724
{
725
background-color: #FFFFFF;
726
color: #3F3F3F ;
727
font: 12pt "Verdana"; }
728
729
/* SELECCIÓN DE CAMPOS */
730
Qtitan--Grid > Qtitan--GridColumnsQuickCustomization, Qtitan--Grid > Qtitan--GridColumnsQuickCustomization *
731
{
732
background-color: #FFFFFF;
733
color: #3F3F3F;
734
font: 12pt "Verdana"; }
735
736
/* --------------------------------------------------------------------------------
737
QToolBar - BARRA DE HERRAMIENTAS
738
-------------------------------------------------------------------------------- */
739
740
QToolBar {
741
background-color: transparent;
742
border: 0px;
743
padding: 0px;
744
spacing: 10px;
745
qproperty-iconSize: 18px; }
746
747
QToolButton {
748
background-color: #FFFFFF;
749
border: 1px solid #DFDFDF;
750
color: #808080;
751
margin-right: 0px;
752
min-height: 18px;
753
min-width: 18px;
754
padding: 5px;
755
qproperty-iconSize: 18px; }
756
757
QToolButton:hover {
758
border: 1px solid #3F3F3F; }
759
760
QToolButton:focus {
761
border: 2px solid #3F51B5; }
762
763
QToolButton:pressed {
764
border: 2px solid #3F51B5; }
765
766
QToolButton:disabled {
767
background-color: #FFFFFF;
768
border: 1px solid #808080;
769
color: #808080; }
770
771
QToolButton::menu-indicator {
772
background-color: transparent;
773
color: transparent; }
774
775
/* --------------------------------------------------------------------------------
776
QTooltip - TOOLTIP
777
-------------------------------------------------------------------------------- */
778
779
QToolTip {
780
align: center;
781
background-color: #DFDFDF;
782
border: 1px solid #DFDFDF;
783
color: #3F3F3F;
784
vertical-align:center; }
785
786
/* --------------------------------------------------------------------------------
787
QTreeView - ARBOL VISOR Y MENU ARBOLADO
788
-------------------------------------------------------------------------------- */
789
790
QTreeView {
791
outline: 0;
792
background-color: #FFFFFF;
793
selection-background-color: transparent;
794
show-decoration-selected: 1; }
795
796
QTreeView::item {
797
border-right: 0;
798
color: #808080;
799
margin-bottom:2px;
800
margin-right:10px;
801
margin-top: 1px;
802
padding-bottom:2px;
803
padding-top:1px; }
804
805
QTreeView::item:hover {
806
border-color: transparent;
807
color: #461154; }
808
809
QTreeView::item:selected {
810
color: #3F51B5; }
811
812
/* --------------------------------------------------------------------------------
813
QCalendarWidget - CALENDARIO
814
QWidget#qt_calendar - CALENDARIO
815
-------------------------------------------------------------------------------- */
816
817
QWidget#qt_calendar_navigationbar {
818
background-color: #FFFFFF;
819
qproperty-gridVisible: false; }
820
821
QWidget#qt_calendar_nextmonth {
822
background: #FFFFFF;
823
border: 1px solid #FFFFFF;
824
qproperty-icon: url($sysCacheClientPath/DER.png); }
825
826
QWidget#qt_calendar_prevmonth {
827
background: #FFFFFF;
828
border: 1px solid #FFFFFF;
829
qproperty-icon: url($sysCacheClientPath/IZQ.png); }
830
831
QWidget#qt_calendar_monthbutton, QWidget#qt_calendar_yearbutton {
832
background: #FFFFFF;
833
border: 1px solid #FFFFFF; }
834
835
QCalendarWidget {
836
min-width: 300px;
837
min-height: 260px;}
838
839
QCalendarWidget QSpinBox {
840
width: 35px;
841
font-size:12px;
842
color: #3F3F3F;
843
background-color: #FFFFFF; }
844
845
QCalendarWidget QSpinBox::up-button {
846
subcontrol-origin: border; subcontrol-position: top right; width:30px; }
847
848
QCalendarWidget QSpinBox::down-button {
849
subcontrol-origin: border; subcontrol-position: bottom right; width:30px; }
Copied!
Última actualización 6mo ago
Copiar enlace