learnpath.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482
  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. .title-learnpath .h5 {
  72. color: #162a83;
  73. font-weight: bold;
  74. }
  75. div.text {
  76. margin-left : 6;
  77. margin-right : 6;
  78. margin-top : 5;
  79. margin-bottom : 5;
  80. text-align : justify;
  81. }
  82. span.messagesmall {
  83. font-style : italic;
  84. color : Red;
  85. }
  86. /* newscorm/learnpath */
  87. div.lp_actions {
  88. background:#F8F8F8;
  89. border-bottom:1px solid #999999;
  90. padding:3px;
  91. }
  92. div.lp_actions img {
  93. margin-right:5px;
  94. }
  95. div.lp_small_form {
  96. background:#F8F8F8;
  97. border:1px solid #999999;
  98. padding:10px;
  99. }
  100. div.lp_small_form input {
  101. font-size:10px;
  102. }
  103. div.lp_manipulate {
  104. background:#F8F8F8;
  105. border-bottom:1px dotted #999999;
  106. margin-bottom:0px;
  107. padding:3px 0 3px 10px;
  108. }
  109. div.lp_manipulate a {
  110. padding-right:10px;
  111. }
  112. div.lp_message {
  113. background:#FEC880;
  114. border:1px solid #E28C15;
  115. font-size:12px;
  116. padding:10px;
  117. }
  118. div.lp_resource_header {
  119. cursor: pointer;
  120. background:#F0F0F0;
  121. border:1px solid #999999;
  122. font-weight:bold;
  123. padding:10px;
  124. width:350px;
  125. }
  126. div.lp_resource_header_end {
  127. background:#F0F0F0;
  128. border:1px solid #999999;
  129. font-weight:bold;
  130. padding:10px;
  131. width:350px;
  132. }
  133. div.lp_resource_elements {
  134. background:#FAFAFA;
  135. border:1px solid #999999;
  136. border-bottom:0;
  137. display:none;
  138. padding:5px 10px;
  139. width:350px;
  140. }
  141. div.lp_resource_elements_end {
  142. background:#FAFAFA;
  143. border:1px solid #999999;
  144. border-top: 0px;
  145. display:none;
  146. padding:5px 10px;
  147. width:350px;
  148. }
  149. div.lp_resource_elements div {
  150. padding:3px;
  151. }
  152. div.lp_tree {
  153. height:100%;
  154. padding:3px 10px 3px 0;
  155. overflow-x : auto;
  156. overflow-y : auto;
  157. width:190px;
  158. }
  159. hr {
  160. background:#999999;
  161. border:0;
  162. color:#999999;
  163. height:1px;
  164. margin:10px auto;
  165. width:75%;
  166. }
  167. option.bottom {
  168. border-top:1px solid #999999;
  169. margin-top:2px;
  170. padding-top:2px;
  171. }
  172. option.top {
  173. border-bottom:1px solid #999999;
  174. margin-bottom:2px;
  175. padding-bottom:2px;
  176. }
  177. p.lp_action {
  178. margin:5px 0;
  179. }
  180. p.lp_text {
  181. margin-top:0px;
  182. }
  183. p.lp_title {
  184. font-weight:bold;
  185. margin-top:5px;
  186. padding-left:7px;
  187. }
  188. table.lp_build {
  189. font-size:12px;
  190. height:400px;
  191. width:100%;
  192. }
  193. table.lp_build td {
  194. vertical-align:top;
  195. }
  196. table.lp_build td.tree {
  197. /* border-right:1px solid #999999;*/
  198. padding-right: 5px;
  199. width:205px;
  200. }
  201. table.lp_build td.workspace {
  202. padding: 0px;
  203. padding-left:5px;
  204. width:auto;
  205. }
  206. table.lp_form {
  207. font-size:12px;
  208. margin:0 10px;
  209. width:auto;
  210. }
  211. table.lp_form td {
  212. height:25px;
  213. padding:5px;
  214. vertical-align:top;
  215. width:auto;
  216. }
  217. table.lp_form td.label {
  218. padding-top:7px;
  219. text-align:right;
  220. }
  221. table.lp_form td.radio {
  222. width:300px;
  223. }
  224. table.lp_form td.exercise {
  225. width:50px;
  226. }
  227. table.lp_form th {
  228. background:#F8F8F8;
  229. border-bottom:1px solid #999999;
  230. border-top:1px solid #999999;
  231. }
  232. table.lp_overview th.exercise {
  233. width:50px;
  234. }
  235. table.lp_form td.radio input, table.lp_form td.exercise input {
  236. width:auto;
  237. }
  238. table.lp_form .small_form {
  239. background:#FFFFFF;
  240. }
  241. table.lp_form select {
  242. /* padding:0;*/
  243. }
  244. table.lp_form input.button {
  245. width:75px;
  246. }
  247. table.lp_overview {
  248. font-size:12px;
  249. width:100%;
  250. }
  251. table.lp_overview td {
  252. border-bottom:1px solid #999999;
  253. border-top:1px solid #999999;
  254. height:20px;
  255. padding:3px;
  256. vertical-align:middle;
  257. width:auto;
  258. }
  259. table.lp_overview td.title {
  260. width:200px;
  261. }
  262. table.lp_overview td.actions {
  263. text-align:center;
  264. width:100px;
  265. }
  266. table.lp_overview td.move {
  267. text-align:center;
  268. width:50px;
  269. }
  270. table.lp_overview th {
  271. background:#FFFFFF;
  272. padding-left:3px;
  273. text-align:center;
  274. }
  275. table.lp_overview tr {
  276. background:#F8F8F8;
  277. }
  278. table.lp_overview tr:hover {
  279. background:#E5EDF9;
  280. }
  281. table.lp_overview img {
  282. margin-left:3px;
  283. }
  284. #learning_path_toc{
  285. padding: 0;
  286. border:none;
  287. }
  288. #scorm-panel .panel.panel-default{
  289. border: none;
  290. }
  291. .section-list{
  292. border-bottom: none;
  293. }
  294. .scorm_item_normal {
  295. line-height: 25px;
  296. border-bottom: 1px solid #DDD;
  297. padding: 10px 5px;
  298. background-color: #F5F5F5;
  299. }
  300. .scorm_item_normal a.items-list{
  301. line-height: 18px;
  302. }
  303. .scorm_item_section .section {
  304. background: url(images/folder-item-closed.png) no-repeat 5px center;
  305. }
  306. .scorm_item_section.scorm_completed {
  307. color: #162A83;
  308. }
  309. .scorm_item_section.scorm_completed .section {
  310. background: url(images/folder-item-open.png) no-repeat 5px center;
  311. padding-right: 1.5em;
  312. }
  313. .scorm_completed .item {
  314. background: url(images/completed.png) no-repeat 0 center;
  315. }
  316. .scorm_highlight.scorm_completed .item {
  317. background: url(images/completed-active.png) no-repeat 0 center !important;
  318. }
  319. .scorm_not_attempted .item {
  320. background: url(images/not-completed.png) no-repeat 0 center;
  321. }
  322. .scorm_highlight .item {
  323. background: url(images/not-completed-active.png) no-repeat 0 center !important;
  324. color: #009AB8;
  325. }
  326. .scorm_item_normal.scorm_highlight{
  327. background-color: #772583;
  328. }
  329. .scorm_item_normal.scorm_highlight a{
  330. color: #FFFFFF !important;
  331. }
  332. .level_0{
  333. margin: 0;
  334. padding-left: 25px;
  335. }
  336. .level_1 {
  337. margin: 0 0.5em 0 20px;
  338. padding-left: 25px;
  339. }
  340. .level_2 {
  341. margin: 0 0.5em 0 40px;
  342. padding-left: 25px;
  343. }
  344. .level_3 {
  345. margin: 0 0.5em 0 60px;
  346. padding-left: 25px;
  347. }
  348. .level_4 {
  349. margin: 0 0.5em 0 70px;
  350. padding-left: 25px;
  351. }
  352. .level_5 {
  353. margin: 0 0.5em 0 90px;
  354. padding-left: 25px;
  355. }
  356. #scorm-panel .panel-default .panel-heading{
  357. padding: 0;
  358. }
  359. #scorm-panel .panel-default .panel-heading a{
  360. color: #162A83;
  361. padding-top: 20px;
  362. padding-bottom: 20px;
  363. padding-left: 30px;
  364. padding-right: 15px;
  365. display: block;
  366. width: 100%;
  367. font-size: 14px;
  368. font-weight: bold;
  369. background: url(images/arrow-right.png) no-repeat #E1E1E1 5px center;
  370. }
  371. #scorm-panel .panel-default .panel-heading.on a{
  372. background: url(images/arrow-down.png) no-repeat #E1E1E1 5px center;
  373. }
  374. .section-list li{
  375. background-color: #E1E1E1;
  376. padding: 10px 10px 10px 50px;
  377. border-bottom: 1px solid #84BD00;
  378. font-size: 12px;
  379. }
  380. .section-list li.final{
  381. border-bottom: 1px solid #E1E1E1;
  382. }
  383. .section-list li.scorm_item_normal.scorm_highlight{
  384. background: url(images/not-completed-active.png) no-repeat #772583 30px center;
  385. }
  386. .section-list li.scorm_completed.scorm_item_normal{
  387. background: url(images/completed.png) no-repeat #ECF0F1 30px center;
  388. }
  389. .section-list li.scorm_completed.scorm_item_normal.scorm_highlight{
  390. background: url(images/completed-active.png) no-repeat #772583 30px center;
  391. }
  392. .section-list li.scorm_not_attempted.scorm_item_normal{
  393. background: url(images/not-completed.png) no-repeat #ECF0F1 30px center;
  394. }
  395. .section-list li.scorm_item_normal.scorm_highlight.scorm_not_attempted{
  396. background: url(images/not-completed-active.png) no-repeat #772583 30px center;
  397. }
  398. .section-list li.scorm_item_normal{
  399. color: #162A83;
  400. }
  401. .section-list .sub-item{
  402. padding-right: 30px;
  403. }
  404. .scorm_type_document .items-list{
  405. display: block;
  406. background: url('images/document.png') no-repeat right center;
  407. padding-bottom: 5px;
  408. padding-top: 5px;
  409. padding-right: 25px;
  410. }
  411. .scorm_highlight .scorm_type_document .items-list{
  412. display: block;
  413. background: url('images/document-active.png') no-repeat right center;
  414. padding-bottom: 5px;
  415. padding-top: 5px;
  416. padding-right: 25px;
  417. }
  418. .scorm_type_quiz .items-list{
  419. display: block;
  420. background: url('images/pencil.png') no-repeat right center;
  421. padding-bottom: 5px;
  422. padding-top: 5px;
  423. padding-right: 25px;
  424. }
  425. .scorm_highlight .scorm_type_quiz .items-list{
  426. display: block;
  427. background: url('images/pencil-active.png') no-repeat right center;
  428. padding-bottom: 5px;
  429. padding-top: 5px;
  430. padding-right: 25px;
  431. }
  432. .section-list .sub-item.type-document{
  433. background: url(images/document.png) no-repeat center right;
  434. }
  435. .section-list .sub-item.type-quiz{
  436. background: url(images/pencil.png) no-repeat center right;
  437. }
  438. .section-list .scorm_highlight .sub-item.type-document{
  439. background: url(images/document-active.png) no-repeat center right;
  440. }
  441. .section-list .scorm_highlight .sub-item.type-quiz{
  442. background: url(images/pencil-active.png) no-repeat center right;
  443. }
  444. #scorm-panel .panel-parent .panel-default .panel-heading a{
  445. padding-left: 55px;
  446. background: url(images/arrow-down.png) no-repeat #E1E1E1 30px center;
  447. font-size: 12px;
  448. }
  449. #scorm-panel .panel-parent .section-list li{
  450. padding: 10px 10px 10px 75px;
  451. }
  452. #scorm-panel .panel-parent .section-list li.scorm_completed.scorm_item_normal.scorm_highlight{
  453. background: url(images/completed-active.png) no-repeat #772583 55px center;
  454. }
  455. #scorm-panel .panel-parent .section-list li.scorm_not_attempted.scorm_item_normal{
  456. background: url(images/not-completed.png) no-repeat #ECF0F1 55px center;
  457. }
  458. #scorm-panel .panel-parent .section-list li.scorm_completed.scorm_item_normal.scorm_highlight,
  459. #scorm-panel .panel-parent .section-list li.scorm_not_attempted.scorm_item_normal.scorm_highlight
  460. {
  461. background: url(images/completed-active.png) no-repeat #772583 55px center;
  462. }
  463. /* nuevo css */
  464. #learning_path_right_zone .lp-view-tabs .tab-content {
  465. bottom: 5px;
  466. left: 5px;
  467. position: absolute;
  468. right: 5px;
  469. top: 84px;
  470. }
  471. /* Small devices (tablets, 768px and up) */
  472. @media (min-width: 768px) {
  473. #learning_path_right_zone .lp-view-tabs .tab-content {
  474. bottom: 10px;
  475. right: 10px;
  476. top: 100px;
  477. }
  478. }