MDL-50015 mod_imscp: New WS mod_imscp_view_imscp
[moodle.git] / mod / scorm / styles.css
1 .path-mod-scorm .top {
2     vertical-align: top;
3 }
5 .path-mod-scorm .scorm-left {
6     text-align: left;
7 }
9 .path-mod-scorm .scorm-center {
10     text-align: center;
11 }
13 .path-mod-scorm .scorm-right {
14     text-align: right;
15 }
17 .path-mod-scorm .scoframe {
18     position: relative;
19     width: 100%;
20     height: 100%;
21 }
23 .ios #scormpage #scorm_content {
24     -webkit-overflow-scrolling: touch;
25     overflow: scroll;
26 }
29 #page-mod-scorm-player #scormtop {
30     position: relative;
31     width: 100%;
32     height: 30px;
33 }
35 #page-mod-scorm-player #scormbrowse {
36     position: absolute;
37     left: 5px;
38     top: 0px;
39 }
41 #page-mod-scorm-player #scormnav {
42     position: absolute;
43     right: 5px;
44     text-align: center;
45     top: 3px;
46     width: 100%;
47 }
49 #page-mod-scorm-player #scormbox {
50     width: 74%;
51     height: 100%;
52     position: absolute;
53     right: 0px;
54     top: 0px;
55 }
57 #page-mod-scorm-player #scormpage {
58     position: relative;
59     width: 100%;
60     height: 100%;
61 }
63 #page-mod-scorm-player #scormpage #toctree {
64     position:relative;
65     width:100%;
66 }
68 #page-mod-scorm-player #tocbox {
69     position: relative;
70     left: 0px;
71     width: 100%;
72     height: 100%;
73     font-size: 0.8em;
74 }
76 #page-mod-scorm-player #toctree {
77     overflow: visible;
78 }
80 #page-mod-scorm-player #tochead {
81     position: relative;
82     text-align: center;
83     top: 3px;
84     height: 30px;
85 }
87 #page-mod-scorm-player #scormpage .scoframe {
88     frameborder: 0;
89 }
91 #page-mod-scorm-player #scormpage #scorm_object {
92     border: none;
93     width: 98%;
94     height: 98%;
95 }
97 #page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
98     height: 95%;
99 }
101 #page-mod-scorm-player #scormpage #scorm_content {
102     height: 100%;
105 #page-mod-scorm-player #scormpage #scorm_toc {
106     position: relative;
109 #page-mod-scorm-player #scormpage #scorm_toc_title {
110     font-size: 1.2em;
111     font-weight: bold;
114 #page-mod-scorm-player #scormpage #scorm_tree {
115     border-right: 5px solid rgb(239, 245, 255);
118 #page-mod-scorm-player #scormpage #scorm_navpanel {
119     text-align: center;
123 #page-mod-scorm-player .toc,
124 #page-mod-scorm-player .no-toc {
125     width: 100%;
128 #page-mod-scorm-player .structlist {
129     list-style-type: none;
130     white-space: nowrap;
133 #page-mod-scorm-player .structurelist {
134     position: relative;
135     list-style-type: none;
136     width: 96%;
137     margin: 0;
138     padding: 0;
141 #page-mod-scorm-player .structurelist ul {
142     padding-left: 0.5em;
143     margin-left: 0.5em;
146 #page-mod-scorm-player #scormpage #scorm_toc.disabled,
147 #page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled {
148     display: none;
151 #page-mod-scorm-view .structurelist {
152     list-style-type: none;
153     white-space: nowrap;
156 #page-mod-scorm-view .structurelist {
157     list-style-type: none;
158     white-space: nowrap;
161 #page-mod-scorm-view .exceededmaxattempts {
162     color: #cc0000;
165 #page-mod-scorm-player #altfinishlink {
166     font-size: 140%;
167     border: 0px;
168     padding: 0px;
171 #page-mod-scorm-player #scormmode {
172     float: left;
173     border: 0px;
176 #page-mod-scorm-player.pagelayout-popup #page-content .region-content {
177     padding: 0px;
180 #page-mod-scorm-player.pagelayout-popup #page-wrapper {
181     width:100%;
184 #page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
185     overflow: visible;
188 #page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
189     overflow: auto;
193 .path-mod-scorm.forcejavascript .scorm-center {
194     display: none;
197 .path-mod-scorm.forcejavascript .toc {
198     display: none;
201 .path-mod-scorm.forcejavascript #scormpage #tocbox {
202     display: none;
206 .path-mod-scorm.jsenabled .forcejavascriptmessage {
207     display: none;
210 .path-mod-scorm.jsenabled .scorm-center {
211     display: block;
214 .path-mod-scorm.jsenabled .toc {
215     display: block;
218 .path-mod-scorm.jsenabled #scormpage #tocbox {
219     display: block;
222 #page-mod-scorm-report-userreporttracks table .c1 {
223     word-wrap: break-word;
224     word-break: break-all;
227 #page-mod-scorm-report .scormattemptcounts {
228     clear: left;
229     text-align: center;
230     display:inline;
231     margin-left:20%;
234 #page-mod-scorm-player #scormpage span.yui3-treeview-icon {
235     display: none;
237 #page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
238     display: block;
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;
255 #page-mod-scorm-player #scormpage div.yui3-u-1 {
256     display: block;
259 #page-mod-scorm-player #scormpage div.yui3-u-3-4 {
260     width: 75%;
263 #page-mod-scorm-player #scormpage div.yui3-u-1-5 {
264     width: 20%;
267 #page-mod-scorm-player #scormpage div.yui3-u-1-24 {
268     width: 4.1666%;
271 #page-mod-scorm-player #scormpage div.yui3-g-r {
272     *letter-spacing: normal;
273     *word-spacing: -0.43em;
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,
282 #page-mod-scorm-player #scormpage div.yui3-g-r img {
283     max-width: 100%;
286 .dir-rtl#page-mod-scorm-player #scormpage span.yui3-treeview-icon {float:right;}