Documentación de Velneo
Buscar…
31
Velneo
Velneo vDevelop
Velneo vAdmin
Velneo vServer
Velneo vInstallBuilder
Velneo vModApache
Velneo vDataClient
Velneo vTranslator
Velneo ODBC Driver
Velneo vVersion
Velneo vERP
Velneo vTutor
Velneo cloud
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.
Es aplicable a los comandos de instrucción de proceso interfaz: establecer hoja de estilo CSS, interfaz: establecer hoja de estilo CSS filescript y a la creación de CSS para aplicar a objetos en edición.
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