chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

scorm css update chamilo-babyorange-academia

Browse Source
1.9.x
Alex 11 years ago committed by Yannick Warnier
parent 045216a698
commit 409f2f6443
9 changed files with 190 additions and 141 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      main/css/academica/default.css
  2. BIN
      main/css/academica/images/blue_arrow.png
  3. 110
      main/css/academica/scorm.css
  4. BIN
      main/css/baby_orange/images/blue_arrow.png
  5. 117
      main/css/baby_orange/scorm.css
  6. 2
      main/css/base.css
  7. BIN
      main/css/chamilo/images/blue_arrow.png
  8. 98
      main/css/chamilo/scorm.css
  9. 2
      main/newscorm/learnpath.class.php

2
main/css/academica/default.css
Unescape View File

@ -213,7 +213,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a7a', end
padding-bottom: 5px;
border: 1px solid #E1E1E0;
box-shadow: none;
font-size: 12px;
height: 25px;
}
.breadcrumb a{
color: #333;

BIN
main/css/academica/images/blue_arrow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 736 B

110
main/css/academica/scorm.css
Unescape View File

@ -139,25 +139,27 @@
}
.scorm_item_level_1 {
padding : 0 0.5em 0 1.5em;
padding : 0 1.5em 0 1.5em;
}
.scorm_item_level_2 {
padding : 0 0.5em 0 3em;
padding : 0 1.5em 0 3em;
}
.scorm_item_level_3 {
padding : 0 0.5em 0 4.5em;
padding : 0 1.5em 0 4.5em;
}
.scorm_item_level_4 {
padding : 0 0.5em 0 6em;
padding : 0 1.5em 0 6em;
}
.scorm_item_level_5 {
padding : 0 0.5em 0 7.5em;
padding : 0 1.5em 0 7.5em;
}
.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
font-weight: normal;
}
/* end of copy of default_scorm.css */
@ -171,7 +173,6 @@
padding: 0px;
margin-top: 0px;
padding-top: 0px;
font-size: small;
}
.lp_toc {
background-color: white;
@ -182,17 +183,15 @@
.inner_lp_toc {
overflow: auto;
background-color: white;
height: 210px;
background-color: #E0DFD8;
height: 210px;
padding: 10px;
}
.inner_lp_toc .scorm_item a {
font-weight: normal;
font-size: 12px;
margin-right: 1px;
padding-bottom: 2px;
text-decoration: none;
font-family: Helvetica,Arial,sans-serif;
color: #2F3E46;
}
@ -203,7 +202,6 @@
.inner_lp_toc .scorm_item_highlight {
border:1px solid #00aad4;
background:#00aad4;
font-weight:normal;
background-image:none;
margin-right: 0px;
padding: 10px 0px 10px 0px;
@ -214,7 +212,6 @@
color:#fff;
margin-right: 1px;
text-decoration: none;
font-weight: normal;
}
.inner_lp_toc .scorm_item_section {
@ -347,27 +344,35 @@
padding-top: 4px;
}
#learning_path_breadcrumb_zone .breadcrumb{
background-image: none;
background-color: #2e75a3;
color: #fff;
text-transform: capitalize;
background: #505f6b; /* Old browsers */
background: -moz-linear-gradient(top, #505f6b 0%, #3e4f5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505f6b), color-stop(100%,#3e4f5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* IE10+ */
background: linear-gradient(to bottom, #505f6b 0%,#3e4f5c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505f6b', endColorstr='#3e4f5c',GradientType=0 ); /* IE6-9 */
color: #ffffff;
border: none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
#learning_path_breadcrumb_zone .breadcrumb a{
color: #FFF;
}
#learning_path_breadcrumb_zone .breadcrumb a:hover{
text-decoration: underline;
text-decoration: none;
opacity: 0.8;
}
#scorm_title {
font-weight: bold;
background:none;
font-size: 20px;
background-image: none;
color: #0088aa;
padding-top: 5px;
color: #666666;
padding-top: 15px;
padding-bottom: 15px;
}
#learning_path_main #control {
@ -377,11 +382,11 @@
opacity: 0.7;
}
#author_image{
background-color: #d7eef4;
background-color: #E0DFD8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #b4cbff;
border: 1px solid #D9D9CE;
margin-top: 10px;
}
#author_icon img{
@ -393,17 +398,17 @@ opacity: 0.7;
}
#author_image .progresstext{
font-size: 20px;
color: #0088aa;
color: #666666;
font-weight: bold;
}
#learning_path_left_zone #header {
font-size: 14px;
font-size: 18px;
margin-top: 10px;
}
#learning_path_left_zone .no-border{
background: none;
color: #2e75a3;
font-weight: normal;
color: #666666;
font-weight: bold;
}
.progress {
height: 18px;
@ -426,31 +431,21 @@ opacity: 0.7;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.progress-striped .bar {
background-color: #149BDF;
background-size: 40px 40px;
background-image: none;
background-color: #F39C12;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*STYLES PROCESS LESSION*/
.inner_lp_toc .scorm_completed {
background-image: url("images/blue_arrow.png") !important;
background-position: 250px center !important;
background-repeat: no-repeat;
}
.inner_lp_toc .scorm_item_highlight {
background-color: #00aad4;
background-image: url("images/white_arrow.png") !important;
background-position: 250px center !important;
background-image: url("images/blue_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
border: 1px solid #00aad4;
}
.inner_lp_toc .scorm_item_1 {
background-color: #d7eef4;
background-image: none;
background:none;
background-repeat: no-repeat;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
@ -465,7 +460,8 @@ opacity: 0.7;
}
#learning_path_main #control {
background-image: none;
background-color: #d7eef4;
background-color: #E0DFD8;
border-top: 3px solid #D9D9CE;
bottom: 0;
height: 34px;
margin-bottom: auto;
@ -479,4 +475,22 @@ opacity: 0.7;
position: absolute;
text-align: center;
width: 100%;
}
}
.inner_lp_toc .scorm_item_highlight {
background-color: #F58777;
background-image: url("images/white_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
border: 1px solid #F26C58;
text-shadow:none;
}
#author_name {
color: #666666;
float: left;
font-size: 13px;
margin-top: 2px;
text-align: center;
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
}

BIN
main/css/baby_orange/images/blue_arrow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 767 B

117
main/css/baby_orange/scorm.css
Unescape View File

@ -8,7 +8,7 @@
.inner_lp_toc .scorm_item a {
font-weight: bold;
font-size: 14px;
font-size: 13px;
margin-right: 1px;
padding-bottom: 2px;
text-decoration: none;
@ -139,25 +139,27 @@
}
.scorm_item_level_1 {
padding : 0 0.5em 0 1.5em;
padding : 0 1.5em 0 1.5em;
}
.scorm_item_level_2 {
padding : 0 0.5em 0 3em;
padding : 0 1.5em 0 3em;
}
.scorm_item_level_3 {
padding : 0 0.5em 0 4.5em;
padding : 0 1.5em 0 4.5em;
}
.scorm_item_level_4 {
padding : 0 0.5em 0 6em;
padding : 0 1.5em 0 6em;
}
.scorm_item_level_5 {
padding : 0 0.5em 0 7.5em;
padding : 0 1.5em 0 7.5em;
}
.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
font-weight: normal;
}
/* end of copy of default_scorm.css */
@ -171,7 +173,6 @@
padding: 0px;
margin-top: 0px;
padding-top: 0px;
font-size: small;
}
.lp_toc {
background-color: white;
@ -182,17 +183,15 @@
.inner_lp_toc {
overflow: auto;
background-color: white;
height: 210px;
background-color: #E0DFD8;
height: 210px;
padding: 10px;
}
.inner_lp_toc .scorm_item a {
font-weight: normal;
font-size: 12px;
margin-right: 1px;
padding-bottom: 2px;
text-decoration: none;
font-family: Helvetica,Arial,sans-serif;
color: #2F3E46;
}
@ -203,7 +202,6 @@
.inner_lp_toc .scorm_item_highlight {
border:1px solid #00aad4;
background:#00aad4;
font-weight:normal;
background-image:none;
margin-right: 0px;
padding: 10px 0px 10px 0px;
@ -214,7 +212,6 @@
color:#fff;
margin-right: 1px;
text-decoration: none;
font-weight: normal;
}
.inner_lp_toc .scorm_item_section {
@ -347,27 +344,38 @@
padding-top: 4px;
}
#learning_path_breadcrumb_zone .breadcrumb{
background-image: none;
background-color: #2e75a3;
color: #fff;
text-transform: capitalize;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
color: #666666;
border: none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
#learning_path_breadcrumb_zone .breadcrumb a{
color: #FFF;
color: #666666;
}
#learning_path_breadcrumb_zone .breadcrumb a:hover{
text-decoration: underline;
text-decoration: none;
opacity: 0.8;
}
#learning_path_breadcrumb_zone .breadcrumb a.btn-success{
color: #ffffff;
}
#scorm_title {
font-weight: bold;
background:none;
font-size: 20px;
background-image: none;
color: #0088aa;
padding-top: 5px;
color: #666666;
padding-top: 15px;
padding-bottom: 15px;
}
#learning_path_main #control {
@ -377,11 +385,11 @@
opacity: 0.7;
}
#author_image{
background-color: #d7eef4;
background-color: #E0DFD8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #b4cbff;
border: 1px solid #D9D9CE;
margin-top: 10px;
}
#author_icon img{
@ -393,17 +401,17 @@ opacity: 0.7;
}
#author_image .progresstext{
font-size: 20px;
color: #0088aa;
color: #666666;
font-weight: bold;
}
#learning_path_left_zone #header {
font-size: 14px;
font-size: 18px;
margin-top: 10px;
}
#learning_path_left_zone .no-border{
background: none;
color: #2e75a3;
font-weight: normal;
color: #666666;
font-weight: bold;
}
.progress {
height: 18px;
@ -426,31 +434,21 @@ opacity: 0.7;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.progress-striped .bar {
background-color: #149BDF;
background-size: 40px 40px;
background-image: none;
background-color: #EC5923;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*STYLES PROCESS LESSION*/
.inner_lp_toc .scorm_completed {
background-image: url("images/blue_arrow.png") !important;
background-position: 250px center !important;
background-image: url("images/blue_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
}
.inner_lp_toc .scorm_item_highlight {
background-color: #00aad4;
background-image: url("images/white_arrow.png") !important;
background-position: 250px center !important;
background-repeat: no-repeat;
border: 1px solid #00aad4;
}
.inner_lp_toc .scorm_item_1 {
background-color: #d7eef4;
background-image: none;
background:none;
background-repeat: no-repeat;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
@ -465,7 +463,8 @@ opacity: 0.7;
}
#learning_path_main #control {
background-image: none;
background-color: #d7eef4;
background-color: #E0DFD8;
border-top: 3px solid #D9D9CE;
bottom: 0;
height: 34px;
margin-bottom: auto;
@ -479,4 +478,22 @@ opacity: 0.7;
position: absolute;
text-align: center;
width: 100%;
}
}
.inner_lp_toc .scorm_item_highlight {
background-color: #EC5923;
background-image: url("images/white_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
border: 1px solid #F26C58;
text-shadow:none;
}
#author_name {
color: #666666;
float: left;
font-size: 13px;
margin-top: 2px;
text-align: center;
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
}

2
main/css/base.css
Unescape View File

@ -4031,7 +4031,7 @@ footer {
#learning_path_left_zone {
float:left;
width:280px;
width:315px;
height:100%;
padding-left: 8px;
padding-right: 4px;

BIN
main/css/chamilo/images/blue_arrow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 789 B

98
main/css/chamilo/scorm.css
Unescape View File

@ -8,7 +8,7 @@
.inner_lp_toc .scorm_item a {
font-weight: bold;
font-size: 14px;
font-size: 13px;
margin-right: 1px;
padding-bottom: 2px;
text-decoration: none;
@ -139,25 +139,27 @@
}
.scorm_item_level_1 {
padding : 0 0.5em 0 1.5em;
padding : 0 1.5em 0 1.5em;
}
.scorm_item_level_2 {
padding : 0 0.5em 0 3em;
padding : 0 1.5em 0 3em;
}
.scorm_item_level_3 {
padding : 0 0.5em 0 4.5em;
padding : 0 1.5em 0 4.5em;
}
.scorm_item_level_4 {
padding : 0 0.5em 0 6em;
padding : 0 1.5em 0 6em;
}
.scorm_item_level_5 {
padding : 0 0.5em 0 7.5em;
padding : 0 1.5em 0 7.5em;
}
.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
font-weight: normal;
}
/* end of copy of default_scorm.css */
@ -171,7 +173,6 @@
padding: 0px;
margin-top: 0px;
padding-top: 0px;
font-size: small;
}
.lp_toc {
background-color: white;
@ -182,17 +183,15 @@
.inner_lp_toc {
overflow: auto;
background-color: white;
height: 210px;
background-color: #D7EEF4;
height: 210px;
padding: 10px;
}
.inner_lp_toc .scorm_item a {
font-weight: normal;
font-size: 12px;
margin-right: 1px;
padding-bottom: 2px;
text-decoration: none;
font-family: Helvetica,Arial,sans-serif;
color: #2F3E46;
}
@ -203,7 +202,6 @@
.inner_lp_toc .scorm_item_highlight {
border:1px solid #00aad4;
background:#00aad4;
font-weight:normal;
background-image:none;
margin-right: 0px;
padding: 10px 0px 10px 0px;
@ -214,7 +212,6 @@
color:#fff;
margin-right: 1px;
text-decoration: none;
font-weight: normal;
}
.inner_lp_toc .scorm_item_section {
@ -347,19 +344,28 @@
padding-top: 4px;
}
#learning_path_breadcrumb_zone .breadcrumb{
background-image: none;
background-color: #2e75a3;
background: #05abe0; /* Old browsers */
background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
color: #fff;
text-transform: capitalize;
border:none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
#learning_path_breadcrumb_zone .breadcrumb a{
color: #FFF;
}
#learning_path_breadcrumb_zone .breadcrumb a:hover{
text-decoration: underline;
text-decoration: none;
opacity: 0.8;
}
#scorm_title {
font-weight: bold;
@ -367,7 +373,7 @@
font-size: 20px;
background-image: none;
color: #0088aa;
padding-top: 5px;
padding-top: 15px;
padding-bottom: 15px;
}
#learning_path_main #control {
@ -393,17 +399,16 @@ opacity: 0.7;
}
#author_image .progresstext{
font-size: 20px;
color: #0088aa;
color: #0088AA;
font-weight: bold;
}
#learning_path_left_zone #header {
font-size: 14px;
font-size: 18px;
margin-top: 10px;
}
#learning_path_left_zone .no-border{
background: none;
color: #2e75a3;
font-weight: normal;
color: #0088AA;
}
.progress {
height: 18px;
@ -427,28 +432,22 @@ opacity: 0.7;
}
.progress-striped .bar {
background-color: #149BDF;
background-size: 40px 40px;
background-image: none;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
/*STYLES PROCESS LESSION*/
.inner_lp_toc .scorm_completed {
background-image: url("images/blue_arrow.png") !important;
background-position: 250px center !important;
background-image: url("images/blue_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
}
.inner_lp_toc .scorm_item_highlight {
background-color: #00aad4;
background-image: url("images/white_arrow.png") !important;
background-position: 250px center !important;
background-repeat: no-repeat;
border: 1px solid #00aad4;
}
.inner_lp_toc .scorm_item_1 {
background-color: #d7eef4;
background-image: none;
background:none;
background-repeat: no-repeat;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
@ -477,4 +476,23 @@ opacity: 0.7;
position: absolute;
text-align: center;
width: 100%;
}
border-top:1px solid #00AAD4;
}
.inner_lp_toc .scorm_item_highlight {
background-color: #00aad4;
background-image: url("images/white_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
border: 1px solid #00aad4;
text-shadow:none;
}
#author_name {
color: #666666;
float: left;
font-size: 13px;
margin-top: 2px;
text-align: center;
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
}

2
main/newscorm/learnpath.class.php
Unescape View File

@ -3002,7 +3002,7 @@ class learnpath
// build the LP tree
// The anchor atoc_ will let us center the TOC on the currently viewed item &^D
if ($item['type'] != 'dokeos_module' && $item['type'] != 'dokeos_chapter') {
$html .= '<div class="'.$style_item .' scorm_item_level_'.$item['level'].' scorm_type_'.learnpath::format_scorm_type_item($item['type']).'" title="'.$item['description'].'" >';
$html .= '<div class="'.$style_item.' scorm_item_level_'.$item['level'].' scorm_type_'.learnpath::format_scorm_type_item($item['type']).'" title="'.$item['description'].'" >';
$html .= '<a name="atoc_'.$item['id'].'" />';
} else {
$html .= '<div class="'.$style_item.' scorm_section_level_'.$item['level'].'" title="'.$item['description'].'" >';

Write Preview
Loading…
Cancel
Save