Remove unused styles

pull/3890/head
Julio Montoya 4 years ago
parent 3afc7e1bc1
commit 3fb527ea85
  1. 87
      assets/css/scss/_announcement.scss
  2. 3992
      assets/css/scss/_base.scss
  3. 155
      assets/css/scss/_base_theme.scss
  4. 2
      assets/css/scss/_exercise.scss
  5. 49
      assets/css/scss/_forms.scss
  6. 7
      assets/css/scss/_header.scss
  7. 87
      assets/css/scss/_inbox.scss
  8. 86
      assets/css/scss/_install.scss
  9. 45
      assets/css/scss/_loader.scss
  10. 110
      assets/css/scss/_login.scss
  11. 45
      assets/css/scss/_media.scss
  12. 92
      assets/css/scss/_sidebar.scss
  13. 44
      assets/css/scss/_variables.scss
  14. 27
      assets/css/scss/index.scss
  15. 3
      assets/css/themes/chamilo/default.css
  16. 210
      assets/css/themes/chamilo/learnpath.css

@ -1,87 +0,0 @@
.announcement-edit{
position: absolute;
z-index: 3;
}
.carousel{
.carousel-control-prev,
.carousel-control-next{
width: 3%;
}
.carousel-indicators{
margin-bottom: 0;
bottom: -35px;
li{
height: 8px;
}
}
.carousel-item{
img{
padding-bottom: 1rem;
padding-right: 1rem;
}
.announcement-text{
color: #ffffff;
text-align: left;
padding-top: 12%;
padding-left: 15%;
@include portrait($breakpoint-sm, $breakpoint-md){
padding-top: 0;
padding-left: 0;
}
@include landscape($breakpoint-sm) {
padding-top: 0;
padding-left: 0;
padding-bottom: 2rem;
}
h1{
font-size: 40px;
color: #ffffff;
line-height: 45px;
text-align: left;
@include portrait($breakpoint-sm, $breakpoint-md){
font-size: 28px;
line-height: 32px;
}
@include landscape($breakpoint-sm) {
font-size: 28px;
line-height: 32px;
}
}
h5{
font-size: 20px;
color: #ffda29;
line-height: 30px;
text-align: left;
}
}
}
}
.announcement-image{
.dotted-bg-block{
height: 200px;
top: auto;
left: 130px;
bottom: -30px;
right: -30px;
width: auto;
position: absolute;
z-index: 0;
overflow: hidden;
@include portrait($breakpoint-sm, $breakpoint-md){
height: 80px;
}
@include landscape($breakpoint-sm) {
height: 80px;
}
div{
background: repeating-linear-gradient(90deg,#ffffff00,#ffffff00 7px,#00000000 7px,#e4e4e4 9px);
transform: rotate(45deg);
position: absolute;
top: -2000px;
left: -2000px;
right: -2000px;
bottom: -2000px;
}
}
}

File diff suppressed because it is too large Load Diff

@ -0,0 +1,155 @@
// BASE CSS
.xdebug-var-dump {
margin-top: 87px;
}
.table{
.row_selected {
background-color: $row-table-select;
}
th, td{
//padding: 12px 8px;
}
.checkbox{
margin-top: -1px;
margin-bottom: 0;
padding: 0;
width: 15px;
position: relative;
display: block;
label{
cursor: pointer;
padding-left: 0;
color: rgba(0,0,0, 0.5);
min-height: 20px;
margin-bottom: 0;
}
input[type=checkbox] {
opacity: 0;
position: absolute;
margin: 0;
z-index: -1;
width: 0;
height: 0;
overflow: hidden;
left: 0;
pointer-events: none;
&:focus + .checkbox-material .check:after {
opacity: 0.2;
}
&:checked {
& + .checkbox-material .check {
background: #2196F3;
}
& + .checkbox-material .check:before {
color: #FFFFFF;
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
animation: checkbox-on 0.3s forwards;
}
}
}
.checkbox-material {
vertical-align: middle;
position: relative;
top: 3px;
padding-right: 5px;
&:before{
display: block;
position: absolute;
left: 0;
content: "";
background-color: rgba(0, 0, 0, 0.84);
height: 20px;
width: 20px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
transform: scale3d(2.3, 2.3, 1);
animation: rippleOn 500ms;
}
.check{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid rgba(0,0,0, .54);
overflow: hidden;
z-index: 1;
border-radius: 3px;
&:before{
position: absolute;
content: "";
transform: rotate(45deg);
display: block;
margin-top: -3px;
margin-left: 7px;
width: 0;
height: 0;
background: red;
box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
animation: checkbox-off 0.3s forwards;
}
}
}
}
.avatar-user{
position: relative;
display: block;
width: 100%;
.is-admin{
position: absolute;
right: 0;
bottom: 0;
}
.is-active{
position: absolute;
left: 10px;
bottom: -10px;
}
.avatar{
border: 1px solid #cdcdcd;
}
}
.cut-email{
width:150px;
height:20px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
display: inline-block;
&:hover{
width: 100%;
white-space: initial;
overflow: visible;
cursor: pointer;
display: inline-block;
}
}
.toolbar-table{
display: inline-block;
width: 200px;
img{
border: 1px solid #cdcdcd;
background-color: #ffffff;
padding: 4px;
border-radius: 5px;
&:hover{
background-color:#cdcdcd;
}
}
.blackboard_hide{
display: none;
}
}
.th-header{
a{
//color: $grey-900;
}
}
}
.hidden {
display: none!important;
}

@ -10,7 +10,6 @@
display: inline-block;
}
/* Fixes questions list */
.question_options {
min-height: 150px;
@ -50,7 +49,6 @@
color: #555555;
font-weight: bold;
background-color: #FCF8D6;
}
.question_options input[type="text"]:focus {

@ -1,49 +0,0 @@
legend{
margin-bottom: 1.5rem;
border-bottom: 1px solid #cdcdcd;
padding-bottom: .5rem;
color: $legend-color;
}
// Color contrast
@function color-yiq-const($color) {
$r: red($color);
$g: green($color);
$b: blue($color);
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
@if ($yiq >= 200) {
@return #666666;
} @else {
@return #FFFFFF;
}
}
//.btn{
// @each $color, $value in $theme-colors-custom{
// &.btn-#{$color}{
// background-color: $value;
// border-color: darken($value, 10%);
// color: color-yiq-const($value);
// &:hover{
// background-color: darken($value, 10%);
// border-color: darken($value,15%) ;
// color: color-yiq-const($value);
// }
// }
// }
// @each $color, $value in $theme-colors-custom{
// &.btn-outline-#{$color}{
// font-size: 12px;
// background-color: $white;
// border-color: darken($value, 20%);
// color: darken($value,30%);
// &:hover{
// background-color: darken($value, 10%);
// border-color: darken($value,15%) ;
// color: color-yiq-const($value);
// }
// }
// }
//}

@ -1,7 +0,0 @@
//HEADER
.app-header{
.navbar-brand{
width: 150px;
}
}

@ -1,87 +0,0 @@
.email-head {
background-color: #fff;
.email-head-subject {
padding: 25px 25px;
border-bottom: 1px solid #e6e6f2;
.icons{
font-size: 14px;
float: right;
.icon{
color: #71738d;
vertical-align: middle;
}
}
.title {
display: block;
font-size: 1.769rem;
font-weight: 500;
color: #3d405c;
a{
.icon{
color: silver;
font-size: 14px;
margin-right: 6px;
vertical-align: middle;
line-height: 31px;
position: relative;
top: -1px;
}
&.active{
.icon{
color: #ffc600;
}
}
}
}
}
.email-head-sender {
padding: 13px 25px;
line-height: 40px;
.date {
float: right;
font-size: 12px;
}
.avatar{
float: left;
margin-right: 10px;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
border: 2px solid #e6e6f2;
background: #F7F9FA;
color: #fff;
}
.sender{
font-size: 1.15rem;
.email{
font-size: 12px;
}
}
}
}
.email-body{
background-color: #fff;
border-top: 1px solid #e6e6f2;
padding: 30px 28px;
}
.email-attachments{
background-color: #fff;
padding: 25px 28px;
border-top: 1px solid #e6e6f2;
.title{
display: block;
font-weight: 500;
}
ul{
list-style: none;
margin: 15px 0 0;
padding: 0;
li{
line-height: 23px;
a{
color: #404040;
font-weight: 500;
}
}
}
}

@ -1,86 +0,0 @@
.bg-install{
@include portrait($breakpoint-sm, $breakpoint-md){
padding-top: 10px;
padding-bottom: 10px;
}
.install-box{
padding: 50px 40px;
background-color: $default-white;
border-radius: 10px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
.install-icon{
text-align: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.install-title{
font-size: 20px;
font-weight: bold;
margin-top: 1rem;
margin-bottom: 1rem;
color: #2E75A3;
}
.install-subtitle{
font-size: 18px;
font-weight: normal;
}
@include portrait($breakpoint-sm, $breakpoint-md){
max-width: 95%;
padding: 30px 20px;
}
@include landscape($breakpoint-sm) {
max-width: 95%;
padding: 30px 20px;
}
@include to($breakpoint-xs) {
padding-top: 5px;
padding-bottom: 5px;
}
@include to($breakpoint-xs) {
max-width: 95%;
padding: 20px 10px;
}
.install-footer{
text-align: center;
font-size: 12px;
display: inline-block;
width: 100%;
}
.install-steps{
margin-top: 2em;
margin-bottom: 2em;
.list-group{
.list-group-item{
border: none;
padding: 0.6rem 1rem;
border-radius: 50px !important;
&.active{
background-color: #4074de;
.number{
background: transparent;
color: #FFFFFF;
}
}
.number{
font-size: 14px;
font-weight: bold;
width: 30px;
height: 30px;
display: inline-block;
background: #F8F9FA;
color: #2e75ae;
border-radius: 50%;
line-height: 30px;
text-align: center;
}
}
}
}
}
}

@ -1,45 +0,0 @@
// ---------------------------------------------------------
// SPINNER LOAD
// ---------------------------------------------------------
#loader {
transition: all 0.3s ease-in-out;
opacity: 1;
display: initial;
}
#loader.fadeOut {
opacity: 0;
display: none;
}
.spinner {
width: 40px;
height: 40px;
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}

