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