MDL-55168 grunt: Add plain css linting
[moodle.git] / mod / scorm / styles.css
CommitLineData
b4f71f0c
N
1.path-mod-scorm .top {
2 vertical-align: top;
3}
4
5.path-mod-scorm .scorm-left {
6 text-align: left;
7}
8
9.path-mod-scorm .scorm-center {
10 text-align: center;
11}
12
13.path-mod-scorm .scorm-right {
14 text-align: right;
15}
16
17.path-mod-scorm .scoframe {
18 position: relative;
19 width: 100%;
20 height: 100%;
21}
22
23.ios #scormpage #scorm_content {
24 -webkit-overflow-scrolling: touch;
25 overflow: scroll;
26}
27
28
29#page-mod-scorm-player #scormtop {
30 position: relative;
31 width: 100%;
32 height: 30px;
33}
34
35#page-mod-scorm-player #scormbrowse {
36 position: absolute;
37 left: 5px;
38 top: 0px;
39}
40
41#page-mod-scorm-player #scormnav {
42 position: absolute;
43 right: 5px;
b4f71f0c
N
44 text-align: center;
45 top: 3px;
46 width: 100%;
47}
48
49#page-mod-scorm-player #scormbox {
50 width: 74%;
51 height: 100%;
52 position: absolute;
53 right: 0px;
54 top: 0px;
55}
56
57#page-mod-scorm-player #scormpage {
58 position: relative;
59 width: 100%;
60 height: 100%;
61}
62
63#page-mod-scorm-player #scormpage #toctree {
64 position:relative;
65 width:100%;
66}
67
68#page-mod-scorm-player #tocbox {
69 position: relative;
70 left: 0px;
71 width: 100%;
72 height: 100%;
73 font-size: 0.8em;
74}
75
76#page-mod-scorm-player #toctree {
77 overflow: visible;
78}
79
80#page-mod-scorm-player #tochead {
81 position: relative;
82 text-align: center;
83 top: 3px;
84 height: 30px;
85}
86
87#page-mod-scorm-player #scormpage .scoframe {
926ac16e 88 border: 0;
b4f71f0c
N
89}
90
91#page-mod-scorm-player #scormpage #scorm_object {
92 border: none;
93 width: 98%;
94 height: 98%;
95}
96
97#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
98 height: 95%;
99}
100
101#page-mod-scorm-player #scormpage #scorm_content {
102 height: 100%;
103}
104
105#page-mod-scorm-player #scormpage #scorm_toc {
106 position: relative;
107}
108
109#page-mod-scorm-player #scormpage #scorm_toc_title {
110 font-size: 1.2em;
111 font-weight: bold;
112}
113
114#page-mod-scorm-player #scormpage #scorm_tree {
115 border-right: 5px solid rgb(239, 245, 255);
116}
117
118#page-mod-scorm-player #scormpage #scorm_navpanel {
119 text-align: center;
120}
121
90723839
SH
122
123#page-mod-scorm-player .toc,
b4f71f0c
N
124#page-mod-scorm-player .no-toc {
125 width: 100%;
126}
127
128#page-mod-scorm-player .structlist {
129 list-style-type: none;
130 white-space: nowrap;
131}
132
133#page-mod-scorm-player .structurelist {
134 position: relative;
135 list-style-type: none;
136 width: 96%;
137 margin: 0;
138 padding: 0;
139}
140
141#page-mod-scorm-player .structurelist ul {
142 padding-left: 0.5em;
143 margin-left: 0.5em;
144}
145
6db676bf
DM
146#page-mod-scorm-player #scormpage #scorm_toc.disabled,
147#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled {
b4f71f0c
N
148 display: none;
149}
150
151#page-mod-scorm-view .structurelist {
152 list-style-type: none;
153 white-space: nowrap;
154}
155
156#page-mod-scorm-view .structurelist {
157 list-style-type: none;
158 white-space: nowrap;
159}
160
27b8872c
N
161#page-mod-scorm-view .exceededmaxattempts {
162 color: #cc0000;
163}
164
b4f71f0c
N
165#page-mod-scorm-player #altfinishlink {
166 font-size: 140%;
167 border: 0px;
168 padding: 0px;
169}
170
171#page-mod-scorm-player #scormmode {
172 float: left;
173 border: 0px;
174}
175
176#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
177 padding: 0px;
178}
179
180#page-mod-scorm-player.pagelayout-popup #page-wrapper {
181 width:100%;
182}
183
184#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
185 overflow: visible;
186}
187
188#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
189 overflow: auto;
6db676bf 190}
90723839 191
5c2aa157 192
b4f71f0c
N
193.path-mod-scorm.forcejavascript .scorm-center {
194 display: none;
195}
196
197.path-mod-scorm.forcejavascript .toc {
198 display: none;
199}
200
201.path-mod-scorm.forcejavascript #scormpage #tocbox {
202 display: none;
203}
204
205
206.path-mod-scorm.jsenabled .forcejavascriptmessage {
207 display: none;
208}
209
210.path-mod-scorm.jsenabled .scorm-center {
211 display: block;
212}
213
214.path-mod-scorm.jsenabled .toc {
215 display: block;
216}
30bce58e 217
b4f71f0c
N
218.path-mod-scorm.jsenabled #scormpage #tocbox {
219 display: block;
220}
30bce58e 221
b5656373 222#page-mod-scorm-report-userreporttracks table .c1 {
b4f71f0c 223 word-wrap: break-word;
b5656373
DM
224 word-break: break-all;
225}
f505aab2 226
27b8872c
N
227#page-mod-scorm-report .scormattemptcounts {
228 clear: left;
229 text-align: center;
230 display:inline;
231 margin-left:20%;
232}
233
b4f71f0c
N
234#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
235 display: none;
236}
237#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
238 display: block;
239}
240
df5c7086
MG
241
242#page-mod-scorm-player #scormpage div.yui3-u-1,
243#page-mod-scorm-player #scormpage div.yui3-u-3-4,
244#page-mod-scorm-player #scormpage div.yui3-u-1-5,
245#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
246 display: inline-block;
247 *display: inline;
248 zoom: 1;
249 letter-spacing: normal;
250 word-spacing: normal;
251 vertical-align: top;
252 text-rendering: auto;
253}
254
b4f71f0c
N
255#page-mod-scorm-player #scormpage div.yui3-u-1 {
256 display: block;
257}
df5c7086 258
b4f71f0c
N
259#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
260 width: 75%;
261}
df5c7086 262
b4f71f0c
N
263#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
264 width: 20%;
265}
df5c7086 266
b4f71f0c
N
267#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
268 width: 4.1666%;
269}
df5c7086 270
b4f71f0c
N
271#page-mod-scorm-player #scormpage div.yui3-g-r {
272 *letter-spacing: normal;
273 *word-spacing: -0.43em;
274}
df5c7086
MG
275
276/**
277* Opera as of 12 on Windows needs word-spacing.
278* The ".opera-only" selector is used to prevent actual prefocus styling
279* and is not required in markup.
280*/
281#page-mod-scorm-player .opera-only :-o-prefocus,
b4f71f0c
N
282#page-mod-scorm-player #scormpage div.yui3-g-r img {
283 max-width: 100%;
284}