You are here

Home » API reference » Opigno SCORM 3.x

opigno_scorm.player.css in Opigno SCORM 3.x

Same filename and directory in other branches
  1. 8 css/opigno_scorm.player.css

SCORM player styles.

File

css/opigno_scorm.player.css
View source 
  1. /**

  2.  * @file

  3.  * SCORM player styles.

  4.  */

  5. 

  6. /* Navigation tree */

  7. .scorm-ui-player-tree-wrapper {

  8.   float: left;

  9.   padding-right: 1em;

  10.   box-sizing: border-box;

  11.   width: 24%;

  12.   font-size: .8em;

  13. }

  14. 

  15. .scorm-ui-player-tree-wrapper ul {

  16.   margin: 0;

  17.   padding: 0 0 0 1em;

  18. }

  19. 

  20. .scorm-ui-player-tree-wrapper li {

  21.   margin: 0;

  22.   padding: 0;

  23.   list-style: none;

  24. }

  25. 

  26. .scorm-ui-player-tree-wrapper .scorm-ui-sco-title {

  27.   padding: .25em 0;

  28. }

  29. 

  30. .js-processed .scorm-ui-player-tree-wrapper .scorm-ui-sco-title {

  31.   cursor: pointer;

  32. }

  33. 

  34. .scorm-ui-player-tree-wrapper > ul {

  35.   padding-left: 0;

  36. }

  37. 

  38. 

  39. .scorm-ui-player-tree-wrapper .scorm-ui-sco-aggregation > .scorm-ui-sco-title {

  40.   font-weight: bold;

  41. }

  42. 

  43. /* The first element of the Tree is the Course title (in 99% of all cases) */

  44. .scorm-ui-player-tree-wrapper > ul > li > .scorm-ui-player-tree-item-title {

  45.   font-size: 1.2em;

  46.   font-weight: bold;

  47. }

  48. 

  49. /* IFrame */

  50. .scorm-ui-player-tree-wrapper + .scorm-ui-player-iframe-wrapper {

  51.   float: left;

  52.   width: 75%;

  53. }

  54. 

  55. .scorm-ui-player-iframe-wrapper iframe {

  56.   width: 100%;

  57.   min-height: 800px;

  58.   border: 0;

  59. }