From 136f62a15a2196bd6fbf93ddb9567817d3806d23 Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 23 Apr 2014 17:13:59 -0500 Subject: [PATCH 1/3] scorm css update chamilo-babyorange-academia --- main/css/academica/default.css | 2 +- main/css/academica/images/blue_arrow.png | Bin 599 -> 736 bytes main/css/academica/scorm.css | 110 ++++++++++--------- main/css/baby_orange/images/blue_arrow.png | Bin 599 -> 767 bytes main/css/baby_orange/scorm.css | 117 ++++++++++++--------- main/css/base.css | 2 +- main/css/chamilo/images/blue_arrow.png | Bin 599 -> 789 bytes main/css/chamilo/scorm.css | 98 ++++++++++------- main/newscorm/learnpath.class.php | 2 +- 9 files changed, 190 insertions(+), 141 deletions(-) diff --git a/main/css/academica/default.css b/main/css/academica/default.css index 5cac1665be..fda2b973a1 100644 --- a/main/css/academica/default.css +++ b/main/css/academica/default.css @@ -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; diff --git a/main/css/academica/images/blue_arrow.png b/main/css/academica/images/blue_arrow.png index cb39f30766480a813cf1f4fa544327cfd8b968c1..f16ae578dfde31a912d9b41df9341ca602cc9213 100644 GIT binary patch delta 673 zcmV;S0$%;s1mFcBiBL{Q4GJ0x0000DNk~Le0000L0000L2nGNE0I3(HmXRS$e*#@e zL_t(Ijh&UhPg7A8$3J}$v@mEK4eEgDVnfxA_@kSDfKhNURu_Xt9T+5rokRzJKrqn+ z1Bn{{12&VU1H&7tOf?;3(CAVY4CpewKuYrCe1=9mr(O{o9nQcs8NE<3df zNis~9s@|2~!@UDFRvYHe_KbHrKb9uYk3K2d%|%Pxq8~mEo4;ZG+m7Z8f3=Z-Kt}%y zI5Yw`7UB8=3>*S=Ad*1pqx<|h+}(KX0c_ESGH~@d^d)`Vmjn?HHkS>+va!H{gYm$l zr<%ap2E5M0kBSGX11H%4l~i=&6><}hUxFj)HsEO(e-;I!p=s=y~B+sH%X_PsDsg(j!&!JlB3G5uN;3UUOYt+*w6kxhkV1o==pY_F|C(uxt zr7D?LVEl8k+a8`sBehY?WpV1?D3LPeLbM*Di6Zk`v2WBr{Kw4-`La%q00000NkvXX Hu0mjfL-aF- delta 535 zcmV+y0_gqV1=j>2iBL{Q4GJ0x0000DNk~Le0000K0000K2nGNE0F8+q4Ur*Ce*x4< zL_t(IjjffvZqr~ChM)5(QiI5t02h#f{7kh6nCJkakx(UCS&=}3dq~C(Tmj`8U;tTB zg+M?NLz1lwb{2wt5sk!1TOl6?2glfM8U^0X?>Xo3cjWUOi>i{9jK?Kr)om~qsy1NF zLq4iL29N6OvuzFk^EM|yc|9PfM7pWnb|{QSB~EI`tk&i-dDKpBoA_(4 z1^WUVq@HbN)onwx7VL=1#*R9zKElg|Z7hR`b#Yyh^b?hhhuW#1$>Fz~e<=4CA+-&Q zp-t-@@H%hHM=IrA?bOf2oi>Qf7`Ty2uu286F+pn=fW}l2c|7+&0DIc0pUWU_Je7~d5h>-9p!W)pcAbaXGV;DLrf&qRBRUeTDDYK05Ufl4WcAc-lqom=( zpanVvt`)#Q#4{MYf=~q$Z5@dlZYH^I*d|&610eD*8|)uM<}PrK(IIHTm=dgT%rAp3vTShBuwnlC{5!0Gbh%*l{`Tsueq?**F!!oU3j Zegiib$fm@e;kW<*002ovPDHLkV1gV2>tO%@ diff --git a/main/css/academica/scorm.css b/main/css/academica/scorm.css index 16cbfa6046..b3efef17c6 100644 --- a/main/css/academica/scorm.css +++ b/main/css/academica/scorm.css @@ -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; +} \ No newline at end of file diff --git a/main/css/baby_orange/images/blue_arrow.png b/main/css/baby_orange/images/blue_arrow.png index cb39f30766480a813cf1f4fa544327cfd8b968c1..34e662eb0e5367e17938ab15753d15116001804b 100644 GIT binary patch delta 705 zcmV;y0zUoM1pfsgiBL{Q4GJ0x0000DNk~Le0000L0000L2nGNE0I3(HmXRS$e*%0- zL_t(Ijir^bOCv!P#=lw5T|+Dn?1FJ2m9oX&T@wPSQrYD%I1vn7Aqs(OMFb&|A}9eH zIjcap?o!xELdq1vH3kxF0&-v(L)7`+6}Ky!-9#ccFfcps&2PS$_vWn<5lm|b2M6m) zskDf=09*hm09}$DueXnmj($&Df2+dKlarJ9a5y{$@C|?p+DJk~KoTTHM9yAbUcQ$~ zrQuBI;o)J1N~O}!008d}{|5+?_T%H@F#s$mrPcvl1cTx`PFozDTUl9wQVOHdf5^9eZZsM{ z4W(3iUSO~%lS%CD?O}I!7t71bzK?o-eolYz@^At;OPT+jOeRq%6kwVrNW!wLS33aL zz`w+f0ORp^M4gCWZEfupI2w&msZ?-(e;@R74FIX|!p+T16pKZyuC7LaJ3BiQz<$3U zK3&Qn*$t|+EDIYO8(3Uif5g_-77~dBNW!-52(Z`dMNUJqyO7CbK8c9yPd+_8;r8|x zj^iK}i@|Xmn5Kz*J|6+j2<9&XKqqV%32TZL-d+cg772iBL{Q4GJ0x0000DNk~Le0000K0000K2nGNE0F8+q4Ur*Ce*x4< zL_t(IjjffvZqr~ChM)5(QiI5t02h#f{7kh6nCJkakx(UCS&=}3dq~C(Tmj`8U;tTB zg+M?NLz1lwb{2wt5sk!1TOl6?2glfM8U^0X?>Xo3cjWUOi>i{9jK?Kr)om~qsy1NF zLq4iL29N6OvuzFk^EM|yc|9PfM7pWnb|{QSB~EI`tk&i-dDKpBoA_(4 z1^WUVq@HbN)onwx7VL=1#*R9zKElg|Z7hR`b#Yyh^b?hhhuW#1$>Fz~e<=4CA+-&Q zp-t-@@H%hHM=IrA?bOf2oi>Qf7`Ty2uu286F+pn=fW}l2c|7+&0DIc0pUWU_Je7~d5h>-9p!W)pcAbaXGV;DLrf&qRBRUeTDDYK05Ufl4WcAc-lqom=( zpanVvt`)#Q#4{MYf=~q$Z5@dlZYH^I*d|&610eD*8|)uM<}PrK(IIHTm=dgT%rAp3vTShBuwnlC{5!0Gbh%*l{`Tsueq?**F!!oU3j Zegiib$fm@e;kW<*002ovPDHLkV1iuC>wo|N diff --git a/main/css/baby_orange/scorm.css b/main/css/baby_orange/scorm.css index 16cbfa6046..ec495b7f40 100644 --- a/main/css/baby_orange/scorm.css +++ b/main/css/baby_orange/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: #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; +} \ No newline at end of file diff --git a/main/css/base.css b/main/css/base.css index 7a37f8b394..ac52334fcb 100644 --- a/main/css/base.css +++ b/main/css/base.css @@ -4031,7 +4031,7 @@ footer { #learning_path_left_zone { float:left; - width:280px; + width:315px; height:100%; padding-left: 8px; padding-right: 4px; diff --git a/main/css/chamilo/images/blue_arrow.png b/main/css/chamilo/images/blue_arrow.png index cb39f30766480a813cf1f4fa544327cfd8b968c1..c40ba9fc31c316ff51041e99d1082cad21d3b8a4 100644 GIT binary patch delta 727 zcmV;|0x1301eFFMiBL{Q4GJ0x0000DNk~Le0000L0000L2nGNE0I3(HmXRS$e*%(8 zL_t(Ijg6H}OcPNMfWO^RLBOg9K@%ef5=^wVl5(=)#~3X!8cqfeHj#vzR}O+#51bXw z9=vGcMI#VB87l`Od*COKpgkJYL>r`4p}R94wk^Bu7TIL-@^;>QGw;2bd4{SI^cm0B zql7dGnm{!HMi=M?suqq|n8v&gf5%n>ZL6Wi)8!VLLX*Hf!0;(WKuaR3s7#}W?rS<$ zs0%e-to5S$1n8`BUj|l2Ezh&yjOg8DrUqI9z5~qv0|ivQb3vT}9qrFlprtJ@)kLUT zl6`@D5g*=-Yx-Kjjmka40AR_;D>V)(jyl;kCjktetwk|q*>@?v=mMfDfBidmw27^q zB46@<%4-!{W2T!n^?-Fo5qjH>urSok`&m>$EGzLVlH)_hlvher=m1_ft$J7baTZrQQNA%-IX7C2H&i*U37?q zLpZb-d30;yc^fCv|Ia{jumip1QFT4zUw#= z5zrAGOBe9AIUP-AFmwQs?7t(EF9)_VmR=P`UeH_#UL>hEqnj~002ov JPDHLkV1hFrMqmH{ delta 535 zcmV+y0_gpf2G;~3iBL{Q4GJ0x0000DNk~Le0000K0000K2nGNE0F8+q4Ur*Ce*x4< zL_t(IjjffvZqr~ChM)5(QiI5t02h#f{7kh6nCJkakx(UCS&=}3dq~C(Tmj`8U;tTB zg+M?NLz1lwb{2wt5sk!1TOl6?2glfM8U^0X?>Xo3cjWUOi>i{9jK?Kr)om~qsy1NF zLq4iL29N6OvuzFk^EM|yc|9PfM7pWnb|{QSB~EI`tk&i-dDKpBoA_(4 z1^WUVq@HbN)onwx7VL=1#*R9zKElg|Z7hR`b#Yyh^b?hhhuW#1$>Fz~e<=4CA+-&Q zp-t-@@H%hHM=IrA?bOf2oi>Qf7`Ty2uu286F+pn=fW}l2c|7+&0DIc0pUWU_Je7~d5h>-9p!W)pcAbaXGV;DLrf&qRBRUeTDDYK05Ufl4WcAc-lqom=( zpanVvt`)#Q#4{MYf=~q$Z5@dlZYH^I*d|&610eD*8|)uM<}PrK(IIHTm=dgT%rAp3vTShBuwnlC{5!0Gbh%*l{`Tsueq?**F!!oU3j Zegiib$fm@e;kW<*002ovPDHLkV1j{7>lXk3 diff --git a/main/css/chamilo/scorm.css b/main/css/chamilo/scorm.css index 4a9921fec5..a825267eb2 100644 --- a/main/css/chamilo/scorm.css +++ b/main/css/chamilo/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,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; +} \ No newline at end of file diff --git a/main/newscorm/learnpath.class.php b/main/newscorm/learnpath.class.php index 104c9afe30..6c82481832 100644 --- a/main/newscorm/learnpath.class.php +++ b/main/newscorm/learnpath.class.php @@ -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 .= '
'; + $html .= '
'; $html .= ''; } else { $html .= '
'; From 527910662670af0549a7bf6a6a1b4d89a3bfa678 Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 23 Apr 2014 18:14:33 -0500 Subject: [PATCH 2/3] scorm css update blue-lagoon --- main/css/academica/default.css | 48 ++++++--- main/css/baby_orange/default.css | 48 ++++++--- main/css/blue_lagoon/images/blue_arrow.png | Bin 599 -> 789 bytes main/css/blue_lagoon/scorm.css | 110 ++++++++++++--------- 4 files changed, 134 insertions(+), 72 deletions(-) diff --git a/main/css/academica/default.css b/main/css/academica/default.css index fda2b973a1..0b891edae3 100644 --- a/main/css/academica/default.css +++ b/main/css/academica/default.css @@ -703,24 +703,48 @@ footer a:link, footer a:visited { * CSS CHAT END * *****************************************************/ .normal-message { - color: #00407F; - border: 1px solid #CDE6F5; - background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE; + background-color: #D9EDF7; + color: #3A87AD; + padding: 15px; + margin-bottom: 15px; + border-top: 1px solid #BCE8F1; + border-left: 1px solid #BCE8F1; + border-right: 1px solid #BCE8F1; + border-bottom: 3px solid #BCE8F1; + border-radius: 10px; } .warning-message { - border: 1px solid #FFB30F; - color: #000; - background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7; + background-color: #FCF8E3; + color: #C09853; + padding: 10px; + margin-bottom: 15px; + border-top: 1px solid #FBEED5; + border-left: 1px solid #FBEED5; + border-right: 1px solid #FBEED5; + border-bottom: 3px solid #FBEED5; + border-radius: 10px; } .confirmation-message { - border: 1px solid #1F8323; - color:#1F8323; - background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7; + background-color: #DFF0D8; + color: #468847; + padding: 10px; + margin-bottom: 15px; + border-top: 1px solid #D6E9C6; + border-left: 1px solid #D6E9C6; + border-right: 1px solid #D6E9C6; + border-bottom: 3px solid #D6E9C6; + border-radius: 10px; } .error-message { - border: 1px solid #FF0000; - color: #440000; - background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1; + background-color: #F2DEDE; + color: #B94A48; + padding: 10px; + margin-bottom: 15px; + border-top: 1px solid #EED3D7; + border-left: 1px solid #EED3D7; + border-right: 1px solid #EED3D7; + border-bottom: 3px solid #EED3D7; + border-radius: 10px; } .social-menu-title { diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css index a89bec52df..7e3cd3db14 100644 --- a/main/css/baby_orange/default.css +++ b/main/css/baby_orange/default.css @@ -626,24 +626,48 @@ footer a:link, footer a:visited { * CSS CHAT END * *****************************************************/ .normal-message { - color: #00407F; - border: 1px solid #CDE6F5; - background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE; + background-color: #D9EDF7; + color: #3A87AD; + padding: 15px; + margin-bottom: 15px; + border-top: 1px solid #BCE8F1; + border-left: 1px solid #BCE8F1; + border-right: 1px solid #BCE8F1; + border-bottom: 3px solid #BCE8F1; + border-radius: 10px; } .warning-message { - border: 1px solid #FFB30F; - color: #000; - background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7; + background-color: #FCF8E3; + color: #C09853; + padding: 10px; + margin-bottom: 15px; + border-top: 1px solid #FBEED5; + border-left: 1px solid #FBEED5; + border-right: 1px solid #FBEED5; + border-bottom: 3px solid #FBEED5; + border-radius: 10px; } .confirmation-message { - border: 1px solid #1F8323; - color:#1F8323; - background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7; + background-color: #DFF0D8; + color: #468847; + padding: 10px; + margin-bottom: 15px; + border-top: 1px solid #D6E9C6; + border-left: 1px solid #D6E9C6; + border-right: 1px solid #D6E9C6; + border-bottom: 3px solid #D6E9C6; + border-radius: 10px; } .error-message { - border: 1px solid #FF0000; - color: #440000; - background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1; + background-color: #F2DEDE; + color: #B94A48; + padding: 10px; + margin-bottom: 15px; + border-top: 1px solid #EED3D7; + border-left: 1px solid #EED3D7; + border-right: 1px solid #EED3D7; + border-bottom: 3px solid #EED3D7; + border-radius: 10px; } .social-menu-title { diff --git a/main/css/blue_lagoon/images/blue_arrow.png b/main/css/blue_lagoon/images/blue_arrow.png index cb39f30766480a813cf1f4fa544327cfd8b968c1..c40ba9fc31c316ff51041e99d1082cad21d3b8a4 100644 GIT binary patch delta 727 zcmV;|0x1301eFFMiBL{Q4GJ0x0000DNk~Le0000L0000L2nGNE0I3(HmXRS$e*%(8 zL_t(Ijg6H}OcPNMfWO^RLBOg9K@%ef5=^wVl5(=)#~3X!8cqfeHj#vzR}O+#51bXw z9=vGcMI#VB87l`Od*COKpgkJYL>r`4p}R94wk^Bu7TIL-@^;>QGw;2bd4{SI^cm0B zql7dGnm{!HMi=M?suqq|n8v&gf5%n>ZL6Wi)8!VLLX*Hf!0;(WKuaR3s7#}W?rS<$ zs0%e-to5S$1n8`BUj|l2Ezh&yjOg8DrUqI9z5~qv0|ivQb3vT}9qrFlprtJ@)kLUT zl6`@D5g*=-Yx-Kjjmka40AR_;D>V)(jyl;kCjktetwk|q*>@?v=mMfDfBidmw27^q zB46@<%4-!{W2T!n^?-Fo5qjH>urSok`&m>$EGzLVlH)_hlvher=m1_ft$J7baTZrQQNA%-IX7C2H&i*U37?q zLpZb-d30;yc^fCv|Ia{jumip1QFT4zUw#= z5zrAGOBe9AIUP-AFmwQs?7t(EF9)_VmR=P`UeH_#UL>hEqnj~002ov JPDHLkV1hFrMqmH{ delta 535 zcmV+y0_gpf2G;~3iBL{Q4GJ0x0000DNk~Le0000K0000K2nGNE0F8+q4Ur*Ce*x4< zL_t(IjjffvZqr~ChM)5(QiI5t02h#f{7kh6nCJkakx(UCS&=}3dq~C(Tmj`8U;tTB zg+M?NLz1lwb{2wt5sk!1TOl6?2glfM8U^0X?>Xo3cjWUOi>i{9jK?Kr)om~qsy1NF zLq4iL29N6OvuzFk^EM|yc|9PfM7pWnb|{QSB~EI`tk&i-dDKpBoA_(4 z1^WUVq@HbN)onwx7VL=1#*R9zKElg|Z7hR`b#Yyh^b?hhhuW#1$>Fz~e<=4CA+-&Q zp-t-@@H%hHM=IrA?bOf2oi>Qf7`Ty2uu286F+pn=fW}l2c|7+&0DIc0pUWU_Je7~d5h>-9p!W)pcAbaXGV;DLrf&qRBRUeTDDYK05Ufl4WcAc-lqom=( zpanVvt`)#Q#4{MYf=~q$Z5@dlZYH^I*d|&610eD*8|)uM<}PrK(IIHTm=dgT%rAp3vTShBuwnlC{5!0Gbh%*l{`Tsueq?**F!!oU3j Zegiib$fm@e;kW<*002ovPDHLkV1j{7>lXk3 diff --git a/main/css/blue_lagoon/scorm.css b/main/css/blue_lagoon/scorm.css index 16cbfa6046..d7129d1328 100644 --- a/main/css/blue_lagoon/scorm.css +++ b/main/css/blue_lagoon/scorm.css @@ -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:#EFEFEF; + 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: #2e75a3; /* Old browsers */ + background: -moz-linear-gradient(top, #2e75a3 0%, #3c678b 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e75a3), color-stop(100%,#3c678b)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #2e75a3 0%,#3c678b 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #2e75a3 0%,#3c678b 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #2e75a3 0%,#3c678b 100%); /* IE10+ */ + background: linear-gradient(to bottom, #2e75a3 0%,#3c678b 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e75a3', endColorstr='#3c678b',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: #EFEFEF; -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 +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: #00AAD4; + 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: #ABAAA7; + background-image: url("images/white_arrow.png") !important; + background-position: 255px center !important; + background-repeat: no-repeat; + border: 1px solid #ABAAA7; + 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 From 0dca8d7c5750aa92ee23481858dd107629e40726 Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 23 Apr 2014 19:59:42 -0500 Subject: [PATCH 3/3] update css chamilo_electric_blue --- main/css/chamilo_electric_blue/default.css | 120 ++++++----------- .../images/blue_arrow.png | Bin 599 -> 881 bytes .../images/white_arrow.png | Bin 421 -> 864 bytes main/css/chamilo_electric_blue/scorm.css | 123 +++++++++++------- main/inc/lib/display.lib.php | 2 +- 5 files changed, 116 insertions(+), 129 deletions(-) diff --git a/main/css/chamilo_electric_blue/default.css b/main/css/chamilo_electric_blue/default.css index d8c32f4716..b1fc41f53e 100644 --- a/main/css/chamilo_electric_blue/default.css +++ b/main/css/chamilo_electric_blue/default.css @@ -29,15 +29,20 @@ a:active { padding-top: 13px; } .subnav .navbar-inner { - background-color: #133AAC; /* Old browsers */ - background-repeat: repeat-x; /* Repeat the gradient */ - background-image: none; + background: #175ae2; /* Old browsers */ + background: -moz-linear-gradient(top, #175ae2 0%, #133aac 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#175ae2), color-stop(100%,#133aac)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #175ae2 0%,#133aac 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #175ae2 0%,#133aac 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #175ae2 0%,#133aac 100%); /* IE10+ */ + background: linear-gradient(to bottom, #175ae2 0%,#133aac 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175ae2', endColorstr='#133aac',GradientType=0 ); /* IE6-9 */ border: none; } .subnav .nav > li > a { - border-left: 1px solid #133AAC; - border-right: 1px solid #133AAC; + border-left: 1px solid #133CB0; + border-right: 1px solid #133CB0; color: white; font-weight: normal; font-size: 13px; @@ -47,7 +52,14 @@ a:active { .subnav .nav > #current > a, .subnav .nav > #current > a:hover { color: #fff; - background-color: #2B4181; + background: #2b4181; /* Old browsers */ + background: -moz-linear-gradient(top, #2b4181 0%, #133aac 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b4181), color-stop(100%,#133aac)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #2b4181 0%,#133aac 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #2b4181 0%,#133aac 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #2b4181 0%,#133aac 100%); /* IE10+ */ + background: linear-gradient(to bottom, #2b4181 0%,#133aac 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4181', endColorstr='#133aac',GradientType=0 ); /* IE6-9 */ border-right-color: #2B4181; } @@ -57,7 +69,14 @@ a:active { /* Green hover */ .subnav .navbar-inner li a:hover { - background: none repeat scroll 0 0 #476BD6; + background: #2b4181; /* Old browsers */ + background: -moz-linear-gradient(top, #2b4181 0%, #133aac 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b4181), color-stop(100%,#133aac)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #2b4181 0%,#133aac 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #2b4181 0%,#133aac 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #2b4181 0%,#133aac 100%); /* IE10+ */ + background: linear-gradient(to bottom, #2b4181 0%,#133aac 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4181', endColorstr='#133aac',GradientType=0 ); /* IE6-9 */ color: #fff; } .well .nav-list > li > a:hover { @@ -89,20 +108,6 @@ a:active { padding-right: 15px;*/ padding-top: 6px; } -.controls .btn{ - background:#2E75A3; - color: #FFFFFF; - border: 1px solid #2E75A3; - padding: 5px 25px; - font-size: 14px; - text-shadow: none; -} -.controls .btn:hover{ - background:#90B1F3; - border: none; - color: #FFFFFF; - -} .form-actions { background:transparent; } @@ -137,40 +142,6 @@ a:active { border: 1px solid #FD6600; color: #FFFFFF; } -.btn{ - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: normal; - line-height: 1.428571429; - text-align: center; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - background-image: none; - border: none; - border-radius: 4px; - border-color: #ccc; -} -.btn:hover{ - color: #333; - text-decoration: none; -} -.btn-primary{ - background-color:#133AAC; - background-image: none; - border:none; -} -.btn-primary:hover{ - background-color:#2B4181; - color: #FFFFFF; -} /* styles for the star rater */ .star-rating{ @@ -338,13 +309,7 @@ a:active { color: #666666; padding-left: 15px; } -.controls .btn{ - background:#133AAC; - color: #FFFFFF; - border:none; - padding: 5px 25px; - text-shadow: none; -} + #top_main_content #announcements .page-header{ display: none; line-height: 1; @@ -416,25 +381,10 @@ a:active { #homepage .row .span9 a:hover{ color: #476BD6; } -.page-header h2{ - color: #133AAC; - font-weight: bold; - font-size: 20px; - padding-left: 10px; -} #course_tools .course-title-tools h3 { margin-top: 10px; color: #133AAC; - font-weight: normal; - - -} -.page-header { - border-bottom-color: #133AAC; - border-bottom-style: solid; - border-bottom-width: 1px; - box-shadow: none; - padding-bottom: 0px; + font-weight: normal; } .well_border{ background-color: rgba(243,226,169, 0.1); @@ -474,14 +424,22 @@ a:active { #course_category li, #hot_courses h5, .course_item h5, .categories-course-description h5, .course-box h5 { font-weight: normal; } +.page-header h2{ + color: #666666; +} /***************************************************** * FOOTER STYLES * *****************************************************/ footer { height: 10em; - background-color: #133AAC; - background-image: none; - background-repeat:repeat-x; + background: #133aac; /* Old browsers */ + background: -moz-linear-gradient(top, #133aac 0%, #0119a0 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#133aac), color-stop(100%,#0119a0)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #133aac 0%,#0119a0 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #133aac 0%,#0119a0 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #133aac 0%,#0119a0 100%); /* IE10+ */ + background: linear-gradient(to bottom, #133aac 0%,#0119a0 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133aac', endColorstr='#0119a0',GradientType=0 ); /* IE6-9 */ color:#ffffff; border-top: none; } diff --git a/main/css/chamilo_electric_blue/images/blue_arrow.png b/main/css/chamilo_electric_blue/images/blue_arrow.png index cb39f30766480a813cf1f4fa544327cfd8b968c1..9aa75cf05a0c0cb0745e842743c127cc5340eacb 100644 GIT binary patch delta 820 zcmV-41Izr^1n~wTiBL{Q4GJ0x0000DNk~Le0000L0000L2nGNE0I3(HmXRS$e**4F zL_t(IjeV6(NK{c2$N%?QqvJ;*3P$vaGNp-Aj9MXqyNKGgtcf&&!gUb#wdl)5OI@V| zZVH4}ZKRDb&MF2O5x-)jB65l#F-J$=x#zT)dGp?z_w2%h%f0vg?*H8TKj$hDK~QVE zi+086Q3^37hzSr;z_KwWr9dfxf0djct(^<{SCvDfH&A237y>W=K)L6H3Bm-3fiMXR zjZ_KUPmed{c7>k0jSEWS4S;6v-U4A$fC>S2p9vzIQA~YHZx1JY&?0aOfc68a1cf;L z0@MIZY?yjiCL)Ovv>0;Qr%(hURDz-_ zrw2PB6tmUlw+V^aJT9LLqpn)x()k*MD}g7s4j^1oxKIR|Vlp_6e-N=gXc0=4dvWRO z7W!YTBDck;4QmWsZ43Yg`xb^$T9K6$CMma2`g0Eb&%a?a&j8>D+E(+rMVNMydVaiq zP7IAWY3D5bG{27irx|=%-A4S;JZ2XDxGpq6rO-$=8J{cW{?D4toqSq^n&B!QcAk69 zziVO1pxQ*Ulkr0Cf2YTra>j5Un7BO8;kns>unTKh3-@Iw<2ks?+{(o91jF<)TbchA zl7N)Wuvoo6rmvUksi$_XOtdAoHg!~(hJ{IdioBl)n_<*Q^w;#wgq!1gPV9E%%2c~D yriaXo3cjWUOi>i{9jK?Kr)om~qsy1NF zLq4iL29N6OvuzFk^EM|yc|9PfM7pWnb|{QSB~EI`tk&i-dDKpBoA_(4 z1^WUVq@HbN)onwx7VL=1#*R9zKElg|Z7hR`b#Yyh^b?hhhuW#1$>Fz~e<=4CA+-&Q zp-t-@@H%hHM=IrA?bOf2oi>Qf7`Ty2uu286F+pn=fW}l2c|7+&0DIc0pUWU_Je7~d5h>-9p!W)pcAbaXGV;DLrf&qRBRUeTDDYK05Ufl4WcAc-lqom=( zpanVvt`)#Q#4{MYf=~q$Z5@dlZYH^I*d|&610eD*8|)uM<}PrK(IIHTm=dgT%rAp3vTShBuwnlC{5!0Gbh%*l{`Tsueq?**F!!oU3j Zegiib$fm@e;kW<*002ovPDHLkV1hxQ>vI4A diff --git a/main/css/chamilo_electric_blue/images/white_arrow.png b/main/css/chamilo_electric_blue/images/white_arrow.png index 8b46a3d421b080bba40529878120b51d6aef6035..aacdfe3b6351bd5fcfe620a8880fdea374ae5c86 100644 GIT binary patch delta 802 zcmV+-1Ks?k1KuFQ|$! zHEZj#9{@yr$_@kgv~y8Z$>4HO8OD+Qby(e4!P45V{Bt(K)Jq0O-JtRUsT@32)ri5C zcX-+|g^IwT{Bxm{jQS-@hroqk?FG6^$uLe=#n9J0j(z?RhzS8-1+@8{GYF2;K~=AJQypc!Z7Np zFX2h^>k@E&@x3cu3~f*=wc)gThPJN~4M*Ex`-13ce1#JS&O;O9Om!3bE|-FHG_ZFNCgh&k^tkOF+-Of0G!O+YO?m=Dshd z@Mx+P>uL=_s{*&`<9h=Qpx7j(Vv*2>d1o1Y{__D3-(JJI$^gLLKw>6BLXNalwfAueJMg&%Qvr$sBs4?_uyS>*A=r6$RM&bu)X(3 z+c`^GbZTPb2~s(zcuHdo5jvL!a(z|id*Ij|HA^I#l*U3CXo{dJ^wZ)DiO{tAm<#>1 zfC9iohnlr)ifF?_+JL=4*Nj;k3!S2Oh&U^c2qpApigX07*qoM6N<$f(W&BdjJ3c delta 356 zcmV-q0h|8d2BiZbiBL{Q4GJ0x0000DNk~Le0000K0000K2nGNE0F8+q4Ur*Ce*q#% zL_t(IjkT3MPQySDMn8iE2goHbq#_iwbQEql0eA2P-~!wNC=pVE2o(n~TqFDxP=K(I zkRAn-XtNn*W0ZW-$nuQmd3H5Bn*nl^OFER)leA|~NqRJUkTjI^Gm{C#Rsc0=)%NXF ze)y6B70@gI8>_LL%mY>}K(VSAe^|7v%&W8*19KMJvy^He7f}8aa0i@4zB0GAXscUE zN0PoJbtD~|zbByIva%aslfS*+0-l0cU%<#ox&|&B{~&-Bz;hHIdBA&M&Fnn7E`h5E_Ts?6mVD|2K7f5@kLAuB7{JNAws{A316Vf!Is+(Ejs0fO zF7TRwO&U9O^uB=41Z?W)tz 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; @@ -183,16 +184,14 @@ .inner_lp_toc { overflow: auto; background-color: white; - height: 210px; + 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,41 +344,57 @@ padding-top: 4px; } - - #learning_path_breadcrumb_zone .breadcrumb{ - background-image: none; - background-color: #2e75a3; + background: #175ae2; /* Old browsers */ + background: -moz-linear-gradient(top, #175ae2 0%, #133aac 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#175ae2), color-stop(100%,#133aac)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #175ae2 0%,#133aac 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #175ae2 0%,#133aac 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #175ae2 0%,#133aac 100%); /* IE10+ */ + background: linear-gradient(to bottom, #175ae2 0%,#133aac 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175ae2', endColorstr='#133aac',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: #666666; + padding-top: 15px; padding-bottom: 15px; } #learning_path_main #control { - opacity: 1; + opacity: 1; } .buttons a img:hover{ -opacity: 0.7; + opacity: 0.7; } #author_image{ - background-color: #d7eef4; + 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 */ -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 +406,16 @@ 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; } .progress { height: 18px; @@ -426,31 +438,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: #154DCD; + 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 +483,29 @@ opacity: 0.7; position: absolute; text-align: center; width: 100%; -} + border-top:1px solid #00AAD4; +} +.inner_lp_toc .scorm_item_highlight { + background-color: #EEEEEE; + background-image: url("images/white_arrow.png") !important; + background-position: 255px center !important; + background-repeat: no-repeat; + border-top: none; + border-right: none; + border-left: none; + border-bottom: 1px solid #CCCCCC; + text-shadow:none; +} +.inner_lp_toc .scorm_item_highlight a{ + color: #666; +} +#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/inc/lib/display.lib.php b/main/inc/lib/display.lib.php index 507adb633d..92723b5dc0 100644 --- a/main/inc/lib/display.lib.php +++ b/main/inc/lib/display.lib.php @@ -1457,7 +1457,7 @@ class Display return 'data_table'; } - public static function page_header($title, $second_title = null, $size = 'h1') { + public static function page_header($title, $second_title = null, $size = 'h2') { $title = Security::remove_XSS($title); if (!empty($second_title)) { $second_title = Security::remove_XSS($second_title);