diff --git a/mod/choice/styles.css b/mod/choice/styles.css index 7c3ba479f60..b455e80d25b 100644 --- a/mod/choice/styles.css +++ b/mod/choice/styles.css @@ -1,61 +1,199 @@ -.path-mod-choice .results {border-collapse: separate;} -.path-mod-choice .results .data {vertical-align:top;white-space: nowrap;} -.path-mod-choice .button {text-align:center;} -.path-mod-choice .attemptcell {width:5px;white-space: nowrap;} -.path-mod-choice .anonymous, -.path-mod-choice .names {margin-left:auto;margin-right:auto; width:80%;} -.path-mod-choice .downloadreport {border-width:0;margin-left:10%;} -.path-mod-choice .choiceresponse {width:100%;} -.path-mod-choice .choiceresponse .picture {width:10px;white-space: nowrap;} -.path-mod-choice .choiceresponse .fullname {width:100%;white-space: nowrap;} +.path-mod-choice .results { + border-collapse: separate; +} -.path-mod-choice .responseheader {width: 100%; text-align: center; margin-top: 10px;} -.path-mod-choice .choices .option label {vertical-align: top;} -.path-mod-choice .choices .option input {vertical-align: middle;} +.path-mod-choice .results .data { + vertical-align: top; + white-space: nowrap; +} + +.path-mod-choice .button { + text-align: center; +} + +.path-mod-choice .attemptcell { + width: 5px; + white-space: nowrap; +} + +.path-mod-choice .anonymous, +.path-mod-choice .names { + margin-left: auto; + margin-right: auto; + width: 80%; +} + +.path-mod-choice .downloadreport { + border-width: 0; + margin-left: 10%; +} + +.path-mod-choice .choiceresponse { + width: 100%; +} + +.path-mod-choice .choiceresponse .picture { + width: 10px; + white-space: nowrap; +} + +.path-mod-choice .choiceresponse .fullname { + width: 100%; + white-space: nowrap; +} + +.path-mod-choice .responseheader { + width: 100%; + text-align: center; + margin-top: 10px; +} + +.path-mod-choice .choices .option label { + vertical-align: top; +} + +.path-mod-choice .choices .option input { + vertical-align: middle; +} .path-mod-choice .horizontal, -.path-mod-choice .vertical {margin-left: 10%;margin-right: 10%;} -.path-mod-choice .horizontal .choices .option {padding-right: 20px; display: inline-block; white-space: normal;} -.path-mod-choice .horizontal .choices .button {margin-top: 10px;} -.path-mod-choice ul.choices li {list-style:none;} -.path-mod-choice .results { text-align: center;} -.path-mod-choice .results.anonymous .graph.horizontal {vertical-align: middle;text-align: left;width:70%;} +.path-mod-choice .vertical { + margin-left: 10%; + margin-right: 10%; +} + +.path-mod-choice .horizontal .choices .option { + padding-right: 20px; + display: inline-block; + white-space: normal; +} + +.path-mod-choice .horizontal .choices .button { + margin-top: 10px; +} + +.path-mod-choice ul.choices li { + list-style: none; +} + +.path-mod-choice .results { + text-align: center; +} + +.path-mod-choice .results.anonymous .graph.horizontal { + vertical-align: middle; + text-align: left; + width: 70%; +} .path-mod-choice .results.anonymous .graph.vertical, -.path-mod-choice .cell {vertical-align: bottom; text-align: center; } -.path-mod-choice .results.anonymous th.header {border: 1px solid inherit;} +.path-mod-choice .cell { + vertical-align: bottom; + text-align: center; +} + +.path-mod-choice .results.anonymous th.header { + border: 1px solid inherit; +} + +.path-mod-choice .results.names .header { + width: 10%; + white-space: normal; +} + +.path-mod-choice .results.names .cell { + vertical-align: top; + text-align: left; +} -.path-mod-choice .results.names .header{width:10%; white-space: normal;} -.path-mod-choice .results.names .cell{vertical-align: top; text-align: left;} .path-mod-choice .results.names .user, -.path-mod-choice #yourselection {padding: 5px;} +.path-mod-choice #yourselection { + padding: 5px; +} + .path-mod-choice .results.names .user .attemptaction, .path-mod-choice .results.names .user .image, -.path-mod-choice .results.names .user .fullname{float:left;} -.path-mod-choice .results.names .user .fullname{padding-left: 5px;} -.path-mod-choice .results .data.header {width: 10%;} -.path-mod-choice .responseaction {text-align: center;} -.path-mod-choice .results .option {white-space: normal;} -.path-mod-choice .response {overflow: auto;} +.path-mod-choice .results.names .user .fullname { + float: left; +} + +.path-mod-choice .results.names .user .fullname { + padding-left: 5px; +} + +.path-mod-choice .results .data.header { + width: 10%; +} + +.path-mod-choice .responseaction { + text-align: center; +} + +.path-mod-choice .results .option { + white-space: normal; +} + +.path-mod-choice .response { + overflow: auto; +} + .path-mod-choice .results .option, .path-mod-choice .results .numberofuser, -.path-mod-choice .results .percentage {font-weight: bold; font-size: 108%;} +.path-mod-choice .results .percentage { + font-weight: bold; + font-size: 108%; +} -#page-mod-choice-report .downloadreport ul li {list-style:none;padding: 0 20px; display: inline;float: left; } -.path-mod-choice .clearfloat {float:none; clear:both;} +#page-mod-choice-report .downloadreport ul li { + list-style: none; + padding: 0 20px; + display: inline; + float: left; +} + +.path-mod-choice .clearfloat { + float: none; + clear: both; +} /** * Override for RTL layout */ -.path-mod-choice.dir-rtl .horizontal .choices .option {padding-right:0px; padding-left: 20px; float:right;} -.path-mod-choice.dir-rtl .results.anonymous .graph.horizontal {text-align: right;} -.path-mod-choice.dir-rtl .results.anonymous { text-align: center; } -.path-mod-choice.dir-rtl .results.names .cell{text-align: right;} +.path-mod-choice.dir-rtl .horizontal .choices .option { + padding-right: 0px; + padding-left: 20px; + float: right; +} + +.path-mod-choice.dir-rtl .results.anonymous .graph.horizontal { + text-align: right; +} + +.path-mod-choice.dir-rtl .results.anonymous { + text-align: center; +} + +.path-mod-choice.dir-rtl .results.names .cell { + text-align: right; +} + .path-mod-choice.dir-rtl .results.names .user .attemptaction, .path-mod-choice.dir-rtl .results.names .user .image, .path-mod-choice.dir-rtl .results.names .user .fullname, -.path-mod-choice.dir-rtl .results.names .user .fullname{padding-left: 0px; padding-right: 5px;} -.path-mod-choice.dir-rtl .downloadreport {margin-left:0;margin-right: 25%;} +.path-mod-choice.dir-rtl .results.names .user .fullname { + padding-left: 0px; + padding-right: 5px; +} -#page-mod-choice-report.dir-rtl .downloadreport ul li{float:right;} -#page-mod-choice-view.dir-rtl .reportlink {text-align: left;} +.path-mod-choice.dir-rtl .downloadreport { + margin-left: 0; + margin-right: 25%; +} + +#page-mod-choice-report.dir-rtl .downloadreport ul li { + float: right; +} + +#page-mod-choice-view.dir-rtl .reportlink { + text-align: left; +}