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