.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; } .v-table input.v-textfield { margin-top: -3px; height: 15px; line-height: normal; } .v-ie .v-table input.v-textfield { padding-top: 1px; } /* Textfield on black background */ .black .v-textfield { border-color: #343536; border-top-color: #2a2a2b; border-bottom-color: #3a3b3c; background: #1b1d1e; background-image: url(img/bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */ color: #c9ccce; text-shadow: #000 0 0 1px; } .v-app .black .v-textfield-focus, .v-window .black .v-textfield-focus, .v-popupview-popup .black .v-textfield-focus { border-color: #4e6a80; border-top-color: #3a5163; border-bottom-color: #557086; } /* Capable browsers get fancier border images */ .v-sa .black input.v-textfield, .v-ff35 .black input.v-textfield { -webkit-border-image: url(img/bg-border-image-black.png) 0 3 0 3 stretch stretch; -moz-border-image: url(img/bg-border-image-black.png) 0 3 0 3 stretch stretch; -o-border-image: url(img/bg-border-image-black.png) 0 3 0 3 stretch stretch; } .v-sa .black input.v-textfield-focus, .v-ff35 .black input.v-textfield-focus { -webkit-border-image: url(img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch; -moz-border-image: url(img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch; -o-border-image: url(img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch; }