learnpath.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. /* items scorm*/
  2. .scorm_item_normal.scorm_completed {
  3. background:url("images/scorm_completed.png") no-repeat left center;
  4. }
  5. .scorm_item_normal.scorm_failed{
  6. background:url("images/scorm_failed.png") no-repeat left center;
  7. }
  8. .scorm_item_normal.scorm_not_attempted{
  9. background:url("images/scorm_not_attempted.png") no-repeat left center;
  10. }
  11. .scorm_item_normal.scorm_highlight{
  12. background:url("images/scorm_highlight.png") no-repeat left center;
  13. }
  14. div.text {
  15. margin-left : 6;
  16. margin-right : 6;
  17. margin-top : 5;
  18. margin-bottom : 5;
  19. text-align : justify;
  20. }
  21. span.messagesmall {
  22. font-style : italic;
  23. color : Red;
  24. }
  25. /* newscorm/learnpath */
  26. div.lp_actions {
  27. background:#F8F8F8;
  28. border-bottom:1px solid #999999;
  29. padding:3px;
  30. }
  31. div.lp_actions img {
  32. margin-right:5px;
  33. }
  34. div.lp_small_form {
  35. background:#F8F8F8;
  36. border:1px solid #999999;
  37. padding:10px;
  38. }
  39. div.lp_small_form input {
  40. font-size:10px;
  41. }
  42. div.lp_manipulate {
  43. background:#F8F8F8;
  44. border-bottom:1px dotted #999999;
  45. margin-bottom:0px;
  46. padding:3px 0 3px 10px;
  47. }
  48. div.lp_manipulate a {
  49. padding-right:10px;
  50. }
  51. div.lp_message {
  52. background:#FEC880;
  53. border:1px solid #E28C15;
  54. font-size:12px;
  55. padding:10px;
  56. }
  57. div.lp_resource_header {
  58. cursor: pointer;
  59. background:#F0F0F0;
  60. border:1px solid #999999;
  61. font-weight:bold;
  62. padding:10px;
  63. width:350px;
  64. }
  65. div.lp_resource_header_end {
  66. background:#F0F0F0;
  67. border:1px solid #999999;
  68. font-weight:bold;
  69. padding:10px;
  70. width:350px;
  71. }
  72. div.lp_resource_elements {
  73. background:#FAFAFA;
  74. border:1px solid #999999;
  75. border-bottom:0;
  76. display:none;
  77. padding:5px 10px;
  78. width:350px;
  79. }
  80. div.lp_resource_elements_end {
  81. background:#FAFAFA;
  82. border:1px solid #999999;
  83. border-top: 0px;
  84. display:none;
  85. padding:5px 10px;
  86. width:350px;
  87. }
  88. div.lp_resource_elements div {
  89. padding:3px;
  90. }
  91. div.lp_tree {
  92. height:100%;
  93. padding:3px 10px 3px 0;
  94. overflow-x : auto;
  95. overflow-y : auto;
  96. width:190px;
  97. }
  98. hr {
  99. background:#999999;
  100. border:0;
  101. color:#999999;
  102. height:1px;
  103. margin:10px auto;
  104. width:75%;
  105. }
  106. option.bottom {
  107. border-top:1px solid #999999;
  108. margin-top:2px;
  109. padding-top:2px;
  110. }
  111. option.top {
  112. border-bottom:1px solid #999999;
  113. margin-bottom:2px;
  114. padding-bottom:2px;
  115. }
  116. p.lp_action {
  117. margin:5px 0;
  118. }
  119. p.lp_text {
  120. margin-top:0px;
  121. }
  122. p.lp_title {
  123. font-weight:bold;
  124. margin-top:5px;
  125. padding-left:7px;
  126. }
  127. table.lp_build {
  128. font-size:12px;
  129. height:400px;
  130. width:100%;
  131. }
  132. table.lp_build td {
  133. vertical-align:top;
  134. }
  135. table.lp_build td.tree {
  136. /* border-right:1px solid #999999;*/
  137. padding-right: 5px;
  138. width:205px;
  139. }
  140. table.lp_build td.workspace {
  141. padding: 0px;
  142. padding-left:5px;
  143. width:auto;
  144. }
  145. table.lp_form {
  146. font-size:12px;
  147. margin:0 10px;
  148. width:auto;
  149. }
  150. table.lp_form td {
  151. height:25px;
  152. padding:5px;
  153. vertical-align:top;
  154. width:auto;
  155. }
  156. table.lp_form td.label {
  157. padding-top:7px;
  158. text-align:right;
  159. }
  160. table.lp_form td.radio {
  161. width:300px;
  162. }
  163. table.lp_form td.exercise {
  164. width:50px;
  165. }
  166. table.lp_form th {
  167. background:#F8F8F8;
  168. border-bottom:1px solid #999999;
  169. border-top:1px solid #999999;
  170. }
  171. table.lp_overview th.exercise {
  172. width:50px;
  173. }
  174. table.lp_form input, table.lp_form select, table.lp_form textarea {
  175. /* background:#F8F8F8;
  176. border:1px solid #999999;
  177. font-family:Arial, Verdana, Helvetica, sans-serif;
  178. font-size:12px;
  179. padding:1px 2px;
  180. width:300px;*/
  181. }
  182. table.lp_form td.radio input, table.lp_form td.exercise input {
  183. width:auto;
  184. }
  185. table.lp_form .small_form {
  186. background:#FFFFFF;
  187. }
  188. table.lp_form select {
  189. /* padding:0;*/
  190. }
  191. table.lp_form input.button {
  192. width:75px;
  193. }
  194. table.lp_overview {
  195. font-size:12px;
  196. width:100%;
  197. }
  198. table.lp_overview td {
  199. border-bottom:1px solid #999999;
  200. border-top:1px solid #999999;
  201. height:20px;
  202. padding:3px;
  203. vertical-align:middle;
  204. width:auto;
  205. }
  206. table.lp_overview td.title {
  207. width:200px;
  208. }
  209. table.lp_overview td.actions {
  210. text-align:center;
  211. width:100px;
  212. }
  213. table.lp_overview td.move {
  214. text-align:center;
  215. width:50px;
  216. }
  217. table.lp_overview th {
  218. background:#FFFFFF;
  219. padding-left:3px;
  220. text-align:center;
  221. }
  222. table.lp_overview tr {
  223. background:#F8F8F8;
  224. }
  225. table.lp_overview tr:hover {
  226. background:#E5EDF9;
  227. }
  228. table.lp_overview img {
  229. margin-left:3px;
  230. }