css update chamilo orange sport_red cool_blue corporate

1.9.x
Alex 12 years ago committed by Yannick Warnier
parent 3d56b93018
commit 040d69911b
  1. 2
      main/css/chamilo_orange/default.css
  2. 4
      main/css/chamilo_red/default.css
  3. 4
      main/css/chamilo_sport_red/default.css
  4. BIN
      main/css/chamilo_sport_red/images/blue_arrow.png
  5. 110
      main/css/chamilo_sport_red/scorm.css
  6. 2
      main/css/cool_blue/default.css
  7. BIN
      main/css/cool_blue/images/blue_arrow.png
  8. BIN
      main/css/cool_blue/images/home-bg.png
  9. 106
      main/css/cool_blue/scorm.css
  10. BIN
      main/css/corporate/images/blue_arrow.png
  11. 106
      main/css/corporate/scorm.css

@ -611,7 +611,7 @@ a.thumbnail:hover{
/*FIN DE INTRODUCCION DEL CURSO*/
.fc-header-title h2{
color: #0191C7;
color: #E24000;
}
.fc-first .fc-widget-header{
font-size: 14px;

@ -20,7 +20,7 @@ a:visited {
}
a:hover {
text-decoration: none;
color: #FD6600;
color: #F20000;
}
a:active {
text-decoration: none;
@ -617,7 +617,7 @@ a.thumbnail:hover{
/*FIN DE INTRODUCCION DEL CURSO*/
.fc-header-title h2{
color: #0191C7;
color: #B00505;
}
.fc-first .fc-widget-header{
font-size: 14px;

@ -80,11 +80,11 @@ a:active {
* STYLE THEME CHAMILO *
*****************************************************/
.page-section{
background:url(images/bg-header.png) repeat-x 0 -32px;
background:url(images/bg-header.png) repeat-x 0 0;
margin-top: -5px;
}
.section-mycampus .page-section{
background:url(images/bg-header.png) repeat-x 0 -44px;
background:url(images/bg-header.png) repeat-x 0 0;
margin-top: -5px;
}
.welcome-mascot{

Binary file not shown.

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 767 B

@ -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: #F2F2EF;
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 {
@ -346,28 +343,37 @@
padding-left: 17px;
padding-top: 4px;
}
.breadcrumb .divider {
color: #FFCC00;
padding-bottom: 0;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
}
#learning_path_breadcrumb_zone .breadcrumb{
background-image: none;
background-color: #2e75a3;
background: #ff7400; /* Old browsers */
background:url(images/bg-header.png) repeat-x 0 -32px;
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;
background:none;
font-size: 20px;
background-image: none;
color: #0088aa;
padding-top: 5px;
color: #980000;
padding-top: 15px;
padding-bottom: 15px;
}
#learning_path_main #control {
@ -377,11 +383,11 @@
opacity: 0.7;
}
#author_image{
background-color: #d7eef4;
background-color: #F2F2EF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #b4cbff;
border: 1px solid #CCCCCC;
margin-top: 10px;
}
#author_icon img{
@ -393,17 +399,16 @@ opacity: 0.7;
}
#author_image .progresstext{
font-size: 20px;
color: #0088aa;
color: #980000;
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: #980000;
}
.progress {
height: 18px;
@ -426,31 +431,23 @@ 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: #E60000;
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;
@ -479,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: #333333;
background-image: url("images/white_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
border: 1px solid #333333;
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;
}

@ -22,7 +22,7 @@ a:active {
color : #3757f7;
}
.page-section{
background: url(images/home-bg.png) repeat-x 0 -178px;
background: url(images/home-bg.png) repeat-x 0 -118px;
}
#topbar_push {
height: 50px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 793 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 271 B

@ -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,27 +344,36 @@
padding-top: 4px;
}
#learning_path_breadcrumb_zone .breadcrumb{
background-image: none;
background-color: #2e75a3;
background: rgb(4,105,142); /* Old browsers */
background: -moz-linear-gradient(top, rgba(4,105,142,1) 0%, rgba(4,20,87,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,105,142,1)), color-stop(100%,rgba(4,20,87,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04698e', endColorstr='#041457',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;
background:none;
font-size: 20px;
background-image: none;
color: #0088aa;
padding-top: 5px;
color: #044A7A;
padding-top: 15px;
padding-bottom: 15px;
}
#learning_path_main #control {
@ -377,11 +383,11 @@
opacity: 0.7;
}
#author_image{
background-color: #d7eef4;
background-color: #044878;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #b4cbff;
border: 3px solid #00AAD4;
margin-top: 10px;
}
#author_icon img{
@ -393,17 +399,16 @@ opacity: 0.7;
}
#author_image .progresstext{
font-size: 20px;
color: #0088aa;
color: #ffffff;
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: #044A7A;
}
.progress {
height: 18px;
@ -427,30 +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-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;
@ -479,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: #044878;
background-image: url("images/white_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
border: 1px solid #044878;
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;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 781 B

@ -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,27 +344,36 @@
padding-top: 4px;
}
#learning_path_breadcrumb_zone .breadcrumb{
background-image: none;
background-color: #2e75a3;
background: #3bafba; /* Old browsers */
background: -moz-linear-gradient(top, #3bafba 0%, #00aaba 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bafba), color-stop(100%,#00aaba)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* IE10+ */
background: linear-gradient(to bottom, #3bafba 0%,#00aaba 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bafba', endColorstr='#00aaba',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;
background:none;
font-size: 20px;
background-image: none;
color: #0088aa;
padding-top: 5px;
color: #505457;
padding-top: 15px;
padding-bottom: 15px;
}
#learning_path_main #control {
@ -377,11 +383,11 @@
opacity: 0.7;
}
#author_image{
background-color: #d7eef4;
background-color: #E1E1E0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #b4cbff;
border: 3px solid #CCCCCC;
margin-top: 10px;
}
#author_icon img{
@ -393,17 +399,16 @@ opacity: 0.7;
}
#author_image .progresstext{
font-size: 20px;
color: #0088aa;
color: #505457;
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: #505457;
}
.progress {
height: 18px;
@ -427,30 +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-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;
@ -479,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: #FE9A2E;
background-image: url("images/white_arrow.png") !important;
background-position: 255px center !important;
background-repeat: no-repeat;
border: 1px solid #FE9A2E;
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;
}
Loading…
Cancel
Save