2013-06-28 17:20:23 +02:00

70 lines
1.1 KiB
SCSS
Executable File

/* tutorial */
input[type=text],input[type=password],input[type=tel],input[type=email], 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(#FFFFFF), color-stop(4%, #F7F7F7), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #F7F7F7 1px, #FFFFFF 25px);
}
textarea {
min-width: 400px;
padding: 5px;
border: solid 1px #C9C9C9 !important;
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;
}
.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;
}