scorm.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. .scormpage {
  2. height: 100%;
  3. }
  4. .scormpage .menu {
  5. width: 180px;
  6. float: left;
  7. margin: 1px;
  8. padding: 0px;
  9. margin-top: 0px;
  10. padding-top: 0px;
  11. font-size: small;
  12. }
  13. .lp_toc {
  14. background-color: white;
  15. height: 380px;
  16. width: 99%;
  17. border-right: 1px none;
  18. }
  19. .inner_lp_toc {
  20. overflow: auto;
  21. background-color: white;
  22. height: 210px;
  23. width: 94%;
  24. border-left: 5px #FFF solid;
  25. }
  26. .inner_lp_toc .scorm_item a {
  27. font-weight: bold;
  28. /* text-shadow: 0 1px 1px #F6F6F6; */
  29. font-size: 14px;
  30. margin-right: 1px;
  31. padding-bottom: 2px;
  32. text-decoration: none;
  33. font-family: Helvetica,Arial,sans-serif;
  34. color: #2F3E46;
  35. }
  36. .inner_lp_toc .scorm_item a.chapter_module {
  37. font-weight: normal;
  38. margin-right: 10px;
  39. }
  40. .inner_lp_toc .scorm_item_highlight {
  41. border:1px solid #00516e;
  42. background:#4b88b6;
  43. font-weight:bold;
  44. text-shadow:0 -1px 1px #014d68;
  45. background-image:-webkit-gradient(linear,left top,left bottom,from(#72b0d4),to(#4b88b6));
  46. background-image:-webkit-linear-gradient(top,#72b0d4,#4b88b6);
  47. background-image:-moz-linear-gradient(top,#72b0d4,#4b88b6);
  48. background-image:-ms-linear-gradient(top,#72b0d4,#4b88b6);
  49. background-image:-o-linear-gradient(top,#72b0d4,#4b88b6);
  50. background-image:linear-gradient(top,#72b0d4,#4b88b6)
  51. margin-right: 1px;
  52. padding: 10px 0px 10px 0px;
  53. text-decoration: none;
  54. }
  55. .inner_lp_toc .scorm_item_highlight a {
  56. color:#fff;
  57. margin-right: 1px;
  58. text-decoration: none;
  59. font-weight: bold;
  60. }
  61. .inner_lp_toc .scorm_item_section {
  62. border:1px solid #222;
  63. background:#333;
  64. font-weight:bold;
  65. color:#fff;
  66. text-shadow:0 -1px 1px #000;
  67. background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
  68. background-image:-webkit-linear-gradient(top,#555,#333);
  69. background-image:-moz-linear-gradient(top,#555,#333);
  70. background-image:-ms-linear-gradient(top,#555,#333);
  71. background-image:-o-linear-gradient(top,#555,#333);
  72. background-image:linear-gradient(top,#555,#333);
  73. margin-right: 1px;
  74. padding: 10px 0px 10px 0px;
  75. text-decoration: none;
  76. }
  77. .inner_lp_toc .scorm_item {
  78. font-size: 16px;
  79. margin-left: 10px;
  80. margin-right:10px;
  81. text-decoration: none;
  82. border-color: rgba(255, 255, 255, 0.3);
  83. }
  84. .inner_lp_toc .scorm_item_1 {
  85. border-bottom: 1px solid #CCCCCC;
  86. background:#eee;
  87. font-weight:bold;
  88. color:#444;
  89. text-shadow:0 1px 1px #f6f6f6;
  90. background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
  91. background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
  92. background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
  93. background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
  94. background-image:-o-linear-gradient(top,#fdfdfd,#eee);
  95. background-image:linear-gradient(top,#fdfdfd,#eee);
  96. margin-right: 1px;
  97. padding: 10px 0px 10px 0px;
  98. text-decoration: none;
  99. font-weight: normal;
  100. /* background:#FDFDFD; */
  101. }
  102. .inner_lp_toc .scorm_item_2 {
  103. background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
  104. background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
  105. background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
  106. background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
  107. background-image:-o-linear-gradient(top,#fdfdfd,#eee);
  108. background-image:linear-gradient(top,#fdfdfd,#eee);
  109. border-bottom: 1px solid #CCCCCC;
  110. color: #444444;
  111. font-weight: bold;
  112. text-shadow: 0 1px 1px #F6F6F6;
  113. margin-right: 1px;
  114. padding: 10px 0px 10px 0px;
  115. text-decoration: none;
  116. font-weight: normal;
  117. }
  118. .inner_lp_toc .scorm_title {
  119. font-weight: bold;
  120. background:#ccc;
  121. font-size: 14px;
  122. color: #444;
  123. }
  124. .inner_lp_toc .scorm_title_text {
  125. margin-left: 10px;
  126. }
  127. .inner_lp_toc .scorm_status_img {
  128. margin:0px;
  129. margin-left: -10px;
  130. width:10px;
  131. }
  132. .lp_navigation {
  133. overflow: auto;
  134. background-color: white;
  135. height: 44px;
  136. width:180px;
  137. padding-top: 4px;
  138. padding-bottom:0px;
  139. border: none;
  140. margin-top: -18px;
  141. border-top: 1px dotted black;
  142. border-bottom: 1px dotted black;
  143. }
  144. .lp_navigation_elem {
  145. padding-left: 15px;
  146. padding-top: 0px;
  147. }
  148. /*.scormpage .menu */
  149. .lp_navigation_elem .progresstext {
  150. margin-top: -20px;
  151. // margin-left: 40%;
  152. //em font-size: normal;
  153. }
  154. /*.scormpage .menu */
  155. .lp_navigation_elem .buttons {
  156. margin-left: 0px;
  157. margin-right: 0em;
  158. margin-top: 0.4em;
  159. }
  160. .scormpage .menu .notification {
  161. background-color: white;
  162. height: 50px;
  163. }
  164. .scormpage .menu .notification .message {
  165. background-color: white;
  166. height: 50px;
  167. width: 180px;
  168. border: none;
  169. }
  170. .scormpage .content {
  171. /*float: left;
  172. width: 60%;*/
  173. margin-top: 0px;
  174. padding-top: 0px;
  175. padding-left: 180px;
  176. background-color: white;
  177. }
  178. .iframe {
  179. border: 0px solid black;
  180. height: 100%;
  181. width: 95%;
  182. margin: 0px;
  183. padding-right: 0px;
  184. overflow: auto;
  185. vertical-align: top;
  186. }
  187. .scormpage .footer {
  188. clear: both;
  189. }
  190. #image_preview {
  191. padding-left: 17px;
  192. }
  193. #author_name {
  194. padding-left: 5px;
  195. padding-top: 5px;
  196. font-size: 11px;
  197. color:#888;
  198. }
  199. #msg_div_id {
  200. padding-left: 17px;
  201. padding-top: 4px;
  202. }
  203. .scorm_title_text {
  204. margin-left: 10px;
  205. font-weight: bold;
  206. background:#eee;
  207. font-size: 16px;
  208. color: #444;
  209. width: 89%;
  210. padding: 1px 5px 3px 8px;
  211. }