delete base.css - refs #2681

pull/2818/head
Alex Aragón 6 years ago
parent 1d03324316
commit 58179597f5
  1. 1
      assets/css/app.scss
  2. 576
      assets/css/base.css
  3. 21
      assets/css/scorm.css
  4. 407
      assets/css/scss/_base.scss

@ -23,4 +23,3 @@
@import '~jquery-ui/themes/base/all.css';
@import "scss/index";
@import 'base.css';

@ -1,576 +0,0 @@
.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;
}

@ -5,6 +5,27 @@ See https://support.chamilo.org/issues/6976
*/
/* LP SCORM */
/* Default LP left column values */
.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;
}
#lp_item_list {
margin: 0;

@ -2359,30 +2359,6 @@ footer {
}
}
#listFriends{
.list-group-item {
border: none;
padding: 0;
font-size: 12px;
}
.help{
font-size: 12px;
}
a{
display: block;
text-overflow: ellipsis;
&.username{
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 120px;
}
}
&:hover{
background: none;
}
}
.card-quota {
margin: 15px;
font-weight: bold;
@ -3303,4 +3279,387 @@ table.certaintyTable {
margin-right: -100px;
}
/****** 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%;
}
#listFriends{
.list-group-item {
border: none;
padding: 0;
font-size: 12px;
}
.help{
font-size: 12px;
}
a{
display: block;
text-overflow: ellipsis;
&.username{
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 120px;
}
}
&:hover{
background: none;
}
}
.webcamclip_bg {
width: 340px;
height: 260px;
border: 10px solid #00677C;
border-radius: 25px;
}
.wami-container {
height: 144px;
position: relative;
}
/****** MAIN QUESTION ******/
.exercise_overview_options {
background-color: #F9F9F9;
border-radius: 10px;
padding: 15px 0 15px 0;
.left_option {
float: left;
margin: 12px 5px;
width: 33%;
}
.center_option {
float: left;
margin: 15px 5px;
text-align: center;
width: 33%;
}
.right_option {
float: right;
margin: 12px 5px;
text-align: right;
font-size: 14px;
}
}
.ribbon{
.error {
color: red;
}
.success {
color: green;
}
.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;
left: 0;
}
&:after{
right: 0;
}
}
.rib-error{
&:before {
border-color: #cf0404 transparent transparent transparent;
}
}
.rib-success{
&:before {
border-color: #4B610B transparent transparent transparent;
}
}
.rib-gray{
&:before {
border-color: #ccc transparent transparent transparent;
}
}
.rib-warning{
&:before {
border-color: darkorange transparent transparent transparent;
}
}
}
.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;
}
.correct-answer {
background-color: #D7E3E6;
color: #000000;
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
}
#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;
}
/* 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);
}
}
/****** 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;
}
.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;
}

Loading…
Cancel
Save