You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
576 lines
11 KiB
576 lines
11 KiB
.impress-content {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 600px;
|
|
}
|
|
|
|
/*SOCIAL TOOL*/
|
|
|
|
.box_shared_profile_group_title {
|
|
border-bottom: 1pt dotted #000;
|
|
padding: 5px;
|
|
vertical-align: middle;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.box_shared_profile_group_description {
|
|
height: 100px;
|
|
margin-left: 65px;
|
|
}
|
|
|
|
.box_shared_profile_group_image {
|
|
height: 80px;
|
|
width: 60px;
|
|
float: left;
|
|
}
|
|
|
|
/* Makes the course elements more readable */
|
|
|
|
.lp_resource {
|
|
list-style: none;
|
|
margin: 0;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.lp_resource_element {
|
|
border: 1px solid #DDDDDD;
|
|
color: #444444;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
margin: 5px;
|
|
padding: 5px 10px;
|
|
list-style: none;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.lp_resource_element:hover {
|
|
background-color: #E6E6E6;
|
|
}
|
|
|
|
.RequirementHeading, .RequirementText, .RequirementContent {
|
|
margin-top: 12px;
|
|
line-height: 18px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#toolshortcuts_horizontal {
|
|
padding: 0 20px 2px 0;
|
|
clear: right;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: right;
|
|
width: 98%;
|
|
}
|
|
|
|
#toolshortcuts_vertical {
|
|
padding: 0 0 2px 0;
|
|
clear: right;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
.document_preview_container {
|
|
border-radius: 5px;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
background-color: #FFF;
|
|
border: 1px solid #DDD;
|
|
position: absolute;
|
|
z-index: 20;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
width: 310px;
|
|
height: 200px;
|
|
overflow-y: auto;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
/* Exercise comment*/
|
|
#comments {
|
|
position: absolute;
|
|
left: 795px;
|
|
top: 0;
|
|
width: 200px;
|
|
height: 75px;
|
|
z-index: 1;
|
|
}
|
|
/* MAIN QUESTION */
|
|
|
|
.exercise_overview_options {
|
|
background-color: #F9F9F9;
|
|
border-radius: 10px;
|
|
padding: 15px 0 15px 0;
|
|
}
|
|
|
|
.exercise_overview_options .left_option {
|
|
float: left;
|
|
margin: 12px 5px;
|
|
width: 33%;
|
|
}
|
|
|
|
.exercise_overview_options .center_option {
|
|
float: left;
|
|
margin: 15px 5px;
|
|
text-align: center;
|
|
width: 33%;
|
|
}
|
|
|
|
.exercise_overview_options .right_option {
|
|
float: right;
|
|
margin: 12px 5px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Fixes questions list */
|
|
|
|
.question_row_score .title-score .total {
|
|
border: 1px solid #ddd;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
color: #666;
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
.ribbon .rib::before {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
bottom: -11px;
|
|
z-index: -10;
|
|
border: 5px solid;
|
|
border-color: #242424 transparent transparent transparent;
|
|
}
|
|
|
|
.ribbon .rib-error::before {
|
|
border-color: #cf0404 transparent transparent transparent;
|
|
}
|
|
|
|
.ribbon .rib-success::before {
|
|
border-color: #4B610B transparent transparent transparent;
|
|
}
|
|
|
|
.ribbon .rib-gray::before {
|
|
border-color: #ccc transparent transparent transparent;
|
|
}
|
|
|
|
.ribbon .rib-warning::before {
|
|
border-color: darkorange transparent transparent transparent;
|
|
}
|
|
|
|
.ribbon .rib::before {
|
|
left: 0;
|
|
}
|
|
|
|
.ribbon .rib::after {
|
|
right: 0;
|
|
}
|
|
|
|
.ribbon .error {
|
|
color: red;
|
|
}
|
|
|
|
.ribbon .success {
|
|
color: green;
|
|
}
|
|
|
|
/* EXERCISE MATFDC */
|
|
|
|
.certaint-score {
|
|
height : 20px;
|
|
margin-bottom: 10px;
|
|
padding : 0;
|
|
text-align: center;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
}
|
|
.chart-grid{
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
grid-gap: 30px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
.chart-title{
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
margin-bottom: 20px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid #b3b3b3;
|
|
text-transform: uppercase;
|
|
background: #ecf0f1;
|
|
padding-top: 10px;
|
|
}
|
|
.certaint-list-two, .certaint-list{
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: 0;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.certaint-list-two li{
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
width: 40%;
|
|
}
|
|
.certaint-list li{
|
|
width: 50%;
|
|
margin: auto;
|
|
}
|
|
.certaint-list-two li:last-child{
|
|
margin-right: 0;
|
|
}
|
|
|
|
.certaint-text{
|
|
text-align: center;
|
|
padding: 10px 5px;
|
|
}
|
|
.certaintyVerticalLine {
|
|
float: left;
|
|
border-left : 1px solid black;
|
|
font-size: 0;
|
|
}
|
|
|
|
.certaintyQuizClearer {
|
|
clear : both;
|
|
font-size: 0;
|
|
height:0
|
|
}
|
|
.chart-legend{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.chart-legend li{
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.square_color4{
|
|
color: #1e9c55;
|
|
}
|
|
.square_color3{
|
|
color: #b1e183;
|
|
}
|
|
.square_color2{
|
|
color: #f6ba2a;
|
|
}
|
|
.square_color1{
|
|
color: #f79b88;
|
|
}
|
|
.square_color0{
|
|
color: #ed4040;
|
|
}
|
|
.levelbar_1 {
|
|
background-color: #1e9c55;
|
|
border: 1px solid #1e9c55;
|
|
}
|
|
|
|
.levelbar_2 {
|
|
background-color: #b1e183;
|
|
border: 1px solid #b1e183;
|
|
}
|
|
|
|
.levelbar_3 {
|
|
background-color: #f6ba2a;
|
|
border: 1px solid #f6ba2a;
|
|
}
|
|
|
|
.levelbar_4 {
|
|
background-color: #f79b88;
|
|
border: 1px solid #f79b88;
|
|
}
|
|
|
|
.levelbar_5 {
|
|
background-color: #ed4040;
|
|
border: 1px solid #ed4040;
|
|
}
|
|
|
|
/* Exercise clock*/
|
|
|
|
form .form .freeze {
|
|
display: block;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.second_window {
|
|
border: 1px solid blue;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.third_window {
|
|
border: 1px solid blue;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* **** POST **** */
|
|
|
|
.forum_low_description {
|
|
color: #737780;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.forum_attach_comment {
|
|
color: #737780;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.forum_message_left {
|
|
width: 150px;
|
|
vertical-align: top;
|
|
border-right: 1px solid #aaa;
|
|
background-color: #F7F7F7;
|
|
}
|
|
|
|
.forum_message_left_2_be_approved {
|
|
width: 150px;
|
|
vertical-align: top;
|
|
border-right: 1px solid #aaa;
|
|
background-color: #F7F7F7;
|
|
color: #999;
|
|
}
|
|
|
|
.forum_message_post_title {
|
|
font-weight: bold;
|
|
background-color: #F7F7F7;
|
|
height: 20px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.forum_message_post_title_2_be_approved {
|
|
color: #999;
|
|
font-weight: bold;
|
|
background-color: #F7F7F7;
|
|
height: 20px;
|
|
}
|
|
|
|
.forum_message_post_text {
|
|
margin-bottom: 10px;
|
|
vertical-align: top;
|
|
background: white;
|
|
}
|
|
|
|
.forum_message_post_text_2_be_approved {
|
|
color: #999;
|
|
margin-bottom: 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* actions */
|
|
.actions_lp img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.actions_lp a {
|
|
}
|
|
|
|
.actions_lp span {
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.actions_lp form {
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.new_actions {
|
|
background: #ffffff;
|
|
min-height: 50px;
|
|
border: 1px solid #E5E5E5;
|
|
}
|
|
|
|
.new_actions .nav > li {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.new_actions .nav > li > a {
|
|
border-radius: 0;
|
|
border-right: 1px solid #E5E5E5;
|
|
margin: 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.new_actions .nav li a:hover {
|
|
background: #ECF0F1;
|
|
}
|
|
|
|
.new_actions-fixed {
|
|
border-color: #D5D5D5;
|
|
border-radius: 0 0 0 0;
|
|
border-width: 0 0 1px;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1030;
|
|
}
|
|
|
|
.new_actions .nav .active a:hover {
|
|
background: #E9E9E9;
|
|
border-left: 0 none;
|
|
border-right-color: #DDDDDD;
|
|
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
|
|
color: #777777;
|
|
}
|
|
|
|
.new_actions .nav-tabs > li > a, .new_actions .nav-pills > li > a {
|
|
padding: 8px;
|
|
}
|
|
|
|
.new_actions .nav-pills li.active a {
|
|
background: #ECF0F1;
|
|
}
|
|
|
|
.doc_folder {
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.doc_folder_hidden {
|
|
color: grey;
|
|
}
|
|
|
|
.doc_resource {
|
|
margin: 5px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
/* Only for Firefox */
|
|
@-moz-document url-prefix() {
|
|
select#question_type_hidden option {
|
|
padding: 10px 0px 10px 40px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
select#question_type_hidden option[value="1"] {
|
|
background-image: url(../../public/img/icons/32/mcua.png);
|
|
}
|
|
select#question_type_hidden option[value="2"] {
|
|
background-image: url(../../public/img/icons/32/mcma.png);
|
|
}
|
|
select#question_type_hidden option[value="3"] {
|
|
background-image: url(../../public/img/icons/32/fill_in_blanks.png);
|
|
}
|
|
select#question_type_hidden option[value="4"] {
|
|
background-image: url(../../public/img/icons/32/matching.png);
|
|
}
|
|
select#question_type_hidden option[value="5"] {
|
|
background-image: url(../../public/img/icons/32/open_answer.png);
|
|
}
|
|
select#question_type_hidden option[value="6"] {
|
|
background-image: url(../../public/img/icons/32/hotspot.png);
|
|
}
|
|
select#question_type_hidden option[value="7"] {
|
|
background-image: url(../../public/img/icons/32/mcma.png);
|
|
}
|
|
select#question_type_hidden option[value="8"] {
|
|
background-image: url(../../public/img/icons/32/mcma.png);
|
|
}
|
|
select#question_type_hidden option[value="9"] {
|
|
background-image: url(../../public/img/icons/32/mcmac.png);
|
|
}
|
|
select#question_type_hidden option[value="10"] {
|
|
background-image: url(../../public/img/icons/32/mcuao.png);
|
|
}
|
|
select#question_type_hidden option[value="11"] {
|
|
background-image: url(../../public/img/icons/32/mcmao.png);
|
|
}
|
|
select#question_type_hidden option[value="12"] {
|
|
background-image: url(../../public/img/icons/32/mcmaco.png);
|
|
}
|
|
select#question_type_hidden option[value="13"] {
|
|
background-image: url(../../public/img/icons/32/audio_question.png);
|
|
}
|
|
select#question_type_hidden option[value="14"] {
|
|
background-image: url(../../public/img/icons/32/mcmagl.png);
|
|
}
|
|
select#question_type_hidden option[value="16"] {
|
|
background-image: url(../../public/img/icons/32/calculated_answer.png);
|
|
}
|
|
}
|
|
|
|
/* video chat */
|
|
|
|
#chat-video-panel .thumbnail video {
|
|
background: #FFF url("../../public/img/icons/128/camera-webrtc.png") no-repeat center center;
|
|
display: block;
|
|
min-width: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
#chat-video-panel #listFriends a .username {
|
|
display: inline-block;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 180px;
|
|
}
|
|
|
|
.webcamclip_bg {
|
|
width: 340px;
|
|
height: 260px;
|
|
border: 10px solid #00677C;
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.wami-container {
|
|
height: 144px;
|
|
position: relative;
|
|
}
|
|
|
|
/* CSS BACKUP *****/
|
|
|
|
.form-separator {
|
|
font-weight: bold;
|
|
border-bottom: 2px solid #CCC;
|
|
padding-bottom: 12px;
|
|
color: #666;
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.feedback-green {
|
|
color: #33a10b;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.feedback-red {
|
|
color: #ff3019;
|
|
text-decoration: line-through;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.feedback-question {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.feedback-separator {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.correct-answer {
|
|
background-color: #D7E3E6;
|
|
color: #000000;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|