parent
							
								
									3afc7e1bc1
								
							
						
					
					
						commit
						3fb527ea85
					
				@ -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; | 
				
			||||
} | 
				
			||||
@ -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,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,3 +0,0 @@ | 
				
			||||
 | 
				
			||||
body { | 
				
			||||
} | 
				
			||||
@ -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…
					
					
				
		Reference in new issue