Julio Montoya
4 years ago
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 'variables'; |
//@import 'base_theme'; |
||||||
@import "media"; |
// |
||||||
@import 'inbox'; |
//// Tools |
||||||
@import 'sidebar'; |
//@import 'inbox'; |
||||||
@import 'login'; |
//@import 'install'; |
||||||
@import 'install'; |
//@import "forms"; |
||||||
@import "forms"; |
//@import 'announcement'; |
||||||
@import 'base'; |
//@import 'exercise'; |
||||||
@import 'announcement'; |
//@import 'jqueryui'; |
||||||
@import 'exercise'; |
//@import 'lp'; |
||||||
@import "jqueryui"; |
|
||||||
@import 'lp'; |
|
||||||
|
|
||||||
/* |
|
||||||
@import "spinner";*/ |
|
||||||
|
|||||||
@ -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