Transparent Caldera form with transparent fields and a background image
/*** FORM STYLING ***/ .caldera-grid .form-control { padding: 16px; height: auto; box-shadow: none; background: transparent; color: #fff; border: 2px solid #fff; } /*** BUTTON STYLING ***/ .caldera-grid input[type=submit] { padding: 10px 16px; border-radius: 2px; background: transparent; color: #fff; font-size: 20px; border: 2px solid #fff; float: right; transition: all 0.3s ease-in-out; } /*** BUTTON STYLING ***/ .caldera-grid input[type=submit]:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; color: #fff; } /*** ON CLICK ***/ .caldera-grid .form-control:focus { border-color: #fff; box-shadow: inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6); } .caldera-grid input[type=text]:focus { color: #fff; } /*** PLACEHOLDER STYLING ***/ input::-webkit-input-placeholder { color: #fff !important; } input:-moz-placeholder { color: #fff !important; } input::-moz-placeholder { color: #fff !important; } input:-ms-input-placeholder { color: #fff !important; } textarea::-webkit-input-placeholder { color: #fff !important; } textarea:-moz-placeholder { color: #fff !important; } textarea::-moz-placeholder { color: #fff !important; } textarea:-ms-input-placeholder { color: #fff !important; }
Copyright © A Girl and Her Mac