/* For some "non" media query compatible*/ .tools input{white-space:normal;padding: 4px 8px;} #footer{position:relative} #content{padding-bottom:0;} #footer ul#credits li{display:block;width:100%;padding:0;margin:0;} #footer ul#credits li.first{text-align:center;} #footer ul#credits li.last{text-align:center;} ul.tools{padding:0;width:100%} .tools input,.tools input,.tools a{word-wrap:break-word;white-space:normal;padding: 8px 8px;display:inline-block;text-overflow : ellipsis;} #content ul.tools div,#content ul.tools li {display: block;width:100%;margin: 0.1em 0;padding: 0;text-align:center;} .question-wrapper:hover,.question-wrapper{margin:1em 0;} table.question .answertext .errormandatory { background-image: none; padding-left: 0; } table.question{width:96%;} table.question input[type="text"],table.question input.text{padding:4px 0;} width: 99%; float: none; padding: 0.5em 0; text-align:left; } .list-with-comment p.comment textarea { padding:4px 0; } .numeric-multi ul li label ,.multiple-short-txt ul li label { text-align:left; } .multinum-slider{display:block;width:98%} .ui-slider{width:100%;margin:.6em 0 .2em} .slider_lefttext{display:block;top:0;padding:0;text-align:left} .slider_righttext{display:block;top:0;padding:0;text-align:right;margin-top:1em} .answers-wrapper ul{padding:0} .answers-wrapper li{padding:0} .numeric-multi .answers-wrapper ul , .multiple-short-txt .answers-wrapper ul , .multiple-opt-comments .answers-wrapper ul { display:block; } .numeric-multi .answers-wrapper ul li , .multiple-short-txt .answers-wrapper ul li , .multiple-opt-comments .answers-wrapper ul li { display:block; } .numeric-multi .answers-wrapper ul li label, .numeric-multi .answers-wrapper ul li span , .multiple-short-txt .answers-wrapper ul li label, .multiple-short-txt .answers-wrapper ul li span , .multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .comment { display:block; vertical-align:middle; width:auto; padding:0.3em 0 0.7em; } .numeric-multi .answers-wrapper ul li label, .numeric-multi .answers-wrapper ul li span , .multiple-short-txt .answers-wrapper ul li label, .multiple-short-txt .answers-wrapper ul li span , .multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .comment { display:block; width:100%; } .multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .option label, .multiple-opt-comments .answers-wrapper ul .comment { border-width: 0; padding: 0.3em 0 0; } .multiple-opt-comments .answers-wrapper ul .option { padding: 0; } .multiple-opt-comments .answers-wrapper ul .option label { padding: 0.3em 0 0; } .multiple-opt-comments .answers-wrapper ul .comment { padding: 0 0 0.3em; } .multiple-opt-comments .answers-wrapper ul li input:focus + label{ -moz-box-shadow: inset 0 0; -webkit-box-shadow: inset 0 0; box-shadow: inset 0 0; } .multiple-opt-comments .answers-wrapper ul li { border:1px solid #ccc;border-width: 1px 1px 0;margin-bottom:0; } .numeric-multi .answers-wrapper ul li span , .multiple-short-txt .answers-wrapper ul li span , .multiple-opt-comments .answers-wrapper ul .comment { text-align:center; } input.text,textarea{max-width:96%}