1body { 2 background-color: #eaecf0; 3 font-family: Arial, Helvetica, sans-serif; 4 font-size: 1.0em; 5 margin-top: 25px; 6} 7 8input[type=text] { 9 padding:5px; 10 border:2px solid #ccc; 11 -webkit-border-radius: 5px; 12 border-radius: 5px; 13} 14 15input[type=text]:focus { 16 border-color:#333; 17} 18 19 20input[type=submit]:hover, input[type=reset]:hover { 21 background-color: #1C1F50; 22 23} 24 25input[type=button]:hover { 26 background-color: #660000; 27 28} 29 30input[type="text"][disabled] { 31 color: red; 32} 33 34 35input[type=submit], input[type=reset] { 36 background-color: #045f64; 37 border: none; 38 color: white; 39 padding: 8px 16px; 40 text-decoration: none; 41 margin: 4px 2px; 42 cursor: pointer; 43 font-family: Arial, Helvetica, sans-serif; 44 font-size: 1.0em; 45 46} 47 48 49input[type=button] { 50 background-color: #8B0000; 51 border: none; 52 color: white; 53 padding: 8px 16px; 54 text-decoration: none; 55 margin: 4px 2px; 56 cursor: pointer; 57 font-family: Arial, Helvetica, sans-serif; 58 font-size: 1.0em; 59} 60 61input[type=submit]:disabled { 62 background: #303030; 63} 64 65