From 6d0e8e8fc537a1f5f9c57fa6e7666ea683e88d83 Mon Sep 17 00:00:00 2001 From: aragonc Date: Sat, 8 Nov 2014 11:51:46 -0500 Subject: [PATCH 1/4] update scorm --- main/css/chamilo/scorm.css | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/main/css/chamilo/scorm.css b/main/css/chamilo/scorm.css index d7ed3491af..8d8fdb426e 100755 --- a/main/css/chamilo/scorm.css +++ b/main/css/chamilo/scorm.css @@ -383,14 +383,11 @@ background-repeat: no-repeat; } -.scorm_item_section.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - background-color: #05abe0; +.scorm_item_section .scorm_completed { + background: url("images/blue_arrow.png") 270px center no-repeat #F1D40D !important; } -.scorm_item_section.scorm_item_normal.scorm_not_attempted { +.scorm_item_section .scorm_not_attempted { background-color: #333; } From d5190b0c5a296ec3ba7ee229e42cacd8ec3efd01 Mon Sep 17 00:00:00 2001 From: aragonc Date: Sat, 8 Nov 2014 17:04:34 -0500 Subject: [PATCH 2/4] add icon completed failed _section completed refs CT#C398 --- main/img/icon_completed.png | Bin 0 -> 648 bytes main/img/icon_completed_section.png | Bin 0 -> 369 bytes main/img/icon_failed.png | Bin 0 -> 598 bytes main/img/level_one.png | Bin 0 -> 162 bytes main/img/level_tree.png | Bin 0 -> 166 bytes main/img/level_two.png | Bin 0 -> 164 bytes 6 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 main/img/icon_completed.png create mode 100644 main/img/icon_completed_section.png create mode 100644 main/img/icon_failed.png create mode 100644 main/img/level_one.png create mode 100644 main/img/level_tree.png create mode 100644 main/img/level_two.png diff --git a/main/img/icon_completed.png b/main/img/icon_completed.png new file mode 100644 index 0000000000000000000000000000000000000000..5318de85bc2e509415073022018fcad9de148b5e GIT binary patch literal 648 zcmV;30(bq1P)C8CjHck`9A9W?f3Aba58Cwe9=;J{_8KD@VTJeR)2g z_wzg-KJT}vD)pFnBYvk42MiPg03i!xEhTf~j4ssQm(2zusaXb9NCO_WMp2aHXoM;F zBNSCd5E+}{xd_oF!Um}F;%*-?MO9Rl7Y3wbg~;biYo@)hGB-J~Ulhx2ysb zaS(KsOT>|;Z*D+u=Q!=VyLdEz$+p$~n z$;7Cbu)(ea7ue(JpuX1MeUHBGG4h2R6E8#j{I%vTn@}<_92FDFRqpo&NSvN#qN^GG8!lc4z=!TMv=W1o^@; zx1NT{t$xO`spmVVKf)1932hWVF22R%_G0*=9BvDeFD!F&I?Q5z;cqdfl5uvNWyyjo zmQBmXLH6q__O`aOuk|3;ABXw2^64M3WmD7&2~kzfJ&+-!(MW=@YloNh(vPjbMHzm5 zO($zsK6PJaRJC_IesGFwc5cM%ty#G`QBI~9RQ*qwgyj4vQ(7OUdYrf|ejDNn22|q= iS%ItrGVjM52=n zD-dSmmtT}V`<;yxP|-V27sn8b z-nEl$y;vLt-0sh)WWLVI+}z1}K54wN<+|?|Lqo*1W_mqfxY5fn!!?HSv;NhrE~m9uu073Kyv!p;d>&uJ&SfW6 zBtz^QCTmS~(ruJZu$4b%Ud38=Eh%C3q3H+YK8T&M%i8;B^7%z~H~x~@DYf+^*ZQl+ zb;@rw%3J+ZGv85acvttUX3=rR{8gXN?0A{|P^BTaROtD{s{5D2daEuL7e0C3)O%(3 zJgKY2S1$c~YaL?F_8?5RUF>CSZ6uTQng44)t+&5?=qdmGpUhu0?*u;#*q#FPIfJLG KpUXO@geCxkyO{I< literal 0 HcmV?d00001 diff --git a/main/img/icon_failed.png b/main/img/icon_failed.png new file mode 100644 index 0000000000000000000000000000000000000000..d0a8bf6608f2c16b7125305a41f4d406917cb2b6 GIT binary patch literal 598 zcmV-c0;&CpP)M*s=zHfvm=O z0Fx#gpCC+)pbJrywO=6Z(4`#^Ac5(U4S@=kSXe5CMxwUgW$>RG%N*%QPgnOIy?fqy zqNRf5zXZa@Blv0Hv4JZFNTP^8XJ@<%0#p?PobK&$bz_6m#e&}_Czy1_RRT{%Re2-w z9C-DgHLJ$u=fM-z*F}_fvMAR@w+8#q%27sD18^c3M6jwxx5QNfgM1juzcIs05xW6> kpre-|3$2v9!^(I53(dRH6!W<_tpET307*qoM6N<$g3BZEJpcdz literal 0 HcmV?d00001 diff --git a/main/img/level_one.png b/main/img/level_one.png new file mode 100644 index 0000000000000000000000000000000000000000..201d55bfbe29cdc11b1e3140d8bcb85993d94249 GIT binary patch literal 162 zcmeAS@N?(olHy`uVBq!ia0vp^0zhoV$P6T#xx9;j6kC8#h%1mjcI?>wM=k|G7Gp_} zUoeBivm0q3PLj8~3quF1tOt<8S>O>_%)r1c48n{Iv*t(u1=&kHeO=k_adU|1>cmHW yUI-Kt^>lFz;kcfhkdeT^_~}Hb$P3kW76$%EzSR+T)xHB2FnGH9xvXXx!cnq}T#{LR^9Lv17;XKXNGmvKUK( z{DK)Ap4~_Tagw~FdgVkDEh8SNNs< zy*WT3aZeY=5Q)pl2^k3ujJGz1tzEQNc1sc?!@mXmp+c7?Dg%`;c)I$ztaD0e0szAs BDY^gv literal 0 HcmV?d00001 From dcac02754512aab3aa159a17baec0e534c8b6482 Mon Sep 17 00:00:00 2001 From: aragonc Date: Sat, 8 Nov 2014 17:05:40 -0500 Subject: [PATCH 3/4] update css style for learning path refs CT#398 --- main/css/academica/default.css | 1 - main/css/academica/scorm.css | 413 +------------------- main/css/baby_orange/default.css | 1 - main/css/baby_orange/scorm.css | 433 +-------------------- main/css/base.css | 116 ++++++ main/css/blue_lagoon/default.css | 25 -- main/css/blue_lagoon/scorm.css | 407 +------------------- main/css/chamilo/scorm.css | 464 ----------------------- main/css/chamilo_electric_blue/scorm.css | 450 ---------------------- main/css/chamilo_green/scorm.css | 446 ---------------------- main/css/chamilo_orange/scorm.css | 412 +------------------- main/css/chamilo_red/scorm.css | 411 -------------------- main/css/chamilo_sport_red/scorm.css | 383 +------------------ main/css/cool_blue/default.css | 25 -- main/css/cool_blue/scorm.css | 418 +------------------- main/css/corporate/scorm.css | 430 +-------------------- main/css/cosmic_campus/default.css | 1 - main/css/cosmic_campus/scorm.css | 406 +------------------- main/css/journal/scorm.css | 421 -------------------- main/css/kiddy/scorm.css | 413 +------------------- main/newscorm/learnpath.class.php | 15 +- main/newscorm/lp_view.php | 18 +- main/newscorm/scorm_api.php | 8 +- 23 files changed, 154 insertions(+), 5963 deletions(-) diff --git a/main/css/academica/default.css b/main/css/academica/default.css index 86d7ebf72b..44bfe3a3da 100755 --- a/main/css/academica/default.css +++ b/main/css/academica/default.css @@ -258,7 +258,6 @@ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); } .btn{ display: inline-block; - padding: 3px 25px; margin-bottom: 0; font-size: 14px; font-weight: normal; diff --git a/main/css/academica/scorm.css b/main/css/academica/scorm.css index 42291af03a..20d9040ed4 100755 --- a/main/css/academica/scorm.css +++ b/main/css/academica/scorm.css @@ -1,233 +1,4 @@ /* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #00aad4; - background-color: #00aad4; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; - 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 */ - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: #505f6b; /* Old browsers */ background: -moz-linear-gradient(top, #505f6b 0%, #3e4f5c 100%); /* FF3.6+ */ @@ -257,184 +28,6 @@ font-size: 20px; background-image: none; color: #0088aa; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #d7eef4; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #b4cbff; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #0088AA; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #0088AA; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - 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); - -webkit-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -/* STYLES PROCESS LESSION */ -.inner_lp_toc .scorm_item a { - font-size: 14px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} + padding-top: 5px; + padding-bottom: 5px; +} \ No newline at end of file diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css index ccc897c2a3..bc5b7c0225 100755 --- a/main/css/baby_orange/default.css +++ b/main/css/baby_orange/default.css @@ -227,7 +227,6 @@ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); } .btn{ display: inline-block; - padding: 3px 25px; margin-bottom: 0; font-size: 14px; font-weight: normal; diff --git a/main/css/baby_orange/scorm.css b/main/css/baby_orange/scorm.css index 6b48fba2a8..4973c9f01e 100755 --- a/main/css/baby_orange/scorm.css +++ b/main/css/baby_orange/scorm.css @@ -1,438 +1,11 @@ /* copy of default_scorm.css */ -.inner_lp_toc { - overflow: auto; - background-color: #E0DFD8; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #f26c58; - background-color: #ec5923; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - -#learning_path_breadcrumb_zone .breadcrumb{ - background: #fff; /* Old browsers */ - background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* IE10+ */ - background: linear-gradient(to bottom, #fff 0%,#e5e5e5 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5',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: #666; -} -#learning_path_breadcrumb_zone .breadcrumb a:hover{ - text-decoration: none; - opacity: 0.8; -} #scorm_title { font-weight: bold; background:none; font-size: 20px; background-image: none; color: #0088aa; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #e0dfd8; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #d9d9ce; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #0088AA; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #0088AA; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - 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); - -webkit-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -/*STYLES PROCESS LESSION*/ -.inner_lp_toc .scorm_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} + padding-top: 5px; + padding-bottom: 5px; +} \ No newline at end of file diff --git a/main/css/base.css b/main/css/base.css index 97af853832..5db0484766 100755 --- a/main/css/base.css +++ b/main/css/base.css @@ -3542,6 +3542,122 @@ form .formw .freeze { /* **************************************************** END SKILL **************************************************** */ +/*SCORM CSS BASE */ +#learning_path_left_zone .home{ + display: inline-block; + width: 94%; + margin-bottom: .5em; + margin-top: .5em; + font-size: 12px; +} +#lp_navigation_elem { + float: left; +} +#lp_navigation_elem { + padding-left: 15px; + width: 160px; +} +#lp_navigation_elem .buttons { + margin-bottom: .5em; + text-align: center; +} +#author_image { + border: 2px solid #B9C9FF; + float: left; + margin-bottom: .5em; + padding: 8px; + position: relative; + background-color: #f0f1fa; + width: 94%; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} +#author_image #author_icon{ + border: 2px solid #FFFFFF; +} +#learning_path_left_zone .scorm_title{ + font-size: 20px; + color: #666; + margin-bottom: .5em; + margin-top: .5em; +} +/* for section */ +.scorm_item_section.scorm_completed{ + background:url("../img/icon_completed_section.png")no-repeat 280px center #606c88; + padding-right: 1.5em; +} +.scorm_item_section{ + background: #606c88; /* Old browsers */ + background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */ + background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */ + color: #FFFFFF; + padding-top: 10px; + padding-bottom: 10px; + font-size: 12px; +} +.scorm_item_section .scorm_section_level_0{ + padding-left: .5em; + padding-right: .5em; +} +.scorm_item_section .scorm_section_level_1{ + padding-left: 1.5em; + padding-right: .5em; +} +.scorm_item_section .scorm_section_level_2{ + padding-left: 2.5em; + padding-right: .5em; +} +.scorm_item_section .scorm_section_level_3{ + padding-left: 3.5em; + padding-right: .5em; +} +/* items scorm*/ +.scorm_item_normal.scorm_completed { + background:url("../img/icon_completed.png") no-repeat 280px center; +} +.scorm_item_normal.scorm_failed{ + background:url("../img/icon_failed.png") no-repeat 280px center; +} +.scorm_item_normal .scorm_item_level_0{ + padding-left: .5em; + padding-right: 1.5em; + padding-top: 10px; + padding-bottom: 10px; +} +.scorm_item_normal .scorm_item_level_1{ + padding-left: 1.8em; + padding-right: 1.5em; + background:url("../img/level_one.png") no-repeat 0 top; + padding-top: 10px; + padding-bottom: 10px; +} +.scorm_item_normal .scorm_item_level_2{ + padding-left: 2.5em; + padding-right: 1.5em; + background:url("../img/level_two.png") no-repeat 0 top; + padding-top: 10px; + padding-bottom: 10px; +} +.scorm_item_normal .scorm_item_level_3{ + padding-left: 3.5em; + padding-right: 1.5em; + background:url("../img/level_tree.png") no-repeat 0 top; + padding-top: 10px; + padding-bottom: 10px; +} +.scorm_highlight a{ + color: #000; + font-weight: bold; + background-color: #fffdd1; +} + +/* END SCORM CSS BASE*/ .skill_root { box-shadow: 2px 2px 19px #aaa; diff --git a/main/css/blue_lagoon/default.css b/main/css/blue_lagoon/default.css index a0db98b1f2..0fb6a2063d 100755 --- a/main/css/blue_lagoon/default.css +++ b/main/css/blue_lagoon/default.css @@ -115,32 +115,7 @@ a:active { color: #FFFFFF; } -.btn{ - 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 */ - border-radius: 4px; - border:1px solid rgba(0, 0, 0, 0.15); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); - padding: 6px 25px; -} -.btn:hover{ - background: #f7f7f7; /* Old browsers */ - background: -moz-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* IE10+ */ - background: linear-gradient(to bottom, #f7f7f7 0%,#e5e5e5 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ - text-decoration: none; -} .btn-primary{ background: #ff7b00; /* Old browsers */ background: -moz-linear-gradient(top, #ff7b00 0%, #fd6600 100%); /* FF3.6+ */ diff --git a/main/css/blue_lagoon/scorm.css b/main/css/blue_lagoon/scorm.css index 5f2fc2d618..1fcbb77831 100755 --- a/main/css/blue_lagoon/scorm.css +++ b/main/css/blue_lagoon/scorm.css @@ -1,232 +1,5 @@ /* copy of default_scorm.css */ -.inner_lp_toc { - overflow: auto; - background-color: #efefef; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - background-color: #abaaa7; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; - background: #2e75a3; /* Old browsers */ - background: -moz-linear-gradient(top, #2e75a3 0%, #2e75a3 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e75a3), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #2e75a3 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #2e75a3 0%,#2e75a3 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #2e75a3 0%,#2e75a3 100%); /* IE10+ */ - background: linear-gradient(to bottom, #2e75a3 0%,#2e75a3 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e75a3', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */ - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none;s -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: #2e75a3; /* Old browsers */ background: -moz-linear-gradient(top, #2e75a3 0%, #2c678b 100%); /* FF3.6+ */ @@ -256,183 +29,9 @@ font-size: 20px; background-image: none; color: #0088aa; - padding-top: 15px; - padding-bottom: 15px; + padding-top: 5px; + padding-bottom: 5px; } #learning_path_main #control { opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #efefef; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #ccc; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #0088AA; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #0088AA; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - 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); - -webkit-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -/*STYLES PROCESS LESSION*/ -.inner_lp_toc .scorm_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} +} \ No newline at end of file diff --git a/main/css/chamilo/scorm.css b/main/css/chamilo/scorm.css index 016900b4df..e69de29bb2 100755 --- a/main/css/chamilo/scorm.css +++ b/main/css/chamilo/scorm.css @@ -1,464 +0,0 @@ -/* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - background-color: #00aad4; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - font-weight:normal; - color:#fff; - text-shadow:none; - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); -} - -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - -#learning_path_breadcrumb_zone .breadcrumb{ - 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: none; - opacity: 0.8; -} -#scorm_title { - font-weight: bold; - background:none; - font-size: 20px; - background-image: none; - color: #0088aa; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ - opacity: 0.7; -} -#author_image{ - background-color: #d7eef4; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #b4cbff; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #0088AA; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #0088AA; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: #149BDF; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - text-shadow: none; - font-weight: normal; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #00AAD4; - color: #444444; - text-shadow: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} - -.scorm_item_section .scorm_completed { - background: url("images/blue_arrow.png") 270px center no-repeat #F1D40D !important; -} - -.scorm_item_section .scorm_not_attempted { - background-color: #333; -} -.scorm_item_section.scorm_item_normal.scorm_failed { - background-color: #333; -} - -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ - background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ - background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} diff --git a/main/css/chamilo_electric_blue/scorm.css b/main/css/chamilo_electric_blue/scorm.css index 99d09e0ea5..e69de29bb2 100755 --- a/main/css/chamilo_electric_blue/scorm.css +++ b/main/css/chamilo_electric_blue/scorm.css @@ -1,450 +0,0 @@ -/* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #ccc; - background-color: #eee; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#666; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - -#learning_path_breadcrumb_zone .breadcrumb{ - 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: none; - opacity: 0.8; -} -#scorm_title { - font-weight: bold; - background:none; - font-size: 20px; - background-image: none; - color: #666; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #fff; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #ccc; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #666; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #666; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - color: #444444; - text-shadow: 0 1px 1px #F6F6F6; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} diff --git a/main/css/chamilo_green/scorm.css b/main/css/chamilo_green/scorm.css index 4ae6ee79d3..c2f9056380 100755 --- a/main/css/chamilo_green/scorm.css +++ b/main/css/chamilo_green/scorm.css @@ -1,449 +1,3 @@ /* copy of default_scorm.css */ -.inner_lp_toc { - overflow: auto; - background-color: #fafafa; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #87b000; - background-color: #87b000; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color: #666; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow: none; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - -#learning_path_breadcrumb_zone .breadcrumb{ - background: #a0c400; /* Old browsers */ - background: -moz-linear-gradient(top, #a0c400 0%, #73a000 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0c400), color-stop(100%,#73a000)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a0c400 0%,#73a000 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a0c400 0%,#73a000 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a0c400 0%,#73a000 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a0c400 0%,#73a000 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0c400', endColorstr='#73a000',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: none; - opacity: 0.8; -} -#scorm_title { - font-weight: bold; - background:none; - font-size: 20px; - background-image: none; - color: #75a200; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #fafafa; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #d9d9ce; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #75a200; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #75a200; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: 75a2000; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} diff --git a/main/css/chamilo_orange/scorm.css b/main/css/chamilo_orange/scorm.css index 0d41fd04da..bade27fdf7 100755 --- a/main/css/chamilo_orange/scorm.css +++ b/main/css/chamilo_orange/scorm.css @@ -1,253 +1,5 @@ /* copy of default_scorm.css */ -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #f97e26; - background-color: #f97e26; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color: #ffffff; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; - background: #ff7400; /* Old browsers */ - background: -moz-linear-gradient(top, #ff7400 0%, #df3a01 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#df3a01)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #ff7400 0%,#df3a01 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #ff7400 0%,#df3a01 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ff7400 0%,#df3a01 100%); /* IE10+ */ - background: linear-gradient(to bottom, #ff7400 0%,#df3a01 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#df3a01',GradientType=0 ); /* IE6-9 */ - margin-right: 1px; - padding: 10px 0px 10px 0px; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: #ff7400; /* Old browsers */ background: -moz-linear-gradient(top, #ff7400 0%, #df3a01 100%); /* FF3.6+ */ @@ -293,166 +45,4 @@ opacity: 0.7; border-radius: 10px; border: 1px solid #b4cbff; margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #f86700; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: e342000; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #ff7400, #df3a01); - background-image: -ms-linear-gradient(top, #ff7400, #df3a01); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff7400), to(#df3a01)); - background-image: -webkit-linear-gradient(top, #ff7400, #df3a01); - background-image: -o-linear-gradient(top, #ff7400, #df3a01); - background-image: linear-gradient(top, #ff7400, #df3a01); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff7400', endColorstr='#df3a01', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: #149BDF; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} +} \ No newline at end of file diff --git a/main/css/chamilo_red/scorm.css b/main/css/chamilo_red/scorm.css index a7e9ba60a0..7ed28f73e3 100755 --- a/main/css/chamilo_red/scorm.css +++ b/main/css/chamilo_red/scorm.css @@ -1,239 +1,3 @@ -/* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - background-color: #cf0404; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: #ff3019; /* Old browsers */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ @@ -266,180 +30,5 @@ padding-top: 15px; padding-bottom: 15px; } -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #d7eef4; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #b4cbff; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #cd0404; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #cf0404; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: #149BDF; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ } diff --git a/main/css/chamilo_sport_red/scorm.css b/main/css/chamilo_sport_red/scorm.css index 6e024fefdd..3d034b5c91 100755 --- a/main/css/chamilo_sport_red/scorm.css +++ b/main/css/chamilo_sport_red/scorm.css @@ -1,241 +1,5 @@ /* copy of default_scorm.css */ -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #333; - background-color: #333; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #f2f2ef; - height: 210px; - /*padding: 10px;*/ -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - 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: #ff7400; /* Old browsers */ background: url(images/bg-header.png) repeat-x 0 -32px; @@ -268,34 +32,7 @@ .buttons a img:hover{ opacity: 0.7; } -#author_image{ - background-color: #f2f2ef; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #ccc; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #980000; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #980000; -} + .progress { height: 18px; margin-bottom: 18px; @@ -322,120 +59,4 @@ opacity: 0.7; 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} +} \ No newline at end of file diff --git a/main/css/cool_blue/default.css b/main/css/cool_blue/default.css index 9fcd5f8a98..431a59538f 100755 --- a/main/css/cool_blue/default.css +++ b/main/css/cool_blue/default.css @@ -140,32 +140,7 @@ a:active { color: #FFFFFF; } -.btn{ - 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 */ - border-radius: 4px; - border:1px solid rgba(0, 0, 0, 0.15); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); - padding: 6px 25px; -} -.btn:hover{ - background: #f7f7f7; /* Old browsers */ - background: -moz-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* IE10+ */ - background: linear-gradient(to bottom, #f7f7f7 0%,#e5e5e5 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ - text-decoration: none; -} .btn-primary{ background: #ff7b00; /* Old browsers */ background: -moz-linear-gradient(top, #ff7b00 0%, #fd6600 100%); /* FF3.6+ */ diff --git a/main/css/cool_blue/scorm.css b/main/css/cool_blue/scorm.css index 091f60e2e3..87e9b91e4f 100755 --- a/main/css/cool_blue/scorm.css +++ b/main/css/cool_blue/scorm.css @@ -1,232 +1,4 @@ /* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - background-color: #04698E; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #d7eef4; - height: 210px; - /*padding: 10px;*/ -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: rgb(4,105,142); /* Old browsers */ color: #fff; @@ -242,192 +14,4 @@ #learning_path_breadcrumb_zone .breadcrumb a:hover{ text-decoration: none; opacity: 0.8; -} -#scorm_title { - font-weight: bold; - background:none; - font-size: 20px; - background-image: none; - color: #044a7a; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #044878; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #00aad4; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #fff; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #044a7a; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: #149bdf; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - text-shadow: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - text-shadow: 0 1px 1px #F6F6F6; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} +} \ No newline at end of file diff --git a/main/css/corporate/scorm.css b/main/css/corporate/scorm.css index 36bbdcd710..716ef7d59c 100755 --- a/main/css/corporate/scorm.css +++ b/main/css/corporate/scorm.css @@ -1,250 +1,4 @@ /* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: #d7eef4; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - border:1px solid #fe9a2e; - background-color: #fe9a2e; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; - 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 */ - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: #3bafba; /* Old browsers */ background: -moz-linear-gradient(top, #3bafba 0%, #00aaba 100%); /* FF3.6+ */ @@ -274,184 +28,6 @@ font-size: 20px; background-image: none; color: #505457; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #e1e1e0; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #ccc; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #505457; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #505457; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: #149BDF; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} + padding-top: 5px; + padding-bottom: 5px; +} \ No newline at end of file diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css index 7446e24f1b..814baa1353 100755 --- a/main/css/cosmic_campus/default.css +++ b/main/css/cosmic_campus/default.css @@ -224,7 +224,6 @@ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); } .btn{ display: inline-block; - padding: 3px 25px; margin-bottom: 0; font-size: 14px; font-weight: normal; diff --git a/main/css/cosmic_campus/scorm.css b/main/css/cosmic_campus/scorm.css index d98006e063..c4d3733762 100755 --- a/main/css/cosmic_campus/scorm.css +++ b/main/css/cosmic_campus/scorm.css @@ -1,141 +1,4 @@ /* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #00aad4; - background-color: #00aad4; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} .inner_lp_toc .scorm_item_section { border:none; background:#333; @@ -155,95 +18,6 @@ text-decoration: none; } -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: #e23828; /* Old browsers */ background: -moz-linear-gradient(top, #e23828 0%, b52d20 100%); /* FF3.6+ */ @@ -275,182 +49,4 @@ color: #666666; padding-top: 15px; padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #fff; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #ccc; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #666; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #666; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: #d9d9ce; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - text-shadow: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} +} \ No newline at end of file diff --git a/main/css/journal/scorm.css b/main/css/journal/scorm.css index 8dbe689037..07205525b1 100755 --- a/main/css/journal/scorm.css +++ b/main/css/journal/scorm.css @@ -1,307 +1,4 @@ /* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: #e6e6e6; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #2F3E46; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #999; - background-color: #999; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; - font-weight: bold; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} -.inner_lp_toc .scorm_item_section { - border:none; - background:#333; - font-weight:normal; - color:#fff; - text-shadow:none; -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - -#learning_path_breadcrumb_zone .breadcrumb{ - background: #555; /* Old browsers */ - background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */ - background: linear-gradient(to bottom, #555 0%,#333 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#333',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: none; - opacity: 0.8; -} -#scorm_title { - font-weight: bold; - background:none; - font-size: 20px; - background-image: none; - color: #666666; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #fcfcfc; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #ccc; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #666; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #666; -} .progress { height: 18px; margin-bottom: 18px; @@ -329,121 +26,3 @@ opacity: 0.7; -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } - -/*STYLES PROCESS LESSION*/ -.inner_lp_toc .scorm_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - text-shadow: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - text-shadow: 0 1px 1px #F6F6F6; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} diff --git a/main/css/kiddy/scorm.css b/main/css/kiddy/scorm.css index f242e9d8c6..dd21751519 100755 --- a/main/css/kiddy/scorm.css +++ b/main/css/kiddy/scorm.css @@ -1,233 +1,4 @@ /* copy of default_scorm.css */ - -.inner_lp_toc { - overflow: auto; - background-color: #d7eef4; - height: 210px; -} - -.inner_lp_toc .scorm_item_1 a, -.inner_lp_toc .scorm_item_2 a { - font-size: 13px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - color: #444; -} - -.inner_lp_toc .scorm_item_1 a.chapter_module, -.inner_lp_toc .scorm_item_2 a.chapter_module { - font-weight: normal; - margin-right: 10px; -} -.inner_lp_toc .scorm_item_highlight { - font-weight:bold; - border:1px solid #00aad4; - background-color: #00aad4; - background-image:none; - margin-right: 0px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} -.inner_lp_toc .scorm_item_highlight a { - color:#fff; - margin-right: 1px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); - margin-right: 1px; - padding: 10px 0px 10px 0px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item_section .scorm_item:before -{ - content : url('../lp_section.png'); /* from main/newscorm/lp_controller.php file */ - vertical-align: text-top; - margin-right : 5px; -} - -.scorm_section_level_0 { - padding : 0 0 0 0; -} - -.scorm_section_level_1 { - padding : 0 0.5em 0 2em; -} - -.scorm_section_level_2 { - padding : 0 0.5em 0 4em; -} - -.scorm_section_level_3 { - padding : 0 0.5em 0 6em; -} - -.scorm_section_level_4 { - padding : 0 0.5em 0 8em; -} - -.scorm_section_level_5 { - padding : 0 0.5em 0 10em; -} - -.scorm_item_level_0 { - padding : 0 0 0 0; -} - -.scorm_item_level_1 { - padding : 0 1.5em 0 1.5em; -} - -.scorm_item_level_2 { - padding : 0 1.5em 0 3em; -} -.scorm_item_level_3 { - padding : 0 1.5em 0 4.5em; -} - -.scorm_item_level_4 { - padding : 0 1.5em 0 6em; -} - -.scorm_item_level_5 { - 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 */ - - -.scormpage { - height: 100%; -} -.scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; -} -.lp_toc { - background-color: white; - height: 380px; - width: 99%; - border-right: 1px none; -} - -.inner_lp_toc { - overflow: auto; - background-color: #D7EEF4; - height: 210px; - /*padding: 10px;*/ -} - -.inner_lp_toc .scorm_item { - font-size: 13px; - margin-left: 10px; - margin-right:10px; - text-decoration: none; - border-color: rgba(255, 255, 255, 0.3); - -} -.inner_lp_toc .scorm_item.scorm_item_level_1{ - background: url(../../img/archive.png) no-repeat; -} - - -.inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; -} -.inner_lp_toc .scorm_title_text { - margin-left: 10px; -} -.inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; -} -.lp_navigation { - overflow: auto; - background-color: white; - height: 44px; - width:180px; - padding-top: 4px; - padding-bottom:0px; - border: none; - margin-top: -18px; - border-top: 1px dotted black; - border-bottom: 1px dotted black; -} -.lp_navigation_elem { - padding-left: 15px; - padding-top: 0px; -} -/*.scormpage .menu */ -.lp_navigation_elem .progresstext { - margin-top: -20px; -} -/*.scormpage .menu */ -.lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; -} -.scormpage .menu .notification { - background-color: white; - height: 50px; -} -.scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; -} -.scormpage .content { - /*float: left; - width: 60%;*/ - margin-top: 0px; - padding-top: 0px; - padding-left: 180px; - background-color: white; -} -.iframe { - border: 0px solid black; - height: 100%; - width: 95%; - margin: 0px; - padding-right: 0px; - overflow: auto; - vertical-align: top; -} -.scormpage .footer { - clear: both; -} -#image_preview { - padding-left: 17px; -} -#msg_div_id { - padding-left: 17px; - padding-top: 4px; -} - #learning_path_breadcrumb_zone .breadcrumb{ background: #05abe0; /* Old browsers */ background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */ @@ -254,186 +25,8 @@ #scorm_title { font-weight: bold; background:none; - font-size: 20px; background-image: none; color: #0088aa; - padding-top: 15px; - padding-bottom: 15px; -} -#learning_path_main #control { - opacity: 1; -} -.buttons a img:hover{ -opacity: 0.7; -} -#author_image{ - background-color: #d7eef4; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #b4cbff; - margin-top: 10px; -} -#author_icon img{ - background-color: #fff; - padding: 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} -#author_image .progresstext{ - font-size: 20px; - color: #0088AA; - font-weight: bold; -} -#learning_path_left_zone #header { - font-size: 18px; - margin-top: 10px; -} -#learning_path_left_zone .no-border{ - background: none; - color: #0088AA; -} -.progress { - height: 18px; - margin-bottom: 18px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} -.progress-striped .bar { - background-color: #149BDF; - 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_item a { - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; -} - -.inner_lp_toc .scorm_item a.chapter_module { - font-weight: normal; - margin-right: 10px; -} - -.scorm_item_1, -.scorm_item_2 { - font-size: 16px; - margin-left: 0; - margin-right:10px; - text-decoration: none; -} -.scorm_item_1 { - border-bottom: 1px solid #CCCCCC; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background: none; - margin-right: 1px; - padding: 10px 0px 10px 0px; -} -.scorm_item_2 { - border-bottom: 1px solid #CCCCCC; - color: #444444; - margin-right: 1px; - padding: 10px 0px 10px 0px; - background-image:none; -} -.scorm_item_1.scorm_item_highlight.scorm_completed, -.scorm_item_2.scorm_item_highlight.scorm_completed { - background-image: url("images/white_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; - color: white; -} -.scorm_item_1.scorm_item_normal.scorm_completed, -.scorm_item_2.scorm_item_normal.scorm_completed { - background-image: url("images/blue_arrow.png") !important; - background-position: 270px center !important; - background-repeat: no-repeat; -} -#learning_path_main #control { - background-image: none; - background-color: #d7eef4; - bottom: 0; - height: 34px; - margin-bottom: auto; - margin-left: auto; - margin-right: auto; - margin-top: auto; - padding-bottom: 8px; - padding-left: 0; - padding-right: 0; - padding-top: 8px; - position: absolute; - text-align: center; - width: 100%; - border-top:1px solid #00AAD4; -} - -#author_name { - color: #666666; - float: left; - font-size: 13px; - margin-top: 2px; - text-align: center; - width: 100%; - padding-top: 10px; - padding-bottom: 5px; -} -.mejs-container{ - background: none; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.mejs-container .mejs-controls{ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #45484d; /* Old browsers */ -background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ -background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -.mejs-controls .mejs-time-rail .mejs-time-loaded{ - background: #333; - background: rgba(50,50,50,0.8); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); - background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); - background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); -} -.mejs-controls .mejs-time-rail .mejs-time-current{ - background: #a9e4f7; /* Old browsers */ - background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */ -} + padding-top: 5px; + padding-bottom: 5px; +} \ No newline at end of file diff --git a/main/newscorm/learnpath.class.php b/main/newscorm/learnpath.class.php index b31d69b71c..eb24bebd9b 100755 --- a/main/newscorm/learnpath.class.php +++ b/main/newscorm/learnpath.class.php @@ -3143,7 +3143,7 @@ class learnpath ); $scorm_color_background = 'scorm_item_2'; - $style_item = 'scorm_item'; + $style_item = ''; if ($color_counter % 2 == 0) { $scorm_color_background = 'scorm_item_1'; @@ -3153,11 +3153,12 @@ class learnpath if (in_array($item['type'], $dirTypes)) { $scorm_color_background =' scorm_item_section '; + $style_item = ''; } if ($item['id'] == $this->current) { - $scorm_color_background .= ' scorm_item_highlight '; + $scorm_color_background = 'scorm_item_normal scorm_highlight '.$scorm_color_background.' '; } elseif (!in_array($item['type'], $dirTypes)) { - $scorm_color_background .= ' scorm_item_normal '; + $scorm_color_background = 'scorm_item_normal '.$scorm_color_background.' '; } $html .= '
'; @@ -3172,11 +3173,15 @@ class learnpath // Learning path personalization // build the LP tree // The anchor atoc_ will let us center the TOC on the currently viewed item &^D + $description = $item['description']; + if (empty($description)) { + $description = $title; + } if (in_array($item['type'], $dirTypes)) { // Chapters - $html .= '
'; + $html .= '
'; } else { - $html .= '
'; + $html .= '
'; $html .= ''; } diff --git a/main/newscorm/lp_view.php b/main/newscorm/lp_view.php index b6faefc635..88257d3a95 100755 --- a/main/newscorm/lp_view.php +++ b/main/newscorm/lp_view.php @@ -359,15 +359,8 @@ if ($is_allowed_to_edit) { echo '
'; } echo '
'; - echo ''; + echo '
'; ?> diff --git a/main/newscorm/scorm_api.php b/main/newscorm/scorm_api.php index 42211c40b0..18213fd956 100755 --- a/main/newscorm/scorm_api.php +++ b/main/newscorm/scorm_api.php @@ -1217,15 +1217,15 @@ function update_toc(update_action, update_id, change_ids) { // Switch function is broken if (update_action == "unhighlight" || update_action == "highlight") { if (update_action == "unhighlight") { - myelem.removeClass('scorm_item_highlight'); - myelem.addClass('scorm_item_normal'); + myelem.removeClass('scorm_highlight'); + //myelem.addClass('scorm_item_normal'); } else { if (change_ids=='yes') { olms.lms_next_item = update_id; olms.lms_previous_item = update_id; } - myelem.removeClass('scorm_item_normal'); - myelem.addClass('scorm_item_highlight'); + //myelem.removeClass('scorm_item_normal'); + myelem.addClass('scorm_highlight'); } } else { myelem.removeClass("scorm_not_attempted scorm_incomplete scorm_completed scorm_failed scorm_passed"); From 6972e0b4fe85afa1905e6cc5ef47f568c3a3e811 Mon Sep 17 00:00:00 2001 From: Yannick Warnier Date: Sat, 8 Nov 2014 18:51:35 -0500 Subject: [PATCH 4/4] Enable "failed" status again for any SCO in learning paths - refs #398 refs BT#8897 --- main/newscorm/scorm_api.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main/newscorm/scorm_api.php b/main/newscorm/scorm_api.php index 18213fd956..8787ad3a57 100755 --- a/main/newscorm/scorm_api.php +++ b/main/newscorm/scorm_api.php @@ -1236,7 +1236,7 @@ function update_toc(update_action, update_id, change_ids) { } else if (update_action == "completed") { myelem.addClass('scorm_completed'); } else if (update_action == "failed") { - myelem.addClass('scorm_not_attempted'); + myelem.addClass('scorm_failed'); } else if (update_action == "passed") { myelem.addClass('scorm_completed'); } else if (update_action == "browsed") {