Skip to content

Instantly share code, notes, and snippets.

@dcondrey
Last active August 29, 2015 14:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dcondrey/6a3ffb7dd576decf0149 to your computer and use it in GitHub Desktop.
Save dcondrey/6a3ffb7dd576decf0149 to your computer and use it in GitHub Desktop.
select, input, button, textarea {
font-size: 100%;
font-family: Arial, sans-serif;
font-weight: normal;
vertical-align: baseline;
margins: 2px 2px 10px 0;
padding: 4px 3px;
}
input, button, textarea {
border: 1px solid #bbb;
outline: 0;
background: #F9F9F9;
background: linear-gradient(center top, #f0f0f0, #ffffff) repeat scroll 0 0 #ffffff;
background: -moz-linear-gradient(center top, #f0f0f0, #ffffff) repeat scroll 0 0 #ffffff;
background: -webkit-gradient(linear, left top, left 25, from(#F9F9F9), to(#ffffff));
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
button,select {
text-transform: none;
overflow: hidden;
}
button[disabled],html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
select {
padding: 0;
}
input[type="submit"], input[type="reset"], html input[type="button"], button {
-webkit-appearance: button;
cursor: pointer;
}
input[type=search] {
border: 1px dotted #999;
border-radius: 0;
-webkit-appearance: none;
}
textarea {
display : block;
padding : 10px;
margin : 10px 0 0 -10px;
width : 340px;
height : 360px;
resize : none;
overflow: auto;
}
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.inputFile {
position: relative;
}
input[type="file"] + label {
background: #000;
padding: 4px 10px 6px;
color: #fff;
}
input[type="file"] {
position: absolute;
display: inline-block;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: #c9c9c9;
background-color: #fff;
background: #fff;
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;
}
input[type="submit"]:focus, button:focus,
input[type="submit"]:hover, button:hover {
background: #e9e9e9;
background: linear-gradient(center top , #f9f9f9, #e9e9e9) repeat scroll 0 0 #f9f9f9;
background: -moz-linear-gradient(center top , #f9f9f9, #e9e9e9) repeat scroll 0 0 #f9f9f9;
background: -webkit-gradient(linear, left top, left 25, from(#f9f9f9), to(#e9e9e9));
}
form legend {
background-color: transparent;
border: medium none;
display: block;
font-size: 95%;
font-weight: bold;
line-height: 150%;
margin: 0;
padding: 0 0 0.5em;
}
form label {
line-height: 1.5em;
margin: 1em 0;
padding: 0 0 1em;
}
fieldset {
line-height: 1.5em;
margin: 1em 0;
padding: 0 1em 1em;
width: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment