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