mod/scorm/styles.css

   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-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
  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;
  33     top: 0;
  34 }
  35
  36 #page-mod-scorm-player #scormnav {
  37     position: absolute;
  38     right: 5px;
  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;
  48     right: 0;
  49     top: 0;
  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 {
  59     position: relative;
  60     width: 100%;
  61 }
  62
  63 #page-mod-scorm-player #tocbox {
  64     position: relative;
  65     left: 0;
  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 {
  83     border: 0;
  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
 117 #page-mod-scorm-player .toc,
 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
 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;
 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
 157 #page-mod-scorm-view .exceededmaxattempts {
 158     color: #c00;
 159 }
 160
 161 #page-mod-scorm-player #altfinishlink {
 162     font-size: 140%;
 163     border: 0;
 164     padding: 0;
 165 }
 166
 167 #page-mod-scorm-player #scormmode {
 168     float: left;
 169     border: 0;
 170 }
 171
 172 #page-mod-scorm-player.pagelayout-popup #page-content .region-content {
 173     padding: 0;
 174 }
 175
 176 #page-mod-scorm-player.pagelayout-popup #page-wrapper {
 177     width: 100%;
 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;
 186 }
 187
 188 .path-mod-scorm.forcejavascript .toc {
 189     display: none;
 190 }
 191
 192 .path-mod-scorm.forcejavascript #scormpage #tocbox {
 193     display: none;
 194 }
 195
 196 .path-mod-scorm.jsenabled .forcejavascriptmessage {
 197     display: none;
 198 }
 199
 200 .path-mod-scorm.jsenabled .toc {
 201     display: block;
 202 }
 203
 204 .path-mod-scorm.jsenabled #scormpage #tocbox {
 205     display: block;
 206 }
 207
 208 #page-mod-scorm-report-userreporttracks table .c1 {
 209     word-wrap: break-word;
 210     word-break: break-all;
 211 }
 212
 213 #page-mod-scorm-report .scormattemptcounts {
 214     clear: left;
 215     text-align: center;
 216     display: inline;
 217     margin-left: 20%;
 218 }
 219
 220 #page-mod-scorm-player #scormpage span.yui3-treeview-icon {
 221     display: none;
 222 }
 223
 224 #page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
 225     display: block;
 226 }
 227
 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;
 239 }
 240
 241 #page-mod-scorm-player #scormpage div.yui3-u-1 {
 242     display: block;
 243 }
 244
 245 #page-mod-scorm-player #scormpage div.yui3-u-3-4 {
 246     width: 75%;
 247 }
 248
 249 #page-mod-scorm-player #scormpage div.yui3-u-1-5 {
 250     width: 20%;
 251 }
 252
 253 #page-mod-scorm-player #scormpage div.yui3-u-1-24 {
 254     width: 4.1666%;
 255 }
 256
 257 #page-mod-scorm-player #scormpage div.yui3-g-r {
 258     letter-spacing: normal;
 259     word-spacing: -0.43em;
 260 }
 261
 262 #scorm_layout {
 263     margin-bottom: 50px;
 264 }
 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,
 272 #page-mod-scorm-player #scormpage div.yui3-g-r img {
 273     max-width: 100%;
 274 }