learnpath.css 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439
  1. #learning_path_breadcrumb_zone .breadcrumb{
  2. background-color: #FFF;
  3. color: #6B1D82;
  4. border-bottom: 1px solid #84bd00;
  5. padding: 10px 15px;
  6. }
  7. #learning_path_breadcrumb_zone .breadcrumb a{
  8. color: #6B1D82;
  9. }
  10. #learning_path_breadcrumb_zone .breadcrumb a:hover{
  11. color: #162A83
  12. }
  13. .lp-view-zone-container .scorm-header{
  14. background-color: #84bd00;
  15. border: none !important;
  16. border-radius: 0 !important;
  17. }
  18. .icon-toolbar .fa{
  19. background-color: #162A83;
  20. }
  21. #scorm-info hr{
  22. background-color: #84bd00;
  23. }
  24. #scorm-info .title{
  25. color: #162A83;
  26. margin: 10px 0 20px 0;
  27. font-size: 16px;
  28. }
  29. .scorm_item_level_1{
  30. padding: 0 2.5em 0 1.5em;
  31. }
  32. .scorm_item_level_0{
  33. padding: 0 2.5em 0 0;
  34. }
  35. .scorm_item_level_2{
  36. padding: 0 2.5em 0 3em;
  37. }
  38. .expand .fa{
  39. background-color: #96BD0D;
  40. }
  41. .icon-toolbar .fa:hover{
  42. background-color: #96BD0D;
  43. color: #FFF;
  44. }
  45. .progress-bar-warning{
  46. background-color: #96BD0D;
  47. }
  48. .scorm_item_normal.scorm_highlight a{
  49. color: #96BD0D !important;
  50. }
  51. .scorm_item_section{
  52. color: #162A83;
  53. padding-top: 10px;
  54. padding-bottom: 10px;
  55. padding-left: 5px;
  56. padding-right: 5px;
  57. display: block;
  58. width: 100%;
  59. font-size: 14px;
  60. font-weight: bold;
  61. background: #E1E1E1;
  62. }
  63. .lp-view-include-breadcrumb {
  64. background-color: #ffffff;
  65. }
  66. .title-learnpath{
  67. padding-left: 20px;
  68. padding-top: 10px;
  69. }
  70. .title-learnpath h4{
  71. color: #162a83;
  72. font-weight: bold;
  73. }
  74. div.text {
  75. margin-left : 6;
  76. margin-right : 6;
  77. margin-top : 5;
  78. margin-bottom : 5;
  79. text-align : justify;
  80. }
  81. span.messagesmall {
  82. font-style : italic;
  83. color : Red;
  84. }
  85. /* newscorm/learnpath */
  86. div.lp_actions {
  87. background:#F8F8F8;
  88. border-bottom:1px solid #999999;
  89. padding:3px;
  90. }
  91. div.lp_actions img {
  92. margin-right:5px;
  93. }
  94. div.lp_small_form {
  95. background:#F8F8F8;
  96. border:1px solid #999999;
  97. padding:10px;
  98. }
  99. div.lp_small_form input {
  100. font-size:10px;
  101. }
  102. div.lp_manipulate {
  103. background:#F8F8F8;
  104. border-bottom:1px dotted #999999;
  105. margin-bottom:0px;
  106. padding:3px 0 3px 10px;
  107. }
  108. div.lp_manipulate a {
  109. padding-right:10px;
  110. }
  111. div.lp_message {
  112. background:#FEC880;
  113. border:1px solid #E28C15;
  114. font-size:12px;
  115. padding:10px;
  116. }
  117. div.lp_resource_header {
  118. cursor: pointer;
  119. background:#F0F0F0;
  120. border:1px solid #999999;
  121. font-weight:bold;
  122. padding:10px;
  123. width:350px;
  124. }
  125. div.lp_resource_header_end {
  126. background:#F0F0F0;
  127. border:1px solid #999999;
  128. font-weight:bold;
  129. padding:10px;
  130. width:350px;
  131. }
  132. div.lp_resource_elements {
  133. background:#FAFAFA;
  134. border:1px solid #999999;
  135. border-bottom:0;
  136. display:none;
  137. padding:5px 10px;
  138. width:350px;
  139. }
  140. div.lp_resource_elements_end {
  141. background:#FAFAFA;
  142. border:1px solid #999999;
  143. border-top: 0px;
  144. display:none;
  145. padding:5px 10px;
  146. width:350px;
  147. }
  148. div.lp_resource_elements div {
  149. padding:3px;
  150. }
  151. div.lp_tree {
  152. height:100%;
  153. padding:3px 10px 3px 0;
  154. overflow-x : auto;
  155. overflow-y : auto;
  156. width:190px;
  157. }
  158. hr {
  159. background:#999999;
  160. border:0;
  161. color:#999999;
  162. height:1px;
  163. margin:10px auto;
  164. width:75%;
  165. }
  166. option.bottom {
  167. border-top:1px solid #999999;
  168. margin-top:2px;
  169. padding-top:2px;
  170. }
  171. option.top {
  172. border-bottom:1px solid #999999;
  173. margin-bottom:2px;
  174. padding-bottom:2px;
  175. }
  176. p.lp_action {
  177. margin:5px 0;
  178. }
  179. p.lp_text {
  180. margin-top:0px;
  181. }
  182. p.lp_title {
  183. font-weight:bold;
  184. margin-top:5px;
  185. padding-left:7px;
  186. }
  187. table.lp_build {
  188. font-size:12px;
  189. height:400px;
  190. width:100%;
  191. }
  192. table.lp_build td {
  193. vertical-align:top;
  194. }
  195. table.lp_build td.tree {
  196. /* border-right:1px solid #999999;*/
  197. padding-right: 5px;
  198. width:205px;
  199. }
  200. table.lp_build td.workspace {
  201. padding: 0px;
  202. padding-left:5px;
  203. width:auto;
  204. }
  205. table.lp_form {
  206. font-size:12px;
  207. margin:0 10px;
  208. width:auto;
  209. }
  210. table.lp_form td {
  211. height:25px;
  212. padding:5px;
  213. vertical-align:top;
  214. width:auto;
  215. }
  216. table.lp_form td.label {
  217. padding-top:7px;
  218. text-align:right;
  219. }
  220. table.lp_form td.radio {
  221. width:300px;
  222. }
  223. table.lp_form td.exercise {
  224. width:50px;
  225. }
  226. table.lp_form th {
  227. background:#F8F8F8;
  228. border-bottom:1px solid #999999;
  229. border-top:1px solid #999999;
  230. }
  231. table.lp_overview th.exercise {
  232. width:50px;
  233. }
  234. table.lp_form td.radio input, table.lp_form td.exercise input {
  235. width:auto;
  236. }
  237. table.lp_form .small_form {
  238. background:#FFFFFF;
  239. }
  240. table.lp_form select {
  241. /* padding:0;*/
  242. }
  243. table.lp_form input.button {
  244. width:75px;
  245. }
  246. table.lp_overview {
  247. font-size:12px;
  248. width:100%;
  249. }
  250. table.lp_overview td {
  251. border-bottom:1px solid #999999;
  252. border-top:1px solid #999999;
  253. height:20px;
  254. padding:3px;
  255. vertical-align:middle;
  256. width:auto;
  257. }
  258. table.lp_overview td.title {
  259. width:200px;
  260. }
  261. table.lp_overview td.actions {
  262. text-align:center;
  263. width:100px;
  264. }
  265. table.lp_overview td.move {
  266. text-align:center;
  267. width:50px;
  268. }
  269. table.lp_overview th {
  270. background:#FFFFFF;
  271. padding-left:3px;
  272. text-align:center;
  273. }
  274. table.lp_overview tr {
  275. background:#F8F8F8;
  276. }
  277. table.lp_overview tr:hover {
  278. background:#E5EDF9;
  279. }
  280. table.lp_overview img {
  281. margin-left:3px;
  282. }
  283. #learning_path_toc{
  284. padding: 0;
  285. }
  286. .scorm_item_normal {
  287. line-height: 25px;
  288. border-bottom: 1px solid #DDD;
  289. padding: 10px 5px;
  290. background-color: #F5F5F5;
  291. }
  292. .scorm_item_normal a.items-list{
  293. line-height: 18px;
  294. }
  295. .scorm_item_section .section {
  296. background: url(images/folder-item-closed.png) no-repeat 5px center;
  297. }
  298. .scorm_item_section.scorm_completed {
  299. color: #162A83;
  300. }
  301. .scorm_item_section.scorm_completed .section {
  302. background: url(images/folder-item-open.png) no-repeat 5px center;
  303. padding-right: 1.5em;
  304. }
  305. .scorm_completed .item {
  306. background: url(images/completed.png) no-repeat 0 center;
  307. }
  308. .scorm_highlight.scorm_completed .item {
  309. background: url(images/completed-active.png) no-repeat 0 center !important;
  310. }
  311. .scorm_not_attempted .item {
  312. background: url(images/not-completed.png) no-repeat 0 center;
  313. }
  314. .scorm_highlight .item {
  315. background: url(images/not-completed-active.png) no-repeat 0 center !important;
  316. color: #009AB8;
  317. }
  318. .scorm_item_normal.scorm_highlight{
  319. background-color: #772583;
  320. }
  321. .scorm_item_normal.scorm_highlight a{
  322. color: #FFFFFF !important;
  323. }
  324. .level_0{
  325. margin: 0;
  326. padding-left: 25px;
  327. }
  328. .level_1 {
  329. margin: 0 0.5em 0 20px;
  330. padding-left: 25px;
  331. }
  332. .level_2 {
  333. margin: 0 0.5em 0 40px;
  334. padding-left: 25px;
  335. }
  336. .level_3 {
  337. margin: 0 0.5em 0 60px;
  338. padding-left: 25px;
  339. }
  340. .level_4 {
  341. margin: 0 0.5em 0 70px;
  342. padding-left: 25px;
  343. }
  344. .level_5 {
  345. margin: 0 0.5em 0 90px;
  346. padding-left: 25px;
  347. }
  348. /* nuevo scorm */
  349. #scorm-panel .panel-default .panel-heading{
  350. padding: 0;
  351. }
  352. #scorm-panel .panel-default .panel-heading a{
  353. color: #162A83;
  354. padding-top: 20px;
  355. padding-bottom: 20px;
  356. padding-left: 30px;
  357. padding-right: 15px;
  358. display: block;
  359. width: 100%;
  360. font-size: 14px;
  361. font-weight: bold;
  362. background: url(images/arrow-right.png) no-repeat #E1E1E1 5px center;
  363. }
  364. #scorm-panel .panel-default .panel-heading.on a{
  365. background: url(images/arrow-down.png) no-repeat #E1E1E1 5px center;
  366. }
  367. .section-list li{
  368. background-color: #E1E1E1;
  369. padding: 10px 10px 10px 50px;
  370. border-bottom: 1px solid #84BD00;
  371. font-size: 12px;
  372. }
  373. .section-list li.final{
  374. border-bottom: 1px solid #E1E1E1;
  375. }
  376. .section-list li.scorm_item_normal.scorm_highlight{
  377. background: url(images/not-completed-active.png) no-repeat #772583 30px center;
  378. }
  379. .section-list li.scorm_completed.scorm_item_normal{
  380. background: url(images/completed.png) no-repeat #ECF0F1 30px center;
  381. }
  382. .section-list li.scorm_completed.scorm_item_normal.scorm_highlight{
  383. background: url(images/completed-active.png) no-repeat #772583 30px center;
  384. }
  385. .section-list li.scorm_not_attempted.scorm_item_normal{
  386. background: url(images/not-completed.png) no-repeat #ECF0F1 30px center;
  387. }
  388. .section-list li.scorm_item_normal.scorm_highlight.scorm_not_attempted{
  389. background: url(images/not-completed-active.png) no-repeat #772583 30px center;
  390. }
  391. .section-list li.scorm_item_normal{
  392. color: #162A83;
  393. }
  394. .section-list .sub-item{
  395. padding-right: 30px;
  396. }
  397. .scorm_type_document .items-list{
  398. display: block;
  399. background: url('images/document.png') no-repeat right center;
  400. padding-bottom: 5px;
  401. padding-top: 5px;
  402. padding-right: 25px;
  403. }
  404. .scorm_highlight .scorm_type_document .items-list{
  405. display: block;
  406. background: url('images/document-active.png') no-repeat right center;
  407. padding-bottom: 5px;
  408. padding-top: 5px;
  409. padding-right: 25px;
  410. }
  411. .scorm_type_quiz .items-list{
  412. display: block;
  413. background: url('images/pencil.png') no-repeat right center;
  414. padding-bottom: 5px;
  415. padding-top: 5px;
  416. padding-right: 25px;
  417. }
  418. .scorm_highlight .scorm_type_quiz .items-list{
  419. display: block;
  420. background: url('images/pencil-active.png') no-repeat right center;
  421. padding-bottom: 5px;
  422. padding-top: 5px;
  423. padding-right: 25px;
  424. }
  425. .section-list .sub-item.type-document{
  426. background: url(images/document.png) no-repeat center right;
  427. }
  428. .section-list .sub-item.type-quiz{
  429. background: url(images/pencil.png) no-repeat center right;
  430. }
  431. .section-list .scorm_highlight .sub-item.type-document{
  432. background: url(images/document-active.png) no-repeat center right;
  433. }
  434. .section-list .scorm_highlight .sub-item.type-quiz{
  435. background: url(images/pencil-active.png) no-repeat center right;
  436. }
  437. /* nuevo css */