|
|
|
|
@ -162,156 +162,321 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scormpage { |
|
|
|
|
height: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
.scormpage .menu { |
|
|
|
|
width: 180px; |
|
|
|
|
float: left; |
|
|
|
|
margin: 1px; |
|
|
|
|
padding: 0px; |
|
|
|
|
margin-top: 0px; |
|
|
|
|
padding-top: 0px; |
|
|
|
|
font-size: small; |
|
|
|
|
width: 180px; |
|
|
|
|
float: left; |
|
|
|
|
margin: 1px; |
|
|
|
|
padding: 0px; |
|
|
|
|
margin-top: 0px; |
|
|
|
|
padding-top: 0px; |
|
|
|
|
font-size: small; |
|
|
|
|
} |
|
|
|
|
.lp_toc { |
|
|
|
|
background-color: white; |
|
|
|
|
height: 380px; |
|
|
|
|
width: 99%; |
|
|
|
|
border-right: 1px none; |
|
|
|
|
background-color: white; |
|
|
|
|
height: 380px; |
|
|
|
|
width: 99%; |
|
|
|
|
border-right: 1px none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.inner_lp_toc { |
|
|
|
|
overflow: auto; |
|
|
|
|
background-color: white; |
|
|
|
|
height: 210px; |
|
|
|
|
overflow: auto; |
|
|
|
|
background-color: white; |
|
|
|
|
height: 210px; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_item { |
|
|
|
|
font-size: 11px; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
margin-right:10px; |
|
|
|
|
padding-bottom: 2px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_item A { |
|
|
|
|
font-size: 11px; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding-bottom: 2px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_item A.chapter_module { |
|
|
|
|
font-weight: normal; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item a { |
|
|
|
|
font-weight: normal; |
|
|
|
|
font-size: 12px; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding-bottom: 2px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-family: Helvetica,Arial,sans-serif; |
|
|
|
|
color: #2F3E46; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_item_highlight { |
|
|
|
|
font-size: 11px; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding-bottom: 2px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
background:#aaa; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_item_highlight A { |
|
|
|
|
font-size: 11px; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item a.chapter_module { |
|
|
|
|
font-weight: normal; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_item_highlight { |
|
|
|
|
border:1px solid #00aad4; |
|
|
|
|
background:#00aad4; |
|
|
|
|
font-weight:normal; |
|
|
|
|
background-image:none; |
|
|
|
|
margin-right: 0px; |
|
|
|
|
padding: 10px 0px 10px 0px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item_highlight a { |
|
|
|
|
color:#fff; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item_section { |
|
|
|
|
border:1px solid #222; |
|
|
|
|
background:#333; |
|
|
|
|
font-weight:normal; |
|
|
|
|
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 { |
|
|
|
|
font-size: 16px; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
margin-right:10px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
border-color: rgba(255, 255, 255, 0.3); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item_1 { |
|
|
|
|
font-size: 11px; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding-bottom: 2px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
background:#ddd; |
|
|
|
|
border-bottom: 1px solid #CCCCCC; |
|
|
|
|
background:#eee; |
|
|
|
|
font-weight:bold; |
|
|
|
|
color:#444; |
|
|
|
|
text-shadow:0 1px 1px #f6f6f6; |
|
|
|
|
background-image:none; |
|
|
|
|
|
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding: 10px 0px 10px 0px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
/* background:#FDFDFD; */ |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_item_2 { |
|
|
|
|
font-size: 11px; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding-bottom: 2px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
background:#eee; |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item_2 { |
|
|
|
|
background-image:none; |
|
|
|
|
border-bottom: 1px solid #CCCCCC; |
|
|
|
|
color: #444444; |
|
|
|
|
font-weight: normal; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding: 10px 0px 10px 0px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_title { |
|
|
|
|
font-weight: bold; |
|
|
|
|
background:#ccc; |
|
|
|
|
font-size: 12px; |
|
|
|
|
color: #444; |
|
|
|
|
font-weight: bold; |
|
|
|
|
background:#ccc; |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #444; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_title_text { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
} |
|
|
|
|
.inner_lp_toc .scorm_status_img { |
|
|
|
|
margin:0px; |
|
|
|
|
margin-left: -10px; |
|
|
|
|
width:10px; |
|
|
|
|
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; |
|
|
|
|
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; |
|
|
|
|
padding-left: 15px; |
|
|
|
|
padding-top: 0px; |
|
|
|
|
} |
|
|
|
|
/*.scormpage .menu */ |
|
|
|
|
.lp_navigation_elem .progresstext { |
|
|
|
|
margin-top: -20px; |
|
|
|
|
margin-left: 40%; |
|
|
|
|
margin-top: -20px; |
|
|
|
|
} |
|
|
|
|
/*.scormpage .menu */ |
|
|
|
|
.lp_navigation_elem .buttons { |
|
|
|
|
margin-left: 0px; |
|
|
|
|
margin-right: 0em; |
|
|
|
|
margin-top: 0.4em; |
|
|
|
|
margin-left: 0px; |
|
|
|
|
margin-right: 0em; |
|
|
|
|
margin-top: 0.4em; |
|
|
|
|
} |
|
|
|
|
.scormpage .menu .notification { |
|
|
|
|
background-color: white; |
|
|
|
|
height: 50px; |
|
|
|
|
background-color: white; |
|
|
|
|
height: 50px; |
|
|
|
|
} |
|
|
|
|
.scormpage .menu .notification .message { |
|
|
|
|
background-color: white; |
|
|
|
|
height: 50px; |
|
|
|
|
width: 180px; |
|
|
|
|
border: none; |
|
|
|
|
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; |
|
|
|
|
/*float: left; |
|
|
|
|
width: 60%;*/ |
|
|
|
|
margin-top: 0px; |
|
|
|
|
padding-top: 0px; |
|
|
|
|
padding-left: 180px; |
|
|
|
|
background-color: white; |
|
|
|
|
} |
|
|
|
|
.iframe { |
|
|
|
|
border: 0px solid black; |
|
|
|
|
height: 580px; |
|
|
|
|
width: 95%; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding-right: 0px; |
|
|
|
|
overflow: auto; |
|
|
|
|
vertical-align: top; |
|
|
|
|
border: 0px solid black; |
|
|
|
|
height: 100%; |
|
|
|
|
width: 95%; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding-right: 0px; |
|
|
|
|
overflow: auto; |
|
|
|
|
vertical-align: top; |
|
|
|
|
} |
|
|
|
|
.scormpage .footer { |
|
|
|
|
clear: both; |
|
|
|
|
clear: both; |
|
|
|
|
} |
|
|
|
|
#image_preview { |
|
|
|
|
padding-left: 17px; |
|
|
|
|
} |
|
|
|
|
#msg_div_id { |
|
|
|
|
padding-left: 17px; |
|
|
|
|
padding-top: 4px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#learning_path_breadcrumb_zone .breadcrumb{ |
|
|
|
|
background-image: none; |
|
|
|
|
background-color: #2e75a3; |
|
|
|
|
color: #fff; |
|
|
|
|
text-transform: capitalize; |
|
|
|
|
} |
|
|
|
|
#learning_path_breadcrumb_zone .breadcrumb a{ |
|
|
|
|
color: #FFF; |
|
|
|
|
} |
|
|
|
|
#learning_path_breadcrumb_zone .breadcrumb a:hover{ |
|
|
|
|
text-decoration: underline; |
|
|
|
|
} |
|
|
|
|
#scorm_title { |
|
|
|
|
font-weight: bold; |
|
|
|
|
background:none; |
|
|
|
|
font-size: 20px; |
|
|
|
|
background-image: none; |
|
|
|
|
color: #0088aa; |
|
|
|
|
padding-top: 5px; |
|
|
|
|
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: 14px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
#learning_path_left_zone .no-border{ |
|
|
|
|
background: none; |
|
|
|
|
color: #2e75a3; |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
.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-size: 40px 40px; |
|
|
|
|
background-image: none; |
|
|
|
|
} |
|
|
|
|
.preview_image { |
|
|
|
|
padding-left: 17px; |
|
|
|
|
|
|
|
|
|
/*STYLES PROCESS LESSION*/ |
|
|
|
|
.inner_lp_toc .scrom_completed { |
|
|
|
|
|
|
|
|
|
background-image: url("images/blue_arrow.png") !important; |
|
|
|
|
background-position: 250px center !important; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
} |
|
|
|
|
.scorm_title_text { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
background:#ccc; |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #444; |
|
|
|
|
width: 89%; |
|
|
|
|
padding: 1px 5px 3px 8px; |
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item_highlight { |
|
|
|
|
background-color: #00aad4; |
|
|
|
|
background-image: url("images/white_arrow.png") !important; |
|
|
|
|
background-position: 250px center !important; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
border: 1px solid #00aad4; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.inner_lp_toc .scorm_item_1 { |
|
|
|
|
background-color: #d7eef4; |
|
|
|
|
background-image: none; |
|
|
|
|
border-bottom-color: #CCCCCC; |
|
|
|
|
border-bottom-style: solid; |
|
|
|
|
border-bottom-width: 1px; |
|
|
|
|
color: #444444; |
|
|
|
|
font-weight: normal; |
|
|
|
|
margin-right: 1px; |
|
|
|
|
padding-bottom: 10px; |
|
|
|
|
padding-left: 0; |
|
|
|
|
padding-right: 0; |
|
|
|
|
padding-top: 10px; |
|
|
|
|
text-shadow: 0 1px 1px #F6F6F6; |
|
|
|
|
} |
|
|
|
|
#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%; |
|
|
|
|
} |
|
|
|
|
|
Alex
12 years ago
