.v-textfield { line-height: normal; height: 19px; border: 1px solid #bcbdbe; border-top-color: #a2a3a4; border-bottom-color: #d2d3d4; background: #fff; background-repeat: repeat-x; background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */ border-radius: 3px; -moz-border-radius: 3px; } /* Need more specific selector because of #2384 fixes in base/common/common.css */ .v-app input.v-textfield { padding: 3px 3px 0 3px; } /* Textfield on blue background */ .blue .v-textfield { border-color: #92a2aa; border-top-color: #7c8a90; border-bottom-color: #a1b3bc; } .v-app .v-textfield-focus, .v-window .v-textfield-focus, .v-popupview-popup .v-textfield-focus { border-color: #5b97d0; border-top-color: #4f83b4; border-bottom-color: #5ca0df; outline: none; } input.v-textfield-prompt { font-style: normal; color: #999; } /* Capable browsers get fancier border images */ .v-sa input.v-textfield, .v-ff35 input.v-textfield { border-radius: 0; -moz-border-radius: 0; border: none; background: transparent; border-width: 0 3px 0 3px; padding: 4px 0 0 0; height: 20px; -webkit-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch; -moz-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch; -o-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch; } .v-sa input.v-textfield-focus, .v-ff35 input.v-textfield-focus { -webkit-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -moz-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -o-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; } /* Small style textfield */ .v-app input.v-textfield-small, .v-sa input.v-textfield-small, .v-ff35 input.v-textfield-small { font-size: 11px; height: 15px; } .v-sa input.v-textfield-small, .v-ff35 input.v-textfield-small { height: 16px; }