MDL-54654 choice: reformat CSS
[moodle.git] / mod / choice / styles.css
1 .path-mod-choice .results {
2   border-collapse: separate;
3 }
5 .path-mod-choice .results .data {
6   vertical-align: top;
7   white-space: nowrap;
8 }
10 .path-mod-choice .button {
11   text-align: center;
12 }
14 .path-mod-choice .attemptcell {
15   width: 5px;
16   white-space: nowrap;
17 }
19 .path-mod-choice .anonymous,
20 .path-mod-choice .names {
21   margin-left: auto;
22   margin-right: auto;
23   width: 80%;
24 }
26 .path-mod-choice .downloadreport {
27   border-width: 0;
28   margin-left: 10%;
29 }
31 .path-mod-choice .choiceresponse {
32   width: 100%;
33 }
35 .path-mod-choice .choiceresponse .picture {
36   width: 10px;
37   white-space: nowrap;
38 }
40 .path-mod-choice .choiceresponse .fullname {
41   width: 100%;
42   white-space: nowrap;
43 }
45 .path-mod-choice .responseheader {
46   width: 100%;
47   text-align: center;
48   margin-top: 10px;
49 }
51 .path-mod-choice .choices .option label {
52   vertical-align: top;
53 }
55 .path-mod-choice .choices .option input {
56   vertical-align: middle;
57 }
59 .path-mod-choice .horizontal,
60 .path-mod-choice .vertical {
61   margin-left: 10%;
62   margin-right: 10%;
63 }
65 .path-mod-choice .horizontal .choices .option {
66   padding-right: 20px;
67   display: inline-block;
68   white-space: normal;
69 }
71 .path-mod-choice .horizontal .choices .button {
72   margin-top: 10px;
73 }
75 .path-mod-choice ul.choices li {
76   list-style: none;
77 }
79 .path-mod-choice .results {
80   text-align: center;
81 }
83 .path-mod-choice .results.anonymous .graph.horizontal {
84   vertical-align: middle;
85   text-align: left;
86   width: 70%;
87 }
89 .path-mod-choice .results.anonymous .graph.vertical,
90 .path-mod-choice .cell {
91   vertical-align: bottom;
92   text-align: center;
93 }
95 .path-mod-choice .results.anonymous th.header {
96   border: 1px solid inherit;
97 }
99 .path-mod-choice .results.names .header {
100   width: 10%;
101   white-space: normal;
104 .path-mod-choice .results.names .cell {
105   vertical-align: top;
106   text-align: left;
109 .path-mod-choice .results.names .user,
110 .path-mod-choice #yourselection {
111   padding: 5px;
114 .path-mod-choice .results.names .user .attemptaction,
115 .path-mod-choice .results.names .user .image,
116 .path-mod-choice .results.names .user .fullname {
117   float: left;
120 .path-mod-choice .results.names .user .fullname {
121   padding-left: 5px;
124 .path-mod-choice .results .data.header {
125   width: 10%;
128 .path-mod-choice .responseaction {
129   text-align: center;
132 .path-mod-choice .results .option {
133   white-space: normal;
136 .path-mod-choice .response {
137   overflow: auto;
140 .path-mod-choice .results .option,
141 .path-mod-choice .results .numberofuser,
142 .path-mod-choice .results .percentage {
143   font-weight: bold;
144   font-size: 108%;
147 #page-mod-choice-report .downloadreport ul li {
148   list-style: none;
149   padding: 0 20px;
150   display: inline;
151   float: left;
154 .path-mod-choice .clearfloat {
155   float: none;
156   clear: both;
159 /**
160  * Override for RTL layout
161  */
162 .path-mod-choice.dir-rtl .horizontal .choices .option {
163   padding-right: 0px;
164   padding-left: 20px;
165   float: right;
168 .path-mod-choice.dir-rtl .results.anonymous .graph.horizontal {
169   text-align: right;
172 .path-mod-choice.dir-rtl .results.anonymous {
173   text-align: center;
176 .path-mod-choice.dir-rtl .results.names .cell {
177   text-align: right;
180 .path-mod-choice.dir-rtl .results.names .user .attemptaction,
181 .path-mod-choice.dir-rtl .results.names .user .image,
182 .path-mod-choice.dir-rtl .results.names .user .fullname,
183 .path-mod-choice.dir-rtl .results.names .user .fullname {
184   padding-left: 0px;
185   padding-right: 5px;
188 .path-mod-choice.dir-rtl .downloadreport {
189   margin-left: 0;
190   margin-right: 25%;
193 #page-mod-choice-report.dir-rtl .downloadreport ul li {
194   float: right;
197 #page-mod-choice-view.dir-rtl .reportlink {
198   text-align: left;