.emby-input { display: block; margin: 0; margin-bottom: 0 !important; background: none; border: 1px solid #383838; border-width: 0 0 1px 0; /* Prefixed box-sizing rules necessary for older browsers */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove select styling */ /* Font size must the 16px or larger to prevent iOS page zoom on focus */ font-size: 110%; /* General select styles: change as needed */ font-family: inherit; font-weight: inherit; color: inherit; padding: .35em 0 .3em 0; outline: none !important; width: 100%; background-color: transparent; border-radius: 0; /* Ensure it is over the label so that it can be clicked */ position: relative; } .inputContainer { margin-bottom: 1.8em; } .inputLabel { display: inline-block; transition: all .2s ease-out; } .inputLabel-float { transform-origin: left top; transform: scale(1.25,1.25) translateY(94%); } .inputLabelFocused { color: #52B54B; } .emby-input-selectionbar { height: 2px; transform: scale(.01, 1); transition: transform .25s ease-out; position: relative; top: -1px; margin-bottom: .5em; -webkit-transform-origin: center center; transform-origin: center center; } .emby-input:focus + .emby-input-selectionbar { background-color: #52B54B; transform: none; }