survey/app/assets/stylesheets/questionnaire.css

233 lines
4.7 KiB
CSS
Raw Normal View History

2014-10-06 05:55:25 +00:00
.o-question {
2021-07-08 13:31:27 +00:00
font-size: 1em;
2014-10-06 05:55:25 +00:00
}
.o-question input[type=checkbox], .o-question input[type=radio] {
margin: 0;
}
.o-question textarea {
resize: vertical;
}
.o-question-topic {
font-size: 2em;
line-height: normal;
margin: 0;
padding: 0.5em 0;
}
.o-question-description {
font-size: 0.9em;
line-height: 1.5em;
}
.o-question-list {
clear: both;
margin: 40px 0;
padding: 0;
font-weight: bold;
}
.o-question-list > li {
margin: 0 0 0 40px;
2021-07-08 13:31:27 +00:00
padding-bottom: 1em;
2014-10-06 05:55:25 +00:00
border-top: solid 1px #eee;
position: relative;
}
.o-question-list > li .required-star {
position: absolute;
left: -42px;
padding-top: 4px;
}
.o-question-list > li:first-child {
border: 0;
}
.o-question-title {
font-weight: bold;
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 16px;
}
.o-question-title + .o-question-description {
font-weight: normal;
background-color: #f6f6f6;
padding: 16px;
position: relative;
margin: 10px 0 10px 0;
width: 90%;
}
.o-question-title + .o-question-description:before {
display: block;
content: "";
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #f6f6f6;
position: absolute;
top: -12px;
left: 16px;
}
.o-question-title + input[type=text],
.o-question-title + textarea,
.o-question-title + select,
.o-question-description + input[type=text],
.o-question-description + textarea,
.o-question-description + select {
display: block;
}
.o-question-title + input[type=text], .o-question-title + textarea {
border: solid 1px #ccc;
padding: 6px;
margin: 20px 0;
line-height: 24px;
}
.o-question-title + input[type=text] {
width: 40%;
}
.o-question-title + textarea {
width: 70%;
}
.o-question-group {
margin: 20px 0;
padding: 0;
}
.o-question-option {
font-weight: normal;
}
.o-question-group.view-list {
list-style: none;
}
.o-question-group.view-list .o-question-option {}
.o-question-group.view-list > li {
margin-top: 8px;
}
.o-question-group.view-list > li:first-child {
margin: 0;
}
.o-question-group.view-list > li > * {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: middle;
}
.o-question-group.view-list > li input + .o-question-option {
margin: 0 0 0 12px;
}
.o-question-group.view-dropdown {
height: 24px;
line-height: 24px;
}
.o-question-group.view-grid {
border-collapse: collapse;
max-width: 90%;
min-width: 50%;
width: auto;
}
.o-question-group.view-grid th, .o-question-group.view-grid td {
padding: 6px;
}
.o-question-group.view-grid thead th {
text-align: center;
}
.o-question-group.view-grid tbody th {}
.o-question-group.view-grid tbody .odd .o-question-title, .o-question-group.view-grid tbody .odd td {
background-color: #f6f6f6;
}
.o-question-group.view-grid .o-question-title {
font-size: 1em;
}
.o-question-group.view-grid tbody .odd .o-question-title {
background-color: transparent;
}
.o-question-group.view-grid tbody .odd td {}
.o-question-group.view-grid tbody tr:hover td {
background-color: #aaa;
}
.o-question-group.view-grid tbody td {
vertical-align: middle;
text-align: center;
}
.o-question-group.view-grid tbody td input {
vertical-align: baseline;
}
.o-question-action {
padding: 20px;
background-color: #f6f6f6;
}
2021-07-08 13:31:27 +00:00
ul.float-left.o-question-group.view-list > li{
display: inline-block;
margin: 0.2em 0;
padding-left: 0.5em;
}
ul.float-left.o-question-group.view-list > li label {
margin: 0;
}
li.question-item{
position: relative;
}
input.question-checkbox{
position: absolute;
left: -2.5em;
top: 0.55em;
}
.o-question-title textarea{
min-width: 76%;
min-height: 10em;
margin-left: 1em;
margin-top: 1.1em;
}
.double-level td{
vertical-align: top;
}
.double-level .o-question-option{
white-space: nowrap;
}
.section-header{
border: 0.1px dashed #cecece;
padding-bottom: 1.2em;
margin-bottom: 1.2em;
}
.section-header .header-wrapper{
background-color: #cecece;
color: #5c5c5c;
min-height: 80px;
padding: 0.7em;
margin-bottom: 1em;
}
.section-header .header-wrapper .section-title{
margin-bottom: 0.3em;
font-size: 1.2em;
}
ol.o-question-list li.question-item{
margin-left: 3em;
}
.question-number{
margin-left: -1em;
}
@media (max-width: 767px){
ol.o-question-list li.question-item{
margin-left: 1em;
list-style-position: inside;
}
input.question-checkbox{
left: -1em;
}
li > .o-question-title{
vertical-align: middle;
max-width: calc(100% - 1em);
margin-bottom: 0.25em;
}
.question-number{
margin-left: 0em;
}
}
label.custom_option{
padding-right: 0.5em;
}
.level2-list>*:not(:last-child) {
margin-right: 1em;
}
.question-item{
list-style: none;
}
.error_field {
-webkit-box-shadow: 0px 0px 0px 0.2em #e339a1;
-moz-box-shadow: 0px 0px 0px 0.2em #e339a1;
box-shadow: 0px 0px 0px 0.2em #e339a1;
}