Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

MDL-41216 scorm: style.css now follows block format

  • Loading branch information...
commit b4f71f0c102ed8243777aeb0f9d714fcfb67cb6b 1 parent c0e8812
@nobelium nobelium authored
Showing with 236 additions and 54 deletions.
  1. +236 −54 mod/scorm/styles.css
View
290 mod/scorm/styles.css
@@ -1,63 +1,233 @@
-.path-mod-scorm .top {vertical-align: top;}
-.path-mod-scorm .scorm-left {text-align: left;}
-.path-mod-scorm .scorm-center {text-align: center;}
-.path-mod-scorm .scorm-right {text-align: right;}
-.path-mod-scorm .scoframe {position: relative;width: 100%;height: 100%;}
-.ios #scormpage #scorm_content {-webkit-overflow-scrolling: touch; overflow: scroll;}
-
-#page-mod-scorm-player #scormtop {position: relative;width: 100%;height: 30px;}
-#page-mod-scorm-player #scormbrowse {position: absolute;left: 5px;top: 0px;}
-#page-mod-scorm-player #scormnav {position: absolute;right: 5px;top: 0px;text-align: center;top: 3px;width: 100%;}
-#page-mod-scorm-player #scormbox {width: 74%;height: 100%;position: absolute;right: 0px;top: 0px;}
-#page-mod-scorm-player #scormpage {position: relative;width: 100%;height: 100%;}
-#page-mod-scorm-player #scormpage #toctree {position:relative;width:100%;}
-#page-mod-scorm-player #tocbox {position: relative;left: 0px;width: 100%;height: 100%;font-size: 0.8em;}
-#page-mod-scorm-player #toctree { overflow: visible; }
-#page-mod-scorm-player #tochead {position: relative;text-align: center;top: 3px;height: 30px;}
-#page-mod-scorm-player #scormpage .scoframe {frameborder: 0;}
-#page-mod-scorm-player #scormpage #scorm_object {border: none; width: 98%; height: 98%;}
-#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {height: 95%;}
-#page-mod-scorm-player #scormpage #scorm_content {height: 100%;}
-#page-mod-scorm-player #scormpage #scorm_toc {position: relative;}
-#page-mod-scorm-player #scormpage #scorm_toc_title {font-size: 1.2em; font-weight: bold;}
-#page-mod-scorm-player #scormpage #scorm_tree {border-right: 5px solid rgb(239, 245, 255);}
-#page-mod-scorm-player #scormpage #scorm_navpanel {text-align: center;}
+.path-mod-scorm .top {
+ vertical-align: top;
+}
+
+.path-mod-scorm .scorm-left {
+ text-align: left;
+}
+
+.path-mod-scorm .scorm-center {
+ text-align: center;
+}
+
+.path-mod-scorm .scorm-right {
+ text-align: right;
+}
+
+.path-mod-scorm .scoframe {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+.ios #scormpage #scorm_content {
+ -webkit-overflow-scrolling: touch;
+ overflow: scroll;
+}
+
+
+#page-mod-scorm-player #scormtop {
+ position: relative;
+ width: 100%;
+ height: 30px;
+}
+
+#page-mod-scorm-player #scormbrowse {
+ position: absolute;
+ left: 5px;
+ top: 0px;
+}
+
+#page-mod-scorm-player #scormnav {
+ position: absolute;
+ right: 5px;
+ top: 0px;
+ text-align: center;
+ top: 3px;
+ width: 100%;
+}
+
+#page-mod-scorm-player #scormbox {
+ width: 74%;
+ height: 100%;
+ position: absolute;
+ right: 0px;
+ top: 0px;
+}
+
+#page-mod-scorm-player #scormpage {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+#page-mod-scorm-player #scormpage #toctree {
+ position:relative;
+ width:100%;
+}
+
+#page-mod-scorm-player #tocbox {
+ position: relative;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ font-size: 0.8em;
+}
+
+#page-mod-scorm-player #toctree {
+ overflow: visible;
+}
+
+#page-mod-scorm-player #tochead {
+ position: relative;
+ text-align: center;
+ top: 3px;
+ height: 30px;
+}
+
+#page-mod-scorm-player #scormpage .scoframe {
+ frameborder: 0;
+}
+
+#page-mod-scorm-player #scormpage #scorm_object {
+ border: none;
+ width: 98%;
+ height: 98%;
+}
+
+#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
+ height: 95%;
+}
+
+#page-mod-scorm-player #scormpage #scorm_content {
+ height: 100%;
+}
+
+#page-mod-scorm-player #scormpage #scorm_toc {
+ position: relative;
+}
+
+#page-mod-scorm-player #scormpage #scorm_toc_title {
+ font-size: 1.2em;
+ font-weight: bold;
+}
+
+#page-mod-scorm-player #scormpage #scorm_tree {
+ border-right: 5px solid rgb(239, 245, 255);
+}
+
+#page-mod-scorm-player #scormpage #scorm_navpanel {
+ text-align: center;
+}
+
#page-mod-scorm-player .toc,
-#page-mod-scorm-player .no-toc {width: 100%;}
-#page-mod-scorm-player .structlist {list-style-type: none;white-space: nowrap;}
-#page-mod-scorm-player .structurelist {position: relative;list-style-type: none;width: 96%;margin:0;padding:0;}
-#page-mod-scorm-player .structurelist ul {padding-left: 0.5em;margin-left: 0.5em;}
+#page-mod-scorm-player .no-toc {
+ width: 100%;
+}
+
+#page-mod-scorm-player .structlist {
+ list-style-type: none;
+ white-space: nowrap;
+}
+
+#page-mod-scorm-player .structurelist {
+ position: relative;
+ list-style-type: none;
+ width: 96%;
+ margin: 0;
+ padding: 0;
+}
+
+#page-mod-scorm-player .structurelist ul {
+ padding-left: 0.5em;
+ margin-left: 0.5em;
+}
+
#page-mod-scorm-player #scormpage #scorm_toc.disabled,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled {
- display:none
+ display: none;
+}
+
+#page-mod-scorm-view .structurelist {
+ list-style-type: none;
+ white-space: nowrap;
+}
+
+#page-mod-scorm-view .structurelist {
+ list-style-type: none;
+ white-space: nowrap;
+}
+
+#page-mod-scorm-player #altfinishlink {
+ font-size: 140%;
+ border: 0px;
+ padding: 0px;
+}
+
+#page-mod-scorm-player #scormmode {
+ float: left;
+ border: 0px;
+}
+
+#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
+ padding: 0px;
+}
+
+#page-mod-scorm-player.pagelayout-popup #page-wrapper {
+ width:100%;
+}
+
+#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
+ overflow: visible;
+}
+
+#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
+ overflow: auto;
}
-#page-mod-scorm-view .structurelist {list-style-type: none;white-space: nowrap;}
-#page-mod-scorm-view .structurelist {list-style-type: none;white-space: nowrap;}
-#page-mod-scorm-player #altfinishlink {font-size: 140%;border: 0px; padding: 0px; }
-#page-mod-scorm-player #scormmode {float: left; border: 0px; }
-#page-mod-scorm-player.pagelayout-popup #page-content .region-content {padding: 0px; }
-#page-mod-scorm-player.pagelayout-popup #page-wrapper {width:100%;}
-#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {overflow:visible;}
-#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {overflow:auto;}
+.path-mod-scorm.forcejavascript .scorm-center {
+ display: none;
+}
+
+.path-mod-scorm.forcejavascript .toc {
+ display: none;
+}
+
+.path-mod-scorm.forcejavascript #scormpage #tocbox {
+ display: none;
+}
+
+
+.path-mod-scorm.jsenabled .forcejavascriptmessage {
+ display: none;
+}
+
+.path-mod-scorm.jsenabled .scorm-center {
+ display: block;
+}
+
+.path-mod-scorm.jsenabled .toc {
+ display: block;
+}
-.path-mod-scorm.forcejavascript .scorm-center { display:none;}
-.path-mod-scorm.forcejavascript .toc { display:none;}
-.path-mod-scorm.forcejavascript #scormpage #tocbox { display:none;}
+.path-mod-scorm.jsenabled #scormpage #tocbox {
+ display: block;
+}
-.path-mod-scorm.jsenabled .forcejavascriptmessage {display: none;}
-.path-mod-scorm.jsenabled .scorm-center { display:block;}
-.path-mod-scorm.jsenabled .toc { display:block;}
-.path-mod-scorm.jsenabled #scormpage #tocbox { display:block;}
#page-mod-scorm-report-userreporttracks table .c1 {
- word-wrap:break-word;
+ word-wrap: break-word;
word-break: break-all;
}
-#page-mod-scorm-player #scormpage span.yui3-treeview-icon {display: none;}
-#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {display: block;}
+#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
+ display: none;
+}
+#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
+ display: block;
+}
+
#page-mod-scorm-player #scormpage div.yui3-u-1,
#page-mod-scorm-player #scormpage div.yui3-u-3-4,
@@ -72,15 +242,26 @@
text-rendering: auto;
}
-#page-mod-scorm-player #scormpage div.yui3-u-1 {display: block;}
+#page-mod-scorm-player #scormpage div.yui3-u-1 {
+ display: block;
+}
-#page-mod-scorm-player #scormpage div.yui3-u-3-4 {width: 75%;}
+#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
+ width: 75%;
+}
-#page-mod-scorm-player #scormpage div.yui3-u-1-5 {width: 20%;}
+#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
+ width: 20%;
+}
-#page-mod-scorm-player #scormpage div.yui3-u-1-24 {width: 4.1666%;}
+#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
+ width: 4.1666%;
+}
-#page-mod-scorm-player #scormpage div.yui3-g-r {*letter-spacing: normal; *word-spacing: -0.43em;}
+#page-mod-scorm-player #scormpage div.yui3-g-r {
+ *letter-spacing: normal;
+ *word-spacing: -0.43em;
+}
/**
* Opera as of 12 on Windows needs word-spacing.
@@ -88,5 +269,6 @@
* and is not required in markup.
*/
#page-mod-scorm-player .opera-only :-o-prefocus,
-
-#page-mod-scorm-player #scormpage div.yui3-g-r img {max-width: 100%;}
+#page-mod-scorm-player #scormpage div.yui3-g-r img {
+ max-width: 100%;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.