Estilo CSS Velneo


([N3] GSI) #1

Buenas, hace un tiempo encontre por aqui el estilo que aplica velneo en el vBase creo que es, y me gustaria usarlo, pero solo en parte, es decir, en concreto me gustaria que las flechas de arriba y abajo de lo campos numericos por ejemplo las dejase como están por defecto, pero modificandolo no lo consigo, alguna idea? Os dejo el codigo por aqui, un saludo.
/* - - - - - - - - - - - - - - - - CAJA DE EDICION (TEXTO, FECHA, ETC…)- - - - - - - - - - - - - - - - - - - - - */
QLineEdit, QTextEdit {
padding: 2px;
border-width: 1px;
border-style: solid;
border-color: #CECECE;
color: #333333;
selection-background-color: #6CA3EB;
selection-color: #333333;
}
QLineEdit:hover, QTextEdit:hover {
border-width: 1px;
border-style: solid;
border-color: #999999;
}
QLineEdit:focus, QTextEdit:focus {
padding: 2px;
border-width: 1px;
border-color: #6CA3EB;
background: #F0F7FF;
}
QLineEdit:disabled, QTextEdit:disabled {
background: #CCCCCC;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
VBoundFieldEdit, QDoubleSpinBox, QSpinBox, QTimeEdit,
QNumberSpinBox, QListBox, QDateEdit, QDateTime, QDateTimeEdit,
QComboBox {
padding: 2px;
border-width: 1px;
border-style: solid;
border-color: #CECECE;
color: #333333;
selection-background-color: #B5D5FF;
selection-color: #333333;
background: #FFF;
}
VBoundFieldEdit:hover, QDoubleSpinBox:hover, QSpinBox:hover,
QTimeEdit:hover, QNumberSpinBox:hover, QListBox:hover,
QDateEdit:hover, QDateTime:hover, QDateTimeEdit:hover,
QComboBox:hover {
border-color: #999999;
}
VBoundFieldEdit:focus, QDoubleSpinBox:focus, QSpinBox:focus,
QTimeEdit:focus, QNumberSpinBox:focus, QListBox:focus,
QDateEdit:focus, QDateTime:focus, QDateTimeEdit:focus,
QComboBox:focus {
padding: 2px;
border-width: 1px;
border-color: #A7C6EE;
background: #F0F7FF;
}
VBoundFieldEdit:disabled, QDoubleSpinBox:disabled,
QSpinBox:disabled, QTimeEdit:disabled, QNumberSpinBox:disabled,
QListBox:disabled, QDateEdit:disabled, QDateTime:disabled,
QDateTimeEdit:disabled,
QComboBox:disabled {
background: #CCCCCC;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
VBoundFieldEdit::up-button, QDoubleSpinBox::up-button, QSpinBox::upbutton,
QTimeEdit::up-button, QNumberSpinBox::up-button,
QListBox::up-button, QDateEdit::up-button, QDateTime::up-button ,
QDateTimeEdit::up-button, QComboBox::up-button {
width: 10px;
border-bottom: 2px solid #FFF;
background: #CECECE;
}
VBoundFieldEdit::up-arrow, QDoubleSpinBox::up-arrow, QSpinBox::uparrow,
QTimeEdit::up-arrow, QNumberSpinBox::up-arrow, QListBox::uparrow,
QDateEdit::up-arrow, QDateTime::up-arrow , QDateTimeEdit::uparrow,
QComboBox::up-arrow {
height: 10px;
width: 10px;
background: #b3b3b3;
}
VBoundFieldEdit::up-arrow:hover, QDoubleSpinBox::up-arrow:hover,
QSpinBox::up-arrow:hover, QTimeEdit::up-arrow:hover,
QNumberSpinBox::up-arrow:hover, QListBox::up-arrow:hover,
QDateEdit::up-arrow:hover,
QDateTime::up-arrow:hover , QDateTimeEdit::up-arrow:hover,
QComboBox::up-arrow:hover {
background-color: #727272;
}
VBoundFieldEdit::down-button, QDoubleSpinBox::down-button,
QSpinBox::down-button, QTimeEdit::down-button, QNumberSpinBox::downbutton,
QListBox::down-button, QDateEdit::down-button,
QDateTime::down-button,
QDateTimeEdit::down-button, QComboBox::down-button {
width: 10px;
background-color: #CECECE;
}
VBoundFieldEdit::down-arrow, QDoubleSpinBox::down-arrow,
QSpinBox::down-arrow, QTimeEdit::down-arrow, QNumberSpinBox::downarrow,
QListBox::down-arrow, QDateEdit::down-arrow, QDateTime::downarrow,
QDateTimeEdit::down-arrow, QComboBox::down-arrow {
height: 10px;
width: 10px;
background: #b3b3b3;
}
VBoundFieldEdit::down-arrow:hover, QDoubleSpinBox::down-arrow:hover,
QSpinBox::down-arrow:hover, QTimeEdit::down-arrow:hover,
QNumberSpinBox::down-arrow:hover, QListBox::down-arrow:hover,
QDateEdit::downarrow:
hover, QDateTime::down-arrow:hover, QDateTimeEdit::downarrow:
hover, QComboBox::down-arrow:hover {
background: #727272;
}
QComboBox QAbstractItemView {
border: 1px solid #CECECE;
selection-background-color: #CECECE;
selection-color: #000;
}
QDateTime:disabled {
background-color: red;
}
NOTA: SOLO CON FLECHA HACIA ABAJO
VBoundFieldEdit::drop-down, QDateTime::drop-down ,
QDateTimeEdit::drop-down, QComboBox::drop-down {
width: 10px;
background: #CECECE;
}


([N1] aztecmexico) #2

Si funciona el código, pero no lo copies directo de la página web de Velneo, ni de los pdf de las guías publicadas, ya que se copian caracteres no imprimibles (y no visibles) que ocasionan que no funcione.

Cópialo directamente de la open app de vBase o transcribelo tú mismo y va a funcionar.

Saludos.

Martin Ibarra.


([N3] GSI) #3

Gracias por responder aztecmexico, lo que dices lo se y asi lo hice, creo que me he explicado mal, perdón si he creado confusión.
Aver, el código funciona perfectamente, de hecho le he hecho algunos apaños para ponerlo mas a mi gusto, pero lo que yo quiero hacer (no se si es posible) es manteniendo este estilo, dejar las flechas de los combos o los campos numericos como salen por defecto, es decir como si no tuvieran el estilo, pero que lo demas si lo este, espero explicarme algo mejor con esta aclaracion, un saludo y gracias :slight_smile: