74 lines
2 KiB
CSS
74 lines
2 KiB
CSS
/*
|
|
* Input box Styling
|
|
*/
|
|
@charset "utf-8";
|
|
|
|
input[type="submit"].inputStyling,
|
|
input[type="button"].inputStyling,
|
|
input[type="reset"].inputStyling {
|
|
padding: 3px 10px;
|
|
cursor: pointer;
|
|
border: 0;
|
|
border-radius: 3px;
|
|
background: linear-gradient(180deg, #9475B2 0%, #9475B2 50%, #86A 50%) #9475B2;
|
|
margin: 4px 1px;
|
|
color: #FFF;
|
|
box-shadow: inset #222 0 0 1px;
|
|
text-shadow: #888 0 0 2px;
|
|
transition: text-shadow .5s, box-shadow .5s;
|
|
font-size: 22px;
|
|
min-width: 120px;
|
|
}
|
|
|
|
input[type="submit"].inputStyling.small,
|
|
input[type="button"].inputStyling.small,
|
|
input[type="reset"].inputStyling.small {
|
|
padding: 0 4px 1px;
|
|
margin: -2px 0 0;
|
|
font-size: 16px;
|
|
border-radius: 0;
|
|
min-width: 80px !important;
|
|
}
|
|
|
|
input[type="submit"].inputStyling:hover,
|
|
input[type="button"].inputStyling:hover,
|
|
input[type="reset"].inputStyling:hover {
|
|
box-shadow: inset #222 0 0 3px;
|
|
text-shadow: #F1F1F1 0 0 5px;
|
|
}
|
|
|
|
input[type="submit"].inputStyling:active,
|
|
input[type="button"].inputStyling:active,
|
|
input[type="reset"].inputStyling:active {
|
|
box-shadow: inset #222 0 0 5px;
|
|
text-shadow: #F1F1F1 0 0 3px;
|
|
transition: text-shadow .2s, box-shadow .2s;
|
|
}
|
|
|
|
input[type="text"].inputStyling,
|
|
input[type="password"].inputStyling ,
|
|
input[type="date"].inputStyling {
|
|
padding: 3px 4px;
|
|
border: 1px solid #CCC;
|
|
box-shadow: inset #DDD 0 0 5px;
|
|
background: linear-gradient(180deg, #FFF 0%, #EEE 50%, #E5E5E5 50%) #FFF;
|
|
}
|
|
|
|
input[type="text"].inputStyling.red,
|
|
input[type="password"].inputStyling.red,
|
|
input[type="date"].inputStyling.red {
|
|
box-shadow: inset 0px 0px 7px #EB5959;
|
|
}
|
|
|
|
input[type="text"].inputStyling.green,
|
|
input[type="password"].inputStyling.green,
|
|
input[type="date"].inputStyling.green {
|
|
box-shadow: inset 0px 0px 7px #A9EC8B;
|
|
}
|
|
|
|
textarea.inputStyling {
|
|
padding: 3px 4px;
|
|
border: 1px solid #CCC;
|
|
box-shadow: inset #DDD 0 0 5px;
|
|
background: linear-gradient(180deg, #FFF 0%, #EEE 50%, #E5E5E5 50%) #FFF;
|
|
}
|