learnpath.css 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298
  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_section{
  30. -webkit-border-top-left-radius: 5px;
  31. -webkit-border-top-right-radius: 5px;
  32. -moz-border-radius-topleft: 5px;
  33. -moz-border-radius-topright: 5px;
  34. border-top-left-radius: 5px;
  35. border-top-right-radius: 5px;
  36. }
  37. .lp-view-include-breadcrumb {
  38. background-color: #ffffff;
  39. }
  40. div.text {
  41. margin-left : 6;
  42. margin-right : 6;
  43. margin-top : 5;
  44. margin-bottom : 5;
  45. text-align : justify;
  46. }
  47. span.messagesmall {
  48. font-style : italic;
  49. color : Red;
  50. }
  51. /* newscorm/learnpath */
  52. div.lp_actions {
  53. background:#F8F8F8;
  54. border-bottom:1px solid #999999;
  55. padding:3px;
  56. }
  57. div.lp_actions img {
  58. margin-right:5px;
  59. }
  60. div.lp_small_form {
  61. background:#F8F8F8;
  62. border:1px solid #999999;
  63. padding:10px;
  64. }
  65. div.lp_small_form input {
  66. font-size:10px;
  67. }
  68. div.lp_manipulate {
  69. background:#F8F8F8;
  70. border-bottom:1px dotted #999999;
  71. margin-bottom:0px;
  72. padding:3px 0 3px 10px;
  73. }
  74. div.lp_manipulate a {
  75. padding-right:10px;
  76. }
  77. div.lp_message {
  78. background:#FEC880;
  79. border:1px solid #E28C15;
  80. font-size:12px;
  81. padding:10px;
  82. }
  83. div.lp_resource_header {
  84. cursor: pointer;
  85. background:#F0F0F0;
  86. border:1px solid #999999;
  87. font-weight:bold;
  88. padding:10px;
  89. width:350px;
  90. }
  91. div.lp_resource_header_end {
  92. background:#F0F0F0;
  93. border:1px solid #999999;
  94. font-weight:bold;
  95. padding:10px;
  96. width:350px;
  97. }
  98. div.lp_resource_elements {
  99. background:#FAFAFA;
  100. border:1px solid #999999;
  101. border-bottom:0;
  102. display:none;
  103. padding:5px 10px;
  104. width:350px;
  105. }
  106. div.lp_resource_elements_end {
  107. background:#FAFAFA;
  108. border:1px solid #999999;
  109. border-top: 0px;
  110. display:none;
  111. padding:5px 10px;
  112. width:350px;
  113. }
  114. div.lp_resource_elements div {
  115. padding:3px;
  116. }
  117. div.lp_tree {
  118. height:100%;
  119. padding:3px 10px 3px 0;
  120. overflow-x : auto;
  121. overflow-y : auto;
  122. width:190px;
  123. }
  124. hr {
  125. background:#999999;
  126. border:0;
  127. color:#999999;
  128. height:1px;
  129. margin:10px auto;
  130. width:75%;
  131. }
  132. option.bottom {
  133. border-top:1px solid #999999;
  134. margin-top:2px;
  135. padding-top:2px;
  136. }
  137. option.top {
  138. border-bottom:1px solid #999999;
  139. margin-bottom:2px;
  140. padding-bottom:2px;
  141. }
  142. p.lp_action {
  143. margin:5px 0;
  144. }
  145. p.lp_text {
  146. margin-top:0px;
  147. }
  148. p.lp_title {
  149. font-weight:bold;
  150. margin-top:5px;
  151. padding-left:7px;
  152. }
  153. table.lp_build {
  154. font-size:12px;
  155. height:400px;
  156. width:100%;
  157. }
  158. table.lp_build td {
  159. vertical-align:top;
  160. }
  161. table.lp_build td.tree {
  162. /* border-right:1px solid #999999;*/
  163. padding-right: 5px;
  164. width:205px;
  165. }
  166. table.lp_build td.workspace {
  167. padding: 0px;
  168. padding-left:5px;
  169. width:auto;
  170. }
  171. table.lp_form {
  172. font-size:12px;
  173. margin:0 10px;
  174. width:auto;
  175. }
  176. table.lp_form td {
  177. height:25px;
  178. padding:5px;
  179. vertical-align:top;
  180. width:auto;
  181. }
  182. table.lp_form td.label {
  183. padding-top:7px;
  184. text-align:right;
  185. }
  186. table.lp_form td.radio {
  187. width:300px;
  188. }
  189. table.lp_form td.exercise {
  190. width:50px;
  191. }
  192. table.lp_form th {
  193. background:#F8F8F8;
  194. border-bottom:1px solid #999999;
  195. border-top:1px solid #999999;
  196. }
  197. table.lp_overview th.exercise {
  198. width:50px;
  199. }
  200. table.lp_form td.radio input, table.lp_form td.exercise input {
  201. width:auto;
  202. }
  203. table.lp_form .small_form {
  204. background:#FFFFFF;
  205. }
  206. table.lp_form select {
  207. /* padding:0;*/
  208. }
  209. table.lp_form input.button {
  210. width:75px;
  211. }
  212. table.lp_overview {
  213. font-size:12px;
  214. width:100%;
  215. }
  216. table.lp_overview td {
  217. border-bottom:1px solid #999999;
  218. border-top:1px solid #999999;
  219. height:20px;
  220. padding:3px;
  221. vertical-align:middle;
  222. width:auto;
  223. }
  224. table.lp_overview td.title {
  225. width:200px;
  226. }
  227. table.lp_overview td.actions {
  228. text-align:center;
  229. width:100px;
  230. }
  231. table.lp_overview td.move {
  232. text-align:center;
  233. width:50px;
  234. }
  235. table.lp_overview th {
  236. background:#FFFFFF;
  237. padding-left:3px;
  238. text-align:center;
  239. }
  240. table.lp_overview tr {
  241. background:#F8F8F8;
  242. }
  243. table.lp_overview tr:hover {
  244. background:#E5EDF9;
  245. }
  246. table.lp_overview img {
  247. margin-left:3px;
  248. }
  249. .scorm_item_normal a.items-list{
  250. line-height: 18px;
  251. }
  252. .scorm_type_document .items-list{
  253. display: block;
  254. background: url('images/text.png') no-repeat right center;
  255. padding-bottom: 5px;
  256. padding-top: 5px;
  257. padding-right: 25px;
  258. }
  259. .scorm_type_quiz .items-list{
  260. display: block;
  261. background: url('images/pencil.png') no-repeat right center;
  262. padding-bottom: 5px;
  263. padding-top: 5px;
  264. padding-right: 25px;
  265. }
  266. .scorm_item_normal.scorm_highlight{
  267. background-color: #162A83;
  268. }
  269. .scorm_item_normal.scorm_highlight a{
  270. color: #FFFFFF !important;
  271. }
  272. .level_0{
  273. margin: 0;
  274. padding-left: 25px;
  275. }
  276. .level_1 {
  277. margin: 0 0.5em 0 20px;
  278. padding-left: 25px;
  279. }
  280. .level_2 {
  281. margin: 0 0.5em 0 40px;
  282. padding-left: 25px;
  283. }
  284. .level_3 {
  285. margin: 0 0.5em 0 60px;
  286. padding-left: 25px;
  287. }
  288. .level_4 {
  289. margin: 0 0.5em 0 70px;
  290. padding-left: 25px;
  291. }
  292. .level_5 {
  293. margin: 0 0.5em 0 90px;
  294. padding-left: 25px;
  295. }