diff --git a/main/css/chamilo_orange/default.css b/main/css/chamilo_orange/default.css index da7a2e5902..b82bf1f244 100644 --- a/main/css/chamilo_orange/default.css +++ b/main/css/chamilo_orange/default.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; diff --git a/main/css/chamilo_red/default.css b/main/css/chamilo_red/default.css index 11d6a0824b..5773e41a2c 100644 --- a/main/css/chamilo_red/default.css +++ b/main/css/chamilo_red/default.css @@ -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; diff --git a/main/css/chamilo_sport_red/default.css b/main/css/chamilo_sport_red/default.css index c23b004431..e477dd0585 100755 --- a/main/css/chamilo_sport_red/default.css +++ b/main/css/chamilo_sport_red/default.css @@ -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{ diff --git a/main/css/chamilo_sport_red/images/blue_arrow.png b/main/css/chamilo_sport_red/images/blue_arrow.png index cb39f30766..34e662eb0e 100644 Binary files a/main/css/chamilo_sport_red/images/blue_arrow.png and b/main/css/chamilo_sport_red/images/blue_arrow.png differ diff --git a/main/css/chamilo_sport_red/scorm.css b/main/css/chamilo_sport_red/scorm.css index 16cbfa6046..ba05d4f8aa 100755 --- a/main/css/chamilo_sport_red/scorm.css +++ b/main/css/chamilo_sport_red/scorm.css @@ -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; +} \ No newline at end of file diff --git a/main/css/cool_blue/default.css b/main/css/cool_blue/default.css index 65d2556d6f..568d1f3b33 100644 --- a/main/css/cool_blue/default.css +++ b/main/css/cool_blue/default.css @@ -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; diff --git a/main/css/cool_blue/images/blue_arrow.png b/main/css/cool_blue/images/blue_arrow.png index cb39f30766..12c641ae99 100644 Binary files a/main/css/cool_blue/images/blue_arrow.png and b/main/css/cool_blue/images/blue_arrow.png differ diff --git a/main/css/cool_blue/images/home-bg.png b/main/css/cool_blue/images/home-bg.png index 9c2bf567d5..a31574a305 100644 Binary files a/main/css/cool_blue/images/home-bg.png and b/main/css/cool_blue/images/home-bg.png differ diff --git a/main/css/cool_blue/scorm.css b/main/css/cool_blue/scorm.css index 16cbfa6046..6da9ce6d02 100644 --- a/main/css/cool_blue/scorm.css +++ b/main/css/cool_blue/scorm.css @@ -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; +} \ No newline at end of file diff --git a/main/css/corporate/images/blue_arrow.png b/main/css/corporate/images/blue_arrow.png index cb39f30766..7a4830357c 100644 Binary files a/main/css/corporate/images/blue_arrow.png and b/main/css/corporate/images/blue_arrow.png differ diff --git a/main/css/corporate/scorm.css b/main/css/corporate/scorm.css index 16cbfa6046..ffb2343707 100644 --- a/main/css/corporate/scorm.css +++ b/main/css/corporate/scorm.css @@ -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; +} \ No newline at end of file