Skip to content

Instantly share code, notes, and snippets.

@wgminer
Created July 2, 2014 17:24
Show Gist options
  • Save wgminer/bc4b2e2191143e674c6e to your computer and use it in GitHub Desktop.
Save wgminer/bc4b2e2191143e674c6e to your computer and use it in GitHub Desktop.
.input-forms {
width: 784px;
font-weight: 300;
font-family: helvetica, arial, sans-serif;
font-size: 14px;
}
.input-forms .header {
font-weight: 400;
border-bottom: solid 1px #ccc;
margin-bottom: 50px;
}
.input-forms .header h2 {
font-weight: bold;
}
.input-forms .header p {
line-height: 22px;
}
.input-forms .inquiry {
margin-bottom: 50px;
}
.input-forms .inquiry .number {
font-weight: bold;
float: left;
}
.input-forms .inquiry .question {
font-weight: bold;
margin-left: 35px;
}
.input-forms .inquiry .response {
margin-left: 35px;
margin-top: 10px;
}
.input-forms .inquiry .answer {
border-left: solid 5px #ccc;
margin-left: 35px;
width: 375px;
}
.input-forms .inquiry .answer .last-time {
margin-left: 10px;
line-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
.input-forms .inquiry .answer .last-time span {
font-style: italic;
color: #006795;
}
.input-forms .results {
border: 1px solid black;
}
.input-forms .results-header-row {
border: 1px solid black;
}
.input-forms .results-row {
border: 1px solid black;
}
.input-forms .results img {
width:300px;
}
.input-forms .results-chart-row img {
width:300px;
}
.button {
background-color: #ebebeb;
border: solid 1px #c5c5c5;
margin-right: 25px;
background-clip: padding-box;
-mox-background-clip: padding-box;
-webkit-background-clip: padding-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: inset 0 0 5px 10px #e6e6e6, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 5px 10px #e6e6e6, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 0 5px 10px #e6e6e6, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
color: #333;
cursor: pointer;
display: inline-block;
letter-spacing: 0.3px;
outline: none;
text-decoration: none;
}
.button.small {
background-clip: padding-box;
-mox-background-clip: padding-box;
-webkit-background-clip: padding-box;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 10px;
font-weight: 500;
padding: 3px 8px 4px;
}
.button.normal {
font-size: 12px;
font-weight: 300;
padding: 7px 12px 6px;
}
.button.large {
background-clip: padding-box;
-mox-background-clip: padding-box;
-webkit-background-clip: padding-box;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 16px;
font-weight: 500;
padding: 10px 25px 9px;
}
.button.green {
background-color: #289F00;
border-color: #155300;
box-shadow: inset 0 0 5px 10px #259500, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 5px 10px #259500, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 0 5px 10px #259500, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
color: #fff;
margin-left: 35px;
}
.button.gray {
background-color: #ededed;
border-color: #c7c7c7;
box-shadow: inset 0 0 5px 10px #e6e6e6, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 5px 10px #e6e6e6, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 0 5px 10px #e6e6e6, 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
color: #333;
}
.button:active {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@x)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
input {
margin-bottom: 15px;
}
input[type="checkbox"] {
margin-left: 0;
margin-right: 20px;
}
input[type="radio"] {
margin-left: 0;
margin-right: 20px;
}
select {
height: 35px;
border: solid 1px #c5c5c5;
background-clip: padding-box;
-mox-background-clip: padding-box;
-webkit-background-clip: padding-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 12px;
font-weight: 300;
padding: 7px 12px 6px;
}
.input-forms textarea {
resize: both;
max-width: 500px;
border: solid 1px #c5c5c5;
background-clip: padding-box;
-mox-background-clip: padding-box;
-webkit-background-clip: padding-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 12px 6px;
overflow: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment