Skip to content

Instantly share code, notes, and snippets.

@msmithstubbs
Created November 18, 2013 10:11
Show Gist options
  • Select an option

  • Save msmithstubbs/7525547 to your computer and use it in GitHub Desktop.

Select an option

Save msmithstubbs/7525547 to your computer and use it in GitHub Desktop.
QuestionTime default styles
@import url(//fonts.googleapis.com/css?family=Open+Sans:700,300);
.QT-container {
overflow: hidden;
padding: 12px;
max-width: 980px;
margin: auto;
line-height: 1.667;
}
.QT-button {
background: #e4ebed;
border-radius: 4px;
color: #58777f;
text-decoration: none;
padding: 10px 11px;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
font-family: Arial, sans-serif;
border: 1px solid #c2c2c2;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.QT-button-small {
background: #e4ebed;
border-radius: 3px;
color: #58777f;
text-decoration: none;
padding: 4px 10px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
font-family: Arial, sans-serif;
border: 1px solid #c2c2c2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}
.QT-button-primary {
background: #16a0dd;
color: #fff;
border: 1px solid #0385db;
}
.QT-panel {
background: #f0f5f7;
padding: 25px 35px;
color: #546670;
}
.QT-question .QT-panel {
padding-left: 15px;
padding-right: 15px;
border-bottom: 1px solid #d0e2ea;
}
.QT-small {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 12px;
}
.QT-back {
text-align: right;
padding: 15px;
}
.QT-footer {
margin-top: 2em;
}
.QT-header {
overflow: hidden;
text-align: left;
padding-right: 200px;
position: relative;
line-height: 1.334;
}
.QT-header h1 {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
font-size: 32px;
color: #294956;
}
.QT-header h1 span {
text-transform: uppercase;
display: block;
font-weight: 300;
font-size: 20px;
color: #546670;
}
.QT-header .QT-new-question {
position: absolute;
bottom: 1em;
right: 0;
}
.QT-product {
width: 215px;
float: left;
min-height: 10px;
}
.QT-product-image a {
display: block;
}
.QT-questions {
overflow: hidden;
}
.QT-question {
border: 1px solid #d1e3ea;
margin-bottom: 15px;
font-family: Arial, sans-serif;
overflow: hidden;
position: relative;
}
.QT-question-header.QT-panel {
padding-bottom: 10px;
}
.QT-question-header h2 {
font-family: 'Open Sans', Arial, sans-serif;
line-height: 1.334;
color: #294956;
margin: 0.5em 0 0 0;
}
.QT-question-header p {
position: absolute;
top: 0;
color: #546670;
font-family: Arial, sans-serif;
}
.QT-question-body {
padding: 1.334em 15px;
}
.QT-questions ul {
list-style: none;
margin: 0;
padding: 0;
}
.QT-answer {
margin: 1em 0 0.334em 0;
}
.QT-answer p {
font-size: 16px;
line-height: 1.334;
margin: 0;
}
.QT-answer .QT-byline {
font-size: 13px;
color: #546670;
color: #8ca1a8;
}
.QT-answer .QT-date {
color: #8ca1a8;
padding-left: 1em;
}
.QT-add-answer {
padding-top: 0.667em;
}
.QT-form {
max-width: 420px;
}
.QT-control-group {
margin-bottom: 1.334em;
}
.QT-control-group label {
text-transform: uppercase;
font-weight: normal;
color: #546670;
}
.QT-help {
color: #808080;
text-transform: none;
font-size: 14px;
}
.QT-textarea,
.QT-text-field {
border: 1px solid #aaa;
box-sizing: border-box;
border-radius: 4px;
display: block;
width: 100%;
padding: 0.667em 0.5em;
font-size: 16px;
color: #333;
}
.QT-error {
color: #b20b0b;
}
.QT-field-error {
text-align: right;
}
/* Empty Questions List */
.QT-no-questions {
border: 1px solid #d1e3ea;
}
.QT-no-questions .QT-button-primary {
float: right;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment