Ask the community, share ideas, and connect with other LimeSurvey users!
@media handled,screen and (max-width: 768px) { table.question tr,table.question th,table.question td {display:block;} table.question .dontread{display:none} table.question tbody th.answertext, table.question tbody th.arraycaptionleft {text-align: left;} table.question .read{position:relative;top:0;left:0} col {display:block;width:100% !important} table.question input[type="radio"], table.question input[type="checkbox"], { left: 0.7em; margin: -0.7em 0 0; position: absolute; top: 50%; z-index: 1; } table.question tbody tr:nth-child(2n+1), table.question tbody tr:nth-child(2n+1) th, table.question tbody tr:nth-child(2n+1) td, .js table.question tbody tr:nth-child(2n+1) td.answertextright:hover, .js table.question tbody tr:nth-child(2n+1) td.dual_scale_separator:hover, .js table.question tbody tr:nth-child(2n+1) td.ddarrayseparator:hover { background-color: #fff; } table.question tbody tr{border-color:#ccc;border-width:1px 0} table.question tbody td{border-color:#ddd #ccc;border-width:0 1px 1px} table.question tbody th{border-color:#ccc;border-width:1px 1px 1px} .js td.radio-item:hover { background: #1d296b none repeat scroll 0 0; color: #fff; } .js td.radio-item.checked,.js td.radio-item.checked label { background-color: #6789a0;color:#fff; } .js td.radio-item:hover,.js td.radio-item:hover label,.js td.radio-item label:hover { background: transparent; color: #fff; } .js td.radio-item label:hover,.js td.radio-item.checked label,.js td.radio-item:hover label,.js td.radio-item label:hover { background: transparent; color: #fff; } table.question tbody td { text-align: left;padding:0.2em 0.5em; } tr.radio-list td, tr.checkbox-list td { position: relative; } tr.radio-list input[type="radio"], tr.checkbox-list input[type="checkbox"] { left: 0.7em; margin: -0.7em 0 0; position: absolute; top: 50%; z-index: 1; } table.question tr.radio-list td ,table.question tr.checkbox-list td { padding:0; } tr.radio-list td label, tr.checkbox-list td label { border-color: #ccc; border-style: solid; border-width: 0 1px 0; box-shadow: 0 0 0 0 rgba(190, 186, 218, 0.3) inset; cursor: pointer; display: block; min-height: 1.4em; padding: 0.8em 1em 0.8em 2.5em; vertical-align: middle; } td.radio-item label, td.checkbox-item label { background-color: #fff; } table.question tbody tr:nth-child(2n+1), table.question tbody tr:nth-child(2n+1) th, table.question tbody tr:nth-child(2n+1) td, .js table.question tbody tr:nth-child(2n+1) td.answertextright:hover, .js table.question tbody tr:nth-child(2n+1) td.dual_scale_separator:hover, .js table.question tbody tr:nth-child(2n+1) td.ddarrayseparator:hover { background-color: #fff; } table.question {border-width:0} table.question tbody td{border-width:0 0 1px} table.question tbody tr{border-width:0 0 1px} table.question tbody th{border-width:1px 1px 2px} table.question tbody th.hide-content{padding:0;height:0;overflow:hidden;border-width:0 0 1px;visibility:visible} table.question label small{font-size:1em} }