@mixin reindeer-textfield { /* Textfield on blue background */ .blue .v-textfield, .blue .v-textarea { border-color: #92a2aa; border-top-color: #7c8a90; border-bottom-color: #a1b3bc; } /* Default & white background */ .v-textfield, .v-textarea, .white .v-textfield, .white .v-textarea { 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 */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0; height: 23px; line-height: normal; } .v-textarea, .white .v-textarea { background-image: none; height: auto; } /* Need more specific selector because of #2384 fixes in base/common/common.css */ .v-app input.v-textfield, .v-window input.v-textfield, .v-app textarea.v-textarea, .v-window textarea.v-textarea { padding: 3px 3px 4px; } .v-app input.v-textfield.v-connector, .v-window input.v-textfield.v-connector { height: 24px; } .v-app .v-textfield-focus, .v-window .v-textfield-focus, .v-popupview-popup .v-textfield-focus, .v-app .v-textarea-focus, .v-window .v-textarea-focus, .v-popupview-popup .v-textarea-focus { border-color: #5b97d0; border-top-color: #4f83b4; border-bottom-color: #5ca0df; outline: none; background-color: #fff; } input.v-textfield-prompt, textarea.v-textarea-prompt { font-style: normal; color: #999; } /* Small style textfield */ .v-app input.v-textfield-small { font-size: 11px; line-height: normal; height: auto; padding: 2px; } .v-app textarea.v-textarea-small { font-size: 11px; } .v-app .v-table input.v-textfield.v-connector, .v-window .v-table input.v-textfield.v-connector { padding: 1px 2px; height: auto; line-height: normal; } .v-table-cell-wrapper > input.v-textfield { margin-top: -2px; margin-bottom: -2px; } /* Textfield on black background */ .black .v-textfield, .black .v-textarea { border-color: #38393a; border-top-color: #2c2d2e; border-bottom-color: #3e3f3f; background: #151717; 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; } .black .v-textarea { background-image: none; } .v-app .black .v-textfield-focus, .v-window-black .v-textfield-focus, .v-window .black .v-textfield-focus, .v-popupview-popup .black .v-textfield-focus, .v-app .black .v-textarea-focus, .v-window-black .v-textarea-focus, .v-window .black .v-textarea-focus, .v-popupview-popup .black .v-textarea-focus { border-color: #4b7192; border-top-color: #3b5a75; border-bottom-color: #507596; background-color: #151717; } .black input.v-textfield-prompt { color: #5f6366; } /* Readonly */ input.v-textfield-readonly, .black input.v-textfield-readonly, textarea.v-textarea-readonly, .black textarea.v-textarea-readonly { border: none; background: transparent; } }