@ -1,110 +0,0 @@
html,
body {
height: 100%;
.bg-chamilo {
padding-top: 40px;
padding-bottom: 40px;
background: #0068d8;
}
.login-box {
width: 100%;
max-width: 350px;
padding: 50px 40px;
margin: auto;
background-color: $default-white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
.login-logo{
margin-bottom: 2em;
}
input.form-control{
border: none;
border-radius: 0;
transition: none;
&:focus{
background-color: transparent;
border-color: transparent;
outline: 0;
box-shadow: none;
}
}
.focus-input {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
&:before{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
height: calc(100% - 20px);
bottom: 0;
left: 0;
padding-left: 13px;
padding-top: 3px;
}
}
}
}
input {
outline: none;
border: none;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input::-webkit-input-placeholder { color: #cccccc;}
input:-moz-placeholder { color: #cccccc;}
input::-moz-placeholder { color: #cccccc;}
input:-ms-input-placeholder { color: #cccccc;}
.wrap-login {
width: 500px;
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.validate-input {
position: relative;
margin-bottom: 23px;
}
.wrap-input {
width: 100%;
position: relative;
border-bottom: 2px solid #d9d9d9;
}
.label-input {
font-size: 12px;
color: #979797;
line-height: 1.5;
padding-left: 0;
}
.input-login {
font-size: 16px;
color: #333333;
line-height: 1.2;
display: block;
width: 100%;
height: 55px;
background: transparent;
padding: 0 7px 0 43px;
}

@ -1,45 +0,0 @@
// ---------------------------------------------------------
// MEDIA QUERIES
// ---------------------------------------------------------
@mixin mq($condition) {
@media #{$condition} {
@content;
}
}
@mixin from($breakpoint) {
@media screen and (min-width: $breakpoint){
@content;
}
}
@mixin to($breakpoint) {
@media screen and (max-width: $breakpoint - 1px) {
@content;
}
}
@mixin between($start, $end){
@media screen and (min-width: $start) and (max-width: $end - 1px) {
@content;
}
}
@mixin large($breakpoint){
@media (min-width: $breakpoint){
@content
}
}
@mixin portrait($start, $end){
@media (min-width: $start) and (max-width: $end) {
@content
}
}
@mixin landscape($breakpoint){
@media (max-width: $breakpoint - 1px){
@content
}
}

@ -1,92 +0,0 @@
// ---------------------------------------------------------
// SIDEBAR SCSS
// ---------------------------------------------------------
.navbar-nav {
.nav-link {
&:focus{
color: #FFFFFF;
}
}
}
.sidebar {
background-color: $sidebar-background;
.nav-dropdown-items{
.nav-item{
.nav-link{
font-size: 12px;
padding: 10px 15px;
border-top: 1px solid $sidebar-border;
&:hover{
color: $sidebar-link-hover;
}
i{
font-size: 12px;
}
}
}
}
.nav-dropdown{
&.open{
.nav-link{
color: $sidebar-link;
}
}
}
.nav-item{
i{
color: $sidebar-icon;
display: inline-block;
font-size: 18px;
line-height: 17px;
margin-left: 3px;
margin-right: 10px;
text-align: center;
vertical-align: middle;
width: 20px;
}
&.current{
i{
color: $sidebar-link;
}
background-color: $sidebar-current;
}
}
.nav-link{
color: $sidebar-link;
padding: 14px 15px;
&:hover{
color: $sidebar-link-hover;
background: transparent;
i{
color: $sidebar-link-hover;
}
}
}
}
//.section-slider{
// background: #9d7bd7; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
// background: linear-gradient(to right, #9d7bd7 0%,#38bcf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7bd7', endColorstr='#38bcf4',GradientType=1 ); /* IE6-9 */
//}
.block-platform{
padding-top: 3em;
color: $grey-0;
}
.app-footer{
background: $background-footer;
border-top: 1px solid $border-footer;
color: #ffffff;
}
.app-footer a{
color: #ffc500;
}
.breadcrumb{
background-color: $breadcrumb-back;
margin-bottom: 0.7rem;
}
.navbar-expand-sm .navbar-toggler {
display: block;
}

@ -1,35 +1,7 @@
// ---------------------------------------------------------
// IMAGE PATH
// ---------------------------------------------------------
$svg-path: "../../../public/img/icons/svg/";
$img-path: "../../../public/img/";
// ---------------------------------------------------------
// BREAKPOINTS
// ---------------------------------------------------------
$breakpoint-xl : 1440px;
$breakpoint-lg : 1200px;
$breakpoint-md : 992px;
$breakpoint-sm : 768px;
$breakpoint-xs : 480px;
// ---------------------------------------------------------
// GREYSCALE COLORS
// ---------------------------------------------------------
$grey-0 : #ffffff;
$grey-100 : #f9fafb;
$grey-200 : #f2f3f5;
$grey-300 : #e6eaf0;
$grey-400 : #d3d9e3;
$grey-500 : #b9c2d0;
$grey-600 : #7c8695;
$grey-700 : #72777a;
$grey-800 : #565a5c;
$grey-900 : #313435;
// ---------------------------------------------------------
// COLORS THEME DEFAULT
// ---------------------------------------------------------
@ -102,19 +74,3 @@ $danger_custom: #fb8b8b !default;
$light_custom: #ffffff !default;
$dark_custom: #607d8b !default;
$theme-colors-custom: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors-custom: map-merge(
(
"primary": $primary_custom,
"secondary": $secondary_custom,
"success": $success_custom,
"info": $info_custom,
"warning": $warning_custom,
"danger": $danger_custom,
"light": $light_custom,
"dark": $dark_custom
),
$theme-colors-custom
);

@ -1,16 +1,11 @@
@import 'variables';
@import "media";
@import 'inbox';
@import 'sidebar';
@import 'login';
@import 'install';
@import "forms";
@import 'base';
@import 'announcement';
@import 'exercise';
@import "jqueryui";
@import 'lp';
/*
@import "spinner";*/
//@import 'variables';
//@import 'base_theme';
//
//// Tools
//@import 'inbox';
//@import 'install';
//@import "forms";
//@import 'announcement';
//@import 'exercise';
//@import 'jqueryui';
//@import 'lp';

@ -1,210 +0,0 @@
div.text {
margin-left : 6;
margin-right : 6;
margin-top : 5;
margin-bottom : 5;
text-align : justify;
}
span.messagesmall {
font-style : italic;
color : Red;
}
/* newscorm/learnpath */
div.lp_actions {
background:#F8F8F8;
border-bottom:1px solid #999999;
padding:3px;
}
div.lp_actions img {
margin-right:5px;
}
div.lp_small_form {
background:#F8F8F8;
border:1px solid #999999;
padding:10px;
}
div.lp_small_form input {
font-size:10px;
}
div.lp_manipulate {
background:#F8F8F8;
border-bottom:1px dotted #999999;
margin-bottom:0px;
padding:3px 0 3px 10px;
}
div.lp_manipulate a {
padding-right:10px;
}
div.lp_message {
background:#FEC880;
border:1px solid #E28C15;
font-size:12px;
padding:10px;
}
div.lp_resource_header {
cursor: pointer;
background:#F0F0F0;
border:1px solid #999999;
font-weight:bold;
padding:10px;
width:350px;
}
div.lp_resource_header_end {
background:#F0F0F0;
border:1px solid #999999;
font-weight:bold;
padding:10px;
width:350px;
}
div.lp_resource_elements {
background:#FAFAFA;
border:1px solid #999999;
border-bottom:0;
display:none;
padding:5px 10px;
width:350px;
}
div.lp_resource_elements_end {
background:#FAFAFA;
border:1px solid #999999;
border-top: 0px;
display:none;
padding:5px 10px;
width:350px;
}
div.lp_resource_elements div {
padding:3px;
}
div.lp_tree {
height:100%;
padding:3px 10px 3px 0;
overflow-x : auto;
overflow-y : auto;
width:190px;
}
option.bottom {
border-top:1px solid #999999;
margin-top:2px;
padding-top:2px;
}
option.top {
border-bottom:1px solid #999999;
margin-bottom:2px;
padding-bottom:2px;
}
p.lp_action {
margin:5px 0;
}
p.lp_text {
margin-top:0px;
}
p.lp_title {
font-weight:bold;
margin-top:5px;
padding-left:7px;
}
table.lp_build {
font-size:12px;
height:400px;
width:100%;
}
table.lp_build td {
vertical-align:top;
}
table.lp_build td.tree {
/* border-right:1px solid #999999;*/
padding-right: 5px;
width:205px;
}
table.lp_build td.workspace {
padding: 0px;
padding-left:5px;
width:auto;
}
table.lp_form {
font-size:12px;
margin:0 10px;
width:auto;
}
table.lp_form td {
height:25px;
padding:5px;
vertical-align:top;
width:auto;
}
table.lp_form td.label {
padding-top:7px;
text-align:right;
}
table.lp_form td.radio {
width:300px;
}
table.lp_form td.exercise {
width:50px;
}
table.lp_form th {
background:#F8F8F8;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
}
table.lp_overview th.exercise {
width:50px;
}
table.lp_form input, table.lp_form select, table.lp_form textarea {
/* background:#F8F8F8;
border:1px solid #999999;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
padding:1px 2px;
width:300px;*/
}
table.lp_form td.radio input, table.lp_form td.exercise input {
width:auto;
}
table.lp_form .small_form {
background:#FFFFFF;
}
table.lp_form select {
/* padding:0;*/
}
table.lp_form input.button {
width:75px;
}
table.lp_overview {
font-size:12px;
width:100%;
}
table.lp_overview td {
border-bottom:1px solid #999999;
border-top:1px solid #999999;
height:20px;
padding:3px;
vertical-align:middle;
width:auto;
}
table.lp_overview td.title {
width:200px;
}
table.lp_overview td.actions {
text-align:center;
width:100px;
}
table.lp_overview td.move {
text-align:center;
width:50px;
}
table.lp_overview th {
background:#FFFFFF;
padding-left:3px;
text-align:center;
}
table.lp_overview tr {
background:#F8F8F8;
}
table.lp_overview tr:hover {
background:#E5EDF9;
}
table.lp_overview img {
margin-left:3px;
}
Loading…
Cancel
Save