weekly release 4.0dev
[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-right {
10     text-align: right;
11 }
13 .path-mod-scorm .scoframe {
14     position: relative;
15     width: 100%;
16     height: 100%;
17 }
19 .ios #scormpage #scorm_content {
20     -webkit-overflow-scrolling: touch;
21     overflow: scroll;
22 }
24 #page-mod-scorm-player #scormtop {
25     position: relative;
26     width: 100%;
27     height: 30px;
28 }
30 #page-mod-scorm-player #scormbrowse {
31     position: absolute;
32     left: 5px;
33     top: 0;
34 }
36 #page-mod-scorm-player #scormnav {
37     position: absolute;
38     right: 5px;
39     text-align: center;
40     top: 3px;
41     width: 100%;
42 }
44 #page-mod-scorm-player #scormbox {
45     width: 74%;
46     height: 100%;
47     position: absolute;
48     right: 0;
49     top: 0;
50 }
52 #page-mod-scorm-player #scormpage {
53     position: relative;
54     width: 100%;
55     height: 100%;
56 }
58 #page-mod-scorm-player #scormpage #toctree {
59     position: relative;
60     width: 100%;
61 }
63 #page-mod-scorm-player #tocbox {
64     position: relative;
65     left: 0;
66     width: 100%;
67     height: 100%;
68     font-size: 0.8em;
69 }
71 #page-mod-scorm-player #toctree {
72     overflow: visible;
73 }
75 #page-mod-scorm-player #tochead {
76     position: relative;
77     text-align: center;
78     top: 3px;
79     height: 30px;
80 }
82 #page-mod-scorm-player #scormpage .scoframe {
83     border: 0;
84 }
86 #page-mod-scorm-player #scormpage #scorm_object {
87     border: none;
88     width: 98%;
89     height: 98%;
90 }
92 #page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
93     height: 95%;
94 }
96 #page-mod-scorm-player #scormpage #scorm_content {
97     height: 100%;
98 }
100 #page-mod-scorm-player #scormpage #scorm_toc {
101     position: relative;
104 #page-mod-scorm-player #scormpage #scorm_toc_title {
105     font-size: 1.2em;
106     font-weight: bold;
109 #page-mod-scorm-player #scormpage #scorm_tree {
110     border-right: 5px solid rgb(239, 245, 255);
113 #page-mod-scorm-player #scormpage #scorm_navpanel {
114     text-align: center;
117 #page-mod-scorm-player .toc,
118 #page-mod-scorm-player .no-toc {
119     width: 100%;
122 #page-mod-scorm-player .structlist {
123     list-style-type: none;
124     white-space: nowrap;
127 #page-mod-scorm-player .structurelist {
128     position: relative;
129     list-style-type: none;
130     width: 96%;
131     margin: 0;
132     padding: 0;
135 #page-mod-scorm-player .structurelist ul {
136     padding-left: 0.5em;
137     margin-left: 0.5em;
140 #page-mod-scorm-player #scormpage #scorm_toc.disabled,
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 {
144     display: none;
147 #page-mod-scorm-view .structurelist {
148     list-style-type: none;
149     white-space: nowrap;
152 #page-mod-scorm-view .structurelist {
153     list-style-type: none;
154     white-space: nowrap;
157 #page-mod-scorm-view .exceededmaxattempts {
158     color: #c00;
161 #page-mod-scorm-player #altfinishlink {
162     font-size: 140%;
163     border: 0;
164     padding: 0;
167 #page-mod-scorm-player #scormmode {
168     float: left;
169     border: 0;
172 #page-mod-scorm-player.pagelayout-popup #page-content .region-content {
173     padding: 0;
176 #page-mod-scorm-player.pagelayout-popup #page-wrapper {
177     width: 100%;
180 #page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
181     overflow: visible;
184 #page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
185     overflow: auto;
188 .path-mod-scorm.forcejavascript .toc {
189     display: none;
192 .path-mod-scorm.forcejavascript #scormpage #tocbox {
193     display: none;
196 .path-mod-scorm.jsenabled .forcejavascriptmessage {
197     display: none;
200 .path-mod-scorm.jsenabled .toc {
201     display: block;
204 .path-mod-scorm.jsenabled #scormpage #tocbox {
205     display: block;
208 #page-mod-scorm-report-userreporttracks table .c1 {
209     word-wrap: break-word;
210     word-break: break-all;
213 #page-mod-scorm-report .scormattemptcounts {
214     clear: left;
215     text-align: center;
216     display: inline;
217     margin-left: 20%;
220 #page-mod-scorm-player #scormpage span.yui3-treeview-icon {
221     display: none;
224 #page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
225     display: block;
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;
233     *display: inline; /* stylelint-disable-line */
234     zoom: 1;
235     letter-spacing: normal;
236     word-spacing: normal;
237     vertical-align: top;
238     text-rendering: auto;
241 #page-mod-scorm-player #scormpage div.yui3-u-1 {
242     display: block;
245 #page-mod-scorm-player #scormpage div.yui3-u-3-4 {
246     width: 75%;
249 #page-mod-scorm-player #scormpage div.yui3-u-1-5 {
250     width: 20%;
253 #page-mod-scorm-player #scormpage div.yui3-u-1-24 {
254     width: 4.1666%;
257 #page-mod-scorm-player #scormpage div.yui3-g-r {
258     letter-spacing: normal;
259     word-spacing: -0.43em;
262 #scorm_layout {
263     margin-bottom: 50px;
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,
272 #page-mod-scorm-player #scormpage div.yui3-g-r img {
273     max-width: 100%;