weekly on-sync release 2.8dev
[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;
44 top: 0px;
45 text-align: center;
46 top: 3px;
47 width: 100%;
48}
49
50#page-mod-scorm-player #scormbox {
51 width: 74%;
52 height: 100%;
53 position: absolute;
54 right: 0px;
55 top: 0px;
56}
57
58#page-mod-scorm-player #scormpage {
59 position: relative;
60 width: 100%;
61 height: 100%;
62}
63
64#page-mod-scorm-player #scormpage #toctree {
65 position:relative;
66 width:100%;
67}
68
69#page-mod-scorm-player #tocbox {
70 position: relative;
71 left: 0px;
72 width: 100%;
73 height: 100%;
74 font-size: 0.8em;
75}
76
77#page-mod-scorm-player #toctree {
78 overflow: visible;
79}
80
81#page-mod-scorm-player #tochead {
82 position: relative;
83 text-align: center;
84 top: 3px;
85 height: 30px;
86}
87
88#page-mod-scorm-player #scormpage .scoframe {
89 frameborder: 0;
90}
91
92#page-mod-scorm-player #scormpage #scorm_object {
93 border: none;
94 width: 98%;
95 height: 98%;
96}
97
98#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
99 height: 95%;
100}
101
102#page-mod-scorm-player #scormpage #scorm_content {
103 height: 100%;
104}
105
106#page-mod-scorm-player #scormpage #scorm_toc {
107 position: relative;
108}
109
110#page-mod-scorm-player #scormpage #scorm_toc_title {
111 font-size: 1.2em;
112 font-weight: bold;
113}
114
115#page-mod-scorm-player #scormpage #scorm_tree {
116 border-right: 5px solid rgb(239, 245, 255);
117}
118
119#page-mod-scorm-player #scormpage #scorm_navpanel {
120 text-align: center;
121}
122
90723839
SH
123
124#page-mod-scorm-player .toc,
b4f71f0c
N
125#page-mod-scorm-player .no-toc {
126 width: 100%;
127}
128
129#page-mod-scorm-player .structlist {
130 list-style-type: none;
131 white-space: nowrap;
132}
133
134#page-mod-scorm-player .structurelist {
135 position: relative;
136 list-style-type: none;
137 width: 96%;
138 margin: 0;
139 padding: 0;
140}
141
142#page-mod-scorm-player .structurelist ul {
143 padding-left: 0.5em;
144 margin-left: 0.5em;
145}
146
6db676bf
DM
147#page-mod-scorm-player #scormpage #scorm_toc.disabled,
148#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled {
b4f71f0c
N
149 display: none;
150}
151
152#page-mod-scorm-view .structurelist {
153 list-style-type: none;
154 white-space: nowrap;
155}
156
157#page-mod-scorm-view .structurelist {
158 list-style-type: none;
159 white-space: nowrap;
160}
161
162#page-mod-scorm-player #altfinishlink {
163 font-size: 140%;
164 border: 0px;
165 padding: 0px;
166}
167
168#page-mod-scorm-player #scormmode {
169 float: left;
170 border: 0px;
171}
172
173#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
174 padding: 0px;
175}
176
177#page-mod-scorm-player.pagelayout-popup #page-wrapper {
178 width:100%;
179}
180
181#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
182 overflow: visible;
183}
184
185#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
186 overflow: auto;
6db676bf 187}
90723839 188
5c2aa157 189
b4f71f0c
N
190.path-mod-scorm.forcejavascript .scorm-center {
191 display: none;
192}
193
194.path-mod-scorm.forcejavascript .toc {
195 display: none;
196}
197
198.path-mod-scorm.forcejavascript #scormpage #tocbox {
199 display: none;
200}
201
202
203.path-mod-scorm.jsenabled .forcejavascriptmessage {
204 display: none;
205}
206
207.path-mod-scorm.jsenabled .scorm-center {
208 display: block;
209}
210
211.path-mod-scorm.jsenabled .toc {
212 display: block;
213}
30bce58e 214
b4f71f0c
N
215.path-mod-scorm.jsenabled #scormpage #tocbox {
216 display: block;
217}
30bce58e 218
b5656373 219#page-mod-scorm-report-userreporttracks table .c1 {
b4f71f0c 220 word-wrap: break-word;
b5656373
DM
221 word-break: break-all;
222}
f505aab2 223
b4f71f0c
N
224#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
225 display: none;
226}
227#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
228 display: block;
229}
230
df5c7086
MG
231
232#page-mod-scorm-player #scormpage div.yui3-u-1,
233#page-mod-scorm-player #scormpage div.yui3-u-3-4,
234#page-mod-scorm-player #scormpage div.yui3-u-1-5,
235#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
236 display: inline-block;
237 *display: inline;
238 zoom: 1;
239 letter-spacing: normal;
240 word-spacing: normal;
241 vertical-align: top;
242 text-rendering: auto;
243}
244
b4f71f0c
N
245#page-mod-scorm-player #scormpage div.yui3-u-1 {
246 display: block;
247}
df5c7086 248
b4f71f0c
N
249#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
250 width: 75%;
251}
df5c7086 252
b4f71f0c
N
253#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
254 width: 20%;
255}
df5c7086 256
b4f71f0c
N
257#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
258 width: 4.1666%;
259}
df5c7086 260
b4f71f0c
N
261#page-mod-scorm-player #scormpage div.yui3-g-r {
262 *letter-spacing: normal;
263 *word-spacing: -0.43em;
264}
df5c7086
MG
265
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}