Snipplr comments feed https://snipplr.com/ Mon, 06 Apr 2026 11:59:46 +0000 https://snipplr.com/view/41531/usable-drupal-contact-form <p>##updated version! <code> input[type="text"] { width: 400px; } textarea { width: 600px; height: 275px; } label { color: #989898; } input, textarea { background-color: rgba(115, 115, 115, 1); border: 5px solid rgba(122, 192, 0, 0.15); padding: 10px; color: #4b4b4b; -webkit-border-radius: 5px; } input:focus, textarea:focus { border: 5px solid #9E36F2; background-color: rgba(255, 255, 255, 1); } input[type="submit"] { border: none; cursor: pointer; color: #fff; padding: 5px 36px 8px 36px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.6); background: -webkit-gradient( linear, left bottom, left top, color-stop(0.23, #989898), color-stop(0.62, #dddddd) ); background: -moz-linear-gradient( center bottom, #989898 23%, #dddddd 62% ); } input[type="submit"]:hover { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.4); background-color: #9E36F2; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.23, #521C7C), color-stop(0.62, #9E36F2) ); background: -moz-linear-gradient( center bottom, #521C7C 23%, #9E36F2 62% ); } input[type="submit"]:active { top: 1px; } </code></p> Sun, 04 Mar 2012 00:21:31 UTC https://snipplr.com/view/41531/usable-drupal-contact-form