97 lines
2.6 KiB
CSS
97 lines
2.6 KiB
CSS
/* tutorial */
|
|
input[type=text], input[type=password], textarea {
|
|
padding: 5px;
|
|
border: solid 1px #C9C9C9;
|
|
outline: 0;
|
|
font: normal 13px/100% Verdana, Tahoma, sans-serif;
|
|
width: 200px;
|
|
background: -webkit-gradient(linear, left top, left 25, from(white), color-stop(4%, #f7f7f7), to(white));
|
|
background: -moz-linear-gradient(top, white, #f7f7f7 1px, white 25px); }
|
|
|
|
textarea {
|
|
width: 400px;
|
|
max-width: 400px;
|
|
height: 150px;
|
|
line-height: 150%; }
|
|
|
|
input:hover, textarea:hover,
|
|
input:focus, textarea:focus {
|
|
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; }
|
|
|
|
label {
|
|
cursor: pointer; }
|
|
|
|
.button {
|
|
display: inline-block;
|
|
background: #3c74a8;
|
|
background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#eff2f2), to(white));
|
|
background: -moz-linear-gradient(bottom, #eff2f2, white);
|
|
box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;
|
|
border: none;
|
|
-moz-border-radius: 20px;
|
|
-webkit-border-radius: 20px;
|
|
border-radius: 20px;
|
|
color: RGB(46, 46, 46);
|
|
padding: 5px 15px;
|
|
margin: 0px 5px 0px 5px;
|
|
font-weight: normal; }
|
|
|
|
.button:hover {
|
|
box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
|
|
color: RGB(46, 46, 46);
|
|
cursor: pointer; }
|
|
|
|
.actions {
|
|
text-align: right; }
|
|
|
|
button, input[type=submit] {
|
|
display: inline-block;
|
|
background: #3c74a8;
|
|
background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#3c74a8), to(#6792bb));
|
|
background: -moz-linear-gradient(bottom, #3c74a8, #6792bb);
|
|
box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;
|
|
border: none;
|
|
-moz-border-radius: 20px;
|
|
-webkit-border-radius: 20px;
|
|
border-radius: 20px;
|
|
color: white;
|
|
margin: 0px 5px 0px 5px;
|
|
padding: 5px 15px;
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
|
|
font-weight: normal;
|
|
font-size: 13px; }
|
|
|
|
button:hover, input[type=submit]:hover {
|
|
box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
|
|
cursor: pointer; }
|
|
|
|
.field_with_errors {
|
|
display: inline;
|
|
color: red; }
|
|
|
|
.field_with_errors input {
|
|
display: inline;
|
|
border-color: red; }
|
|
|
|
.errorExplanation {
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
padding: 5px;
|
|
border-color: #F2EDA1;
|
|
background: #FEFCDB; }
|
|
|
|
.errorExplanation h2 {
|
|
font-size: 13px;
|
|
margin: 0px;
|
|
padding: 0px; }
|