learnpath.css 4.5 KB

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