.o-question { font-size: 15px; } .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; padding: 16px 0; border-top: solid 1px #eee; } .o-question-list > li:first-child { border: 0; } .o-question-title { font-weight: bold; } .o-question-title + input[type=text], .o-question-title + textarea, .o-question-title + 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%; } .o-question-group.view-grid th, .o-question-group.view-grid td { padding: 6px; } .o-question-group.view-grid thead th {} .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 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; }