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