139 lines
2.6 KiB
SCSS
Executable File
139 lines
2.6 KiB
SCSS
Executable File
|
|
/* 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(#FFFFFF), color-stop(4%, #F7F7F7), to(#FFFFFF));
|
|
background: -moz-linear-gradient(top, #FFFFFF, #F7F7F7 1px, #FFFFFF 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(rgb(239,242,242)), to(rgb(255,255,255)));
|
|
background: -moz-linear-gradient(bottom, rgb(239,242,242), rgb(255,255,255));
|
|
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(rgb(60,116,168)), to(rgb(103,146,187)));
|
|
background: -moz-linear-gradient(bottom, rgb(60,116,168), rgb(103,146,187));
|
|
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;
|
|
}
|
|
|