mirror of https://github.com/ColorlibHQ/AdminLTE
Aleksandr Rogozin
GitHub
commit
9e251efd0c
|
|
@ -1,14 +1,30 @@
|
|||
// System / Log files
|
||||
*.DS_Store
|
||||
*.log
|
||||
|
||||
// Archives
|
||||
*.zip
|
||||
|
||||
// Sass Cache
|
||||
.sass-cache
|
||||
|
||||
// Project files
|
||||
.idea
|
||||
nbproject
|
||||
nbproject/private
|
||||
node_modules
|
||||
.sass-cache
|
||||
bower_components
|
||||
ad.js
|
||||
TODO
|
||||
test.html
|
||||
.vscode/
|
||||
.vs/
|
||||
|
||||
// Node / Bower
|
||||
node_modules/
|
||||
bower_components/
|
||||
|
||||
// Docs
|
||||
docs/_site
|
||||
.jekyll-cache/
|
||||
.jekyll-metadata
|
||||
|
||||
// ETC
|
||||
TODO
|
||||
test.html
|
||||
ad.js
|
||||
|
|
|
|||
|
|
@ -2,6 +2,8 @@ import ControlSidebar from './ControlSidebar'
|
|||
import Layout from './Layout'
|
||||
import PushMenu from './PushMenu'
|
||||
import Treeview from './Treeview'
|
||||
import DirectChat from './DirectChat'
|
||||
import TodoList from './TodoList'
|
||||
import Widget from './Widget'
|
||||
|
||||
export {
|
||||
|
|
@ -9,5 +11,7 @@ export {
|
|||
Layout,
|
||||
PushMenu,
|
||||
Treeview,
|
||||
DirectChat,
|
||||
TodoList,
|
||||
Widget
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,85 @@
|
|||
/**
|
||||
* --------------------------------------------
|
||||
* AdminLTE DirectChat.js
|
||||
* License MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
|
||||
const DirectChat = (($) => {
|
||||
/**
|
||||
* Constants
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
const NAME = 'DirectChat'
|
||||
const DATA_KEY = 'lte.directchat'
|
||||
const EVENT_KEY = `.${DATA_KEY}`
|
||||
const JQUERY_NO_CONFLICT = $.fn[NAME]
|
||||
const DATA_API_KEY = '.data-api'
|
||||
|
||||
const Selector = {
|
||||
DATA_TOGGLE: '[data-widget="chat-pane-toggle"]',
|
||||
DIRECT_CHAT: '.direct-chat'
|
||||
};
|
||||
|
||||
const ClassName = {
|
||||
DIRECT_CHAT_OPEN: 'direct-chat-contacts-open'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
class DirectChat {
|
||||
constructor(element, config) {
|
||||
this._element = element
|
||||
}
|
||||
|
||||
toggle() {
|
||||
$(this._element).parents(Selector.DIRECT_CHAT).first().toggleClass(ClassName.DIRECT_CHAT_OPEN);
|
||||
}
|
||||
|
||||
// Static
|
||||
|
||||
static _jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
let data = $(this).data(DATA_KEY)
|
||||
|
||||
if (!data) {
|
||||
data = new DirectChat($(this))
|
||||
$(this).data(DATA_KEY, data)
|
||||
}
|
||||
|
||||
data[config]()
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* Data Api implementation
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
$(document).on('click', Selector.DATA_TOGGLE, function (event) {
|
||||
if (event) event.preventDefault();
|
||||
DirectChat._jQueryInterface.call($(this), 'toggle');
|
||||
});
|
||||
|
||||
/**
|
||||
* jQuery API
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
$.fn[NAME] = DirectChat._jQueryInterface
|
||||
$.fn[NAME].Constructor = DirectChat
|
||||
$.fn[NAME].noConflict = function () {
|
||||
$.fn[NAME] = JQUERY_NO_CONFLICT
|
||||
return DirectChat._jQueryInterface
|
||||
}
|
||||
|
||||
return DirectChat
|
||||
})(jQuery)
|
||||
|
||||
export default DirectChat
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
/**
|
||||
* --------------------------------------------
|
||||
* AdminLTE TodoList.js
|
||||
* License MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
|
||||
const TodoList = (($) => {
|
||||
/**
|
||||
* Constants
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
const NAME = 'TodoList'
|
||||
const DATA_KEY = 'lte.todolist'
|
||||
const EVENT_KEY = `.${DATA_KEY}`
|
||||
const JQUERY_NO_CONFLICT = $.fn[NAME]
|
||||
|
||||
const Selector = {
|
||||
DATA_TOGGLE: '[data-widget="todo-list"]'
|
||||
}
|
||||
|
||||
const ClassName = {
|
||||
TODO_LIST_DONE: 'done'
|
||||
}
|
||||
|
||||
const Default = {
|
||||
onCheck: function (item) {
|
||||
return item;
|
||||
},
|
||||
onUnCheck: function (item) {
|
||||
return item;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
class TodoList {
|
||||
constructor(element, config) {
|
||||
this._config = config
|
||||
this._element = element
|
||||
|
||||
this._init()
|
||||
}
|
||||
|
||||
// Public
|
||||
|
||||
toggle(item) {
|
||||
item.parents('li').toggleClass(ClassName.TODO_LIST_DONE);
|
||||
if (! $(item).prop('checked')) {
|
||||
this.unCheck($(item));
|
||||
return;
|
||||
}
|
||||
|
||||
this.check(item);
|
||||
}
|
||||
|
||||
check (item) {
|
||||
this._config.onCheck.call(item);
|
||||
}
|
||||
|
||||
unCheck (item) {
|
||||
this._config.onUnCheck.call(item);
|
||||
}
|
||||
|
||||
// Private
|
||||
|
||||
_init() {
|
||||
var that = this
|
||||
$(Selector.DATA_TOGGLE).find('input:checkbox:checked').parents('li').toggleClass(ClassName.TODO_LIST_DONE)
|
||||
$(Selector.DATA_TOGGLE).on('change', 'input:checkbox', (event) => {
|
||||
that.toggle($(event.target))
|
||||
})
|
||||
}
|
||||
|
||||
// Static
|
||||
|
||||
static _jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
let data = $(this).data(DATA_KEY)
|
||||
const _config = $.extend({}, Default, $(this).data())
|
||||
|
||||
if (!data) {
|
||||
data = new TodoList($(this), _config)
|
||||
$(this).data(DATA_KEY, data)
|
||||
}
|
||||
|
||||
if (config === 'init') {
|
||||
data[config]()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
$(window).on('load', () => {
|
||||
TodoList._jQueryInterface.call($(Selector.DATA_TOGGLE))
|
||||
})
|
||||
|
||||
/**
|
||||
* jQuery API
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
$.fn[NAME] = TodoList._jQueryInterface
|
||||
$.fn[NAME].Constructor = TodoList
|
||||
$.fn[NAME].noConflict = function () {
|
||||
$.fn[NAME] = JQUERY_NO_CONFLICT
|
||||
return TodoList._jQueryInterface
|
||||
}
|
||||
|
||||
return TodoList
|
||||
})(jQuery)
|
||||
|
||||
export default TodoList
|
||||
|
|
@ -170,7 +170,7 @@ const Widget = (($) => {
|
|||
$(this).data(DATA_KEY, typeof config === 'string' ? data : config)
|
||||
}
|
||||
|
||||
if (typeof config === 'string' && config.match(/remove|toggle/)) {
|
||||
if (typeof config === 'string' && config.match(/collapse|expand|remove|toggle|toggleMaximize/)) {
|
||||
data[config]()
|
||||
} else if (typeof config === 'object') {
|
||||
data._init($(this))
|
||||
|
|
|
|||
|
|
@ -215,51 +215,55 @@ const Plugins = [
|
|||
from: 'node_modules/flag-icon-css/flags',
|
||||
to: 'plugins/flag-icon-css/flags'
|
||||
},
|
||||
// bootstrap4-duallistbox
|
||||
{
|
||||
from: 'node_modules/bootstrap4-duallistbox/dist',
|
||||
to: 'plugins/bootstrap4-duallistbox/'
|
||||
},
|
||||
|
||||
|
||||
// // Doc Assets
|
||||
// // AdminLTE Dist
|
||||
// {
|
||||
// from: 'dist/css',
|
||||
// to : 'docs/assets/css'
|
||||
// },
|
||||
// {
|
||||
// from: 'dist/js',
|
||||
// to : 'docs/assets/js'
|
||||
// },
|
||||
// // jQuery
|
||||
// {
|
||||
// from: 'node_modules/jquery/dist',
|
||||
// to : 'docs/assets/plugins/jquery'
|
||||
// },
|
||||
// // Popper
|
||||
// {
|
||||
// from: 'node_modules/popper.js/dist',
|
||||
// to : 'docs/assets/plugins/popper'
|
||||
// },
|
||||
// // Bootstrap
|
||||
// {
|
||||
// from: 'node_modules/bootstrap/dist/js',
|
||||
// to : 'docs/assets/plugins/bootstrap/js'
|
||||
// },
|
||||
// // Font Awesome
|
||||
// {
|
||||
// from: 'node_modules/@fortawesome/fontawesome-free/css',
|
||||
// to : 'docs/assets/plugins/fontawesome-free/css'
|
||||
// },
|
||||
// {
|
||||
// from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
|
||||
// to : 'docs/assets/plugins/fontawesome-free/webfonts'
|
||||
// },
|
||||
// // overlayScrollbars
|
||||
// {
|
||||
// from: 'plugins/overlayScrollbars/js',
|
||||
// to : 'docs/assets/plugins/overlayScrollbars/js'
|
||||
// },
|
||||
// {
|
||||
// from: 'plugins/overlayScrollbars/css',
|
||||
// to : 'docs/assets/plugins/overlayScrollbars/css'
|
||||
// }
|
||||
// AdminLTE Dist
|
||||
{
|
||||
from: 'dist/css',
|
||||
to : 'docs/assets/css'
|
||||
},
|
||||
{
|
||||
from: 'dist/js',
|
||||
to : 'docs/assets/js'
|
||||
},
|
||||
// jQuery
|
||||
{
|
||||
from: 'node_modules/jquery/dist',
|
||||
to : 'docs/assets/plugins/jquery'
|
||||
},
|
||||
// Popper
|
||||
{
|
||||
from: 'node_modules/popper.js/dist',
|
||||
to : 'docs/assets/plugins/popper'
|
||||
},
|
||||
// Bootstrap
|
||||
{
|
||||
from: 'node_modules/bootstrap/dist/js',
|
||||
to : 'docs/assets/plugins/bootstrap/js'
|
||||
},
|
||||
// Font Awesome
|
||||
{
|
||||
from: 'node_modules/@fortawesome/fontawesome-free/css',
|
||||
to : 'docs/assets/plugins/fontawesome-free/css'
|
||||
},
|
||||
{
|
||||
from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
|
||||
to : 'docs/assets/plugins/fontawesome-free/webfonts'
|
||||
},
|
||||
// overlayScrollbars
|
||||
{
|
||||
from: 'node_modules/overlayscrollbars/js',
|
||||
to : 'docs/assets/plugins/overlayScrollbars/js'
|
||||
},
|
||||
{
|
||||
from: 'node_modules/overlayscrollbars/css',
|
||||
to : 'docs/assets/plugins/overlayScrollbars/css'
|
||||
}
|
||||
]
|
||||
|
||||
module.exports = Plugins
|
||||
|
|
|
|||
|
|
@ -43,7 +43,6 @@
|
|||
@import 'navs';
|
||||
@import 'products';
|
||||
@import 'table';
|
||||
@import 'labels';
|
||||
@import 'direct-chat';
|
||||
@import 'users-list';
|
||||
@import 'carousel';
|
||||
|
|
|
|||
|
|
@ -39,7 +39,6 @@
|
|||
@import 'navs';
|
||||
@import 'products';
|
||||
@import 'table';
|
||||
@import 'labels';
|
||||
@import 'direct-chat';
|
||||
@import 'users-list';
|
||||
@import 'carousel';
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Alert
|
||||
* ----------------
|
||||
*/
|
||||
//
|
||||
// Component: Alert
|
||||
//
|
||||
|
||||
.alert {
|
||||
.icon {
|
||||
|
|
@ -44,3 +43,8 @@
|
|||
@extend .bg-info;
|
||||
border-color: darken(theme-color('info'), 5%);
|
||||
}
|
||||
|
||||
.alert-primary {
|
||||
@extend .bg-primary;
|
||||
border-color: darken(theme-color('primary'), 5%);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -360,11 +360,11 @@ $btn-line-height-lg: $input-btn-line-height-lg !default;
|
|||
$btn-border-width: $input-btn-border-width !default;
|
||||
|
||||
$btn-font-weight: $font-weight-normal !default;
|
||||
$btn-box-shadow: 0 1px 1px rgba($black, .075) !default;
|
||||
$btn-focus-width: $input-btn-focus-width !default;
|
||||
$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
||||
$btn-box-shadow: none !default;
|
||||
$btn-focus-width: 0 !default;
|
||||
$btn-focus-box-shadow: none !default;
|
||||
$btn-disabled-opacity: .65 !default;
|
||||
$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
|
||||
$btn-active-box-shadow: none !default;
|
||||
|
||||
$btn-link-disabled-color: $gray-600 !default;
|
||||
|
||||
|
|
@ -407,8 +407,8 @@ $input-border-radius-sm: $border-radius-sm !default;
|
|||
$input-focus-bg: $input-bg !default;
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%) !default;
|
||||
$input-focus-color: $input-color !default;
|
||||
$input-focus-width: $input-btn-focus-width !default;
|
||||
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
||||
$input-focus-width: 0 !default;
|
||||
$input-focus-box-shadow: none !default;
|
||||
|
||||
$input-placeholder-color: $gray-600 !default;
|
||||
|
||||
|
|
@ -517,6 +517,8 @@ $custom-file-text: (
|
|||
en: "Browse"
|
||||
) !default;
|
||||
|
||||
$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
|
||||
|
||||
|
||||
// Form validation
|
||||
$form-feedback-margin-top: $form-text-margin-top !default;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Brand
|
||||
* ----------------
|
||||
*/
|
||||
//
|
||||
// Component: Brand
|
||||
//
|
||||
|
||||
.brand-link {
|
||||
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
|
||||
|
|
@ -9,6 +8,7 @@
|
|||
font-size: $navbar-brand-font-size;
|
||||
line-height: $line-height-lg;
|
||||
padding: $brand-link-padding-y $sidebar-padding-x;
|
||||
transition: width $transition-speed $transition-fn;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Button
|
||||
* -----------------
|
||||
*/
|
||||
//
|
||||
// Component: Button
|
||||
//
|
||||
|
||||
.btn {
|
||||
// Flat buttons
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Callout
|
||||
* ------------------
|
||||
*/
|
||||
//
|
||||
// Component: Callout
|
||||
//
|
||||
|
||||
// Base styles (regardless of theme)
|
||||
.callout {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Cards
|
||||
* ----------------
|
||||
*/
|
||||
//
|
||||
// Component: Cards
|
||||
//
|
||||
|
||||
.card {
|
||||
@extend .mb-3;
|
||||
|
|
@ -23,7 +22,7 @@
|
|||
top: 0;
|
||||
width: 100% !important;
|
||||
z-index: 9999;
|
||||
|
||||
|
||||
&.was-collapsed .card-body {
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -52,7 +51,7 @@
|
|||
margin: 0;
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom: none;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -97,7 +96,7 @@ html.maximized-card {
|
|||
}
|
||||
|
||||
.collapsed-card & {
|
||||
border-bottom: none;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
> .card-tools {
|
||||
|
|
@ -252,8 +251,8 @@ html.maximized-card {
|
|||
}
|
||||
|
||||
// Time labels
|
||||
.label {
|
||||
font-size: 9px;
|
||||
.badge {
|
||||
font-size: .7rem;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -287,31 +286,23 @@ html.maximized-card {
|
|||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.label {
|
||||
.badge {
|
||||
background: $gray-500 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Color varaity
|
||||
.danger {
|
||||
border-left-color: theme-color('danger');
|
||||
// Color variants
|
||||
@each $name, $color in $theme-colors {
|
||||
.#{$name} {
|
||||
border-left-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
.warning {
|
||||
border-left-color: theme-color('warning');
|
||||
}
|
||||
|
||||
.info {
|
||||
border-left-color: theme-color('info');
|
||||
}
|
||||
|
||||
.success {
|
||||
border-left-color: theme-color('success');
|
||||
}
|
||||
|
||||
.primary {
|
||||
border-left-color: theme-color('primary');
|
||||
@each $name, $color in $colors {
|
||||
.#{$name} {
|
||||
border-left-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
.handle {
|
||||
|
|
@ -328,59 +319,11 @@ html.maximized-card {
|
|||
max-width: 200px;
|
||||
}
|
||||
|
||||
// Color variants
|
||||
@each $name, $color in $theme-colors {
|
||||
.card-#{$name} {
|
||||
&:not(.card-outline) {
|
||||
.card-header {
|
||||
background-color: $color;
|
||||
border-bottom: 0;
|
||||
|
||||
&,
|
||||
a {
|
||||
color: color-yiq($color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.card-outline {
|
||||
border-top: 3px solid $color;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-#{$name},
|
||||
.bg-#{$name}-gradient,
|
||||
.card-#{$name}:not(.card-outline) {
|
||||
.btn-tool {
|
||||
color: rgba(color-yiq($color), 0.8);
|
||||
|
||||
&:hover {
|
||||
color: color-yiq($color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card.bg-#{$name},
|
||||
.card.bg-#{$name}-gradient {
|
||||
.bootstrap-datetimepicker-widget {
|
||||
.table td,
|
||||
.table th {
|
||||
border: none;
|
||||
}
|
||||
|
||||
table thead tr:first-child th:hover,
|
||||
table td.day:hover,
|
||||
table td.hour:hover,
|
||||
table td.minute:hover,
|
||||
table td.second:hover {
|
||||
background: darken($color, 8%);
|
||||
color: color-yiq($color);
|
||||
}
|
||||
|
||||
table td.active,
|
||||
table td.active:hover {
|
||||
background: lighten($color, 10%);
|
||||
color: color-yiq($color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@include cards-variant($name, $color);
|
||||
}
|
||||
|
||||
@each $name, $color in $colors {
|
||||
@include cards-variant($name, $color);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Carousel
|
||||
* -------------------
|
||||
*/
|
||||
//
|
||||
// Component: Carousel
|
||||
//
|
||||
|
||||
.carousel-control {
|
||||
&.left,
|
||||
|
|
|
|||
|
|
@ -1,74 +1,15 @@
|
|||
/*
|
||||
* Misc: Colors
|
||||
* ------------
|
||||
*/
|
||||
//
|
||||
// Misc: Colors
|
||||
//
|
||||
|
||||
// Background colors (theme colors)
|
||||
@each $name, $color in $theme-colors {
|
||||
.bg-#{$name} {
|
||||
&,
|
||||
> a {
|
||||
color: color-yiq($color) !important;
|
||||
}
|
||||
|
||||
&.btn {
|
||||
&.disabled,
|
||||
&:disabled,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled).active,
|
||||
.show > &.dropdown-toggle {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||
border-color: darken($color, 10%);
|
||||
color: color-yiq(darken($color, 7.5%));
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
@include bg-gradient-variant('&', darken($color, 10%));
|
||||
border-color: darken($color, 12.5%);
|
||||
color: color-yiq(darken($color, 10%));
|
||||
}
|
||||
}
|
||||
}
|
||||
@include background-variant($name, $color);
|
||||
}
|
||||
|
||||
// Background colors (colors)
|
||||
@each $name, $color in $colors {
|
||||
.bg-#{$name} {
|
||||
background-color: #{$color};
|
||||
|
||||
&,
|
||||
> a {
|
||||
color: color-yiq($color) !important;
|
||||
}
|
||||
|
||||
&.btn {
|
||||
&.disabled,
|
||||
&:disabled,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled).active,
|
||||
.show > &.dropdown-toggle {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||
border-color: darken($color, 10%);
|
||||
color: color-yiq(darken($color, 7.5%));
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
@include bg-gradient-variant('&', darken($color, 10%));
|
||||
border-color: darken($color, 12.5%);
|
||||
color: color-yiq(darken($color, 10%));
|
||||
}
|
||||
}
|
||||
}
|
||||
@include background-variant($name, $color);
|
||||
}
|
||||
|
||||
.bg-gray {
|
||||
|
|
@ -93,64 +34,12 @@
|
|||
|
||||
// Gradient Background colors (theme colors)
|
||||
@each $name, $color in $theme-colors {
|
||||
.bg-gradient-#{$name} {
|
||||
@include bg-gradient-variant('&', $color);
|
||||
color: color-yiq($color);
|
||||
|
||||
&.btn {
|
||||
&.disabled,
|
||||
&:disabled,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled).active,
|
||||
.show > &.dropdown-toggle {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||
border-color: darken($color, 10%);
|
||||
color: color-yiq(darken($color, 7.5%));
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
@include bg-gradient-variant('&', darken($color, 10%));
|
||||
border-color: darken($color, 12.5%);
|
||||
color: color-yiq(darken($color, 10%));
|
||||
}
|
||||
}
|
||||
}
|
||||
@include background-gradient-variant($name, $color);
|
||||
}
|
||||
|
||||
// Gradient Background colors (colors)
|
||||
@each $name, $color in $colors {
|
||||
.bg-gradient-#{$name} {
|
||||
@include bg-gradient-variant('&', $color);
|
||||
color: color-yiq($color);
|
||||
|
||||
&.btn {
|
||||
&.disabled,
|
||||
&:disabled,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled).active,
|
||||
.show > &.dropdown-toggle {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||
border-color: darken($color, 10%);
|
||||
color: color-yiq(darken($color, 7.5%));
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
@include bg-gradient-variant('&', darken($color, 10%));
|
||||
border-color: darken($color, 12.5%);
|
||||
color: color-yiq(darken($color, 10%));
|
||||
}
|
||||
}
|
||||
}
|
||||
@include background-gradient-variant($name, $color);
|
||||
}
|
||||
|
||||
// Backgrund Color Disabled
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Control Sidebar
|
||||
* --------------------------
|
||||
*/
|
||||
//
|
||||
// Component: Control Sidebar
|
||||
//
|
||||
|
||||
html.control-sidebar-animate {
|
||||
overflow-x: hidden;
|
||||
|
|
@ -150,6 +149,6 @@ html.control-sidebar-animate {
|
|||
// Background
|
||||
& {
|
||||
background: $sidebar-light-bg;
|
||||
border-left: 1px solid $gray-500;
|
||||
border-left: $main-header-bottom-border;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Direct Chat
|
||||
* ----------------------
|
||||
*/
|
||||
//
|
||||
// Component: Direct Chat
|
||||
//
|
||||
|
||||
.direct-chat {
|
||||
.card-body {
|
||||
|
|
@ -100,7 +99,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.direct-chat-info {
|
||||
.direct-chat-infos {
|
||||
display: block;
|
||||
font-size: $font-size-sm;
|
||||
margin-bottom: 2px;
|
||||
|
|
@ -144,7 +143,7 @@
|
|||
padding: 10px;
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom: none;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -182,23 +181,15 @@
|
|||
color: darken($gray-500, 25%);
|
||||
}
|
||||
|
||||
//Direct Chat Variants
|
||||
.direct-chat-danger {
|
||||
@include direct-chat-variant(theme-color('danger'));
|
||||
// Color variants
|
||||
@each $name, $color in $theme-colors {
|
||||
.direct-chat-#{$name} {
|
||||
@include direct-chat-variant($color);
|
||||
}
|
||||
}
|
||||
|
||||
.direct-chat-primary {
|
||||
@include direct-chat-variant(theme-color('primary'));
|
||||
}
|
||||
|
||||
.direct-chat-warning {
|
||||
@include direct-chat-variant(theme-color('warning'));
|
||||
}
|
||||
|
||||
.direct-chat-info {
|
||||
@include direct-chat-variant(theme-color('info'));
|
||||
}
|
||||
|
||||
.direct-chat-success {
|
||||
@include direct-chat-variant(theme-color('success'));
|
||||
@each $name, $color in $colors {
|
||||
.direct-chat-#{$name} {
|
||||
@include direct-chat-variant($color);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Dropdown
|
||||
* -------------------
|
||||
*/
|
||||
//
|
||||
// Component: Dropdown
|
||||
//
|
||||
|
||||
// General Dropdown Rules
|
||||
//.dropdown-item {
|
||||
|
|
@ -38,6 +37,26 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Dropdown Sizes
|
||||
.dropdown-menu-xl {
|
||||
max-width: 420px;
|
||||
min-width: 360px;
|
||||
padding: 0;
|
||||
|
||||
.dropdown-divider {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
padding: $dropdown-padding-y $dropdown-item-padding-x;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
// Dropdown header and footer
|
||||
.dropdown-footer,
|
||||
.dropdown-header {
|
||||
|
|
@ -47,8 +66,8 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
/* Add fade animation to dropdown menus by appending
|
||||
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
||||
// Add fade animation to dropdown menus by appending
|
||||
// the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)
|
||||
.open:not(.dropup) > .animated-dropdown-menu {
|
||||
@include animation(flipInX .7s both);
|
||||
backface-visibility: visible !important;
|
||||
|
|
@ -80,33 +99,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes flipInX {
|
||||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
}
|
||||
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
80% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: perspective(400px);
|
||||
}
|
||||
}
|
||||
|
||||
/* Fix dropdown menu in navbars */
|
||||
// Fix dropdown menu in navbars
|
||||
.navbar-custom-menu > .navbar-nav {
|
||||
> li {
|
||||
position: relative;
|
||||
|
|
@ -134,11 +127,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* User Menu */
|
||||
// User Menu
|
||||
.navbar-nav > .user-menu {
|
||||
> .nav-link:after {
|
||||
content:none;
|
||||
}
|
||||
|
||||
> .dropdown-menu {
|
||||
@include border-top-radius(0);
|
||||
padding: 0;
|
||||
|
|
@ -149,12 +143,13 @@
|
|||
> .user-body {
|
||||
@include border-bottom-radius(4px);
|
||||
}
|
||||
|
||||
|
||||
// Header menu
|
||||
> li.user-header {
|
||||
height: 175px;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
|
||||
// User image
|
||||
> img {
|
||||
z-index: 5;
|
||||
|
|
@ -164,11 +159,13 @@
|
|||
border-color: transparent;
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
> p {
|
||||
z-index: 5;
|
||||
font-size: 17px;
|
||||
//text-shadow: 2px 2px 3px #333333;
|
||||
margin-top: 10px;
|
||||
|
||||
> small {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
|
|
@ -178,46 +175,50 @@
|
|||
|
||||
// Menu Body
|
||||
> .user-body {
|
||||
padding: 15px;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
border-top: 1px solid #dddddd;
|
||||
@include clearfix;
|
||||
border-bottom: 1px solid $gray-700;
|
||||
border-top: 1px solid $gray-300;
|
||||
padding: 15px;
|
||||
|
||||
a {
|
||||
color: #444 !important;
|
||||
@include media-breakpoint-up(sm) {
|
||||
background: #fff !important;
|
||||
color: #444 !important;
|
||||
background: $white !important;
|
||||
color: $gray-700 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Menu Footer
|
||||
> .user-footer {
|
||||
background-color: #f9f9f9;
|
||||
padding: 10px;
|
||||
@include clearfix;
|
||||
background-color: $gray-100;
|
||||
padding: 10px;
|
||||
|
||||
.btn-default {
|
||||
color: #666666;
|
||||
color: $gray-600;
|
||||
|
||||
&:hover {
|
||||
@include media-breakpoint-up(sm) {
|
||||
background-color: #f9f9f9;
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-image {
|
||||
float: left;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
margin-top: -2px;
|
||||
@include media-breakpoint-up(sm) {
|
||||
float: none;
|
||||
line-height: 10px;
|
||||
margin-right: 0;
|
||||
margin-top: -8px;
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
height: 25px;
|
||||
margin-right: 10px;
|
||||
margin-top: -2px;
|
||||
width: 25px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Elevation
|
||||
* --------------------
|
||||
*/
|
||||
//
|
||||
// Component: Elevation
|
||||
//
|
||||
|
||||
.elevation-0 {
|
||||
box-shadow: none !important;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Forms
|
||||
* ----------------
|
||||
*/
|
||||
//
|
||||
// Component: Forms
|
||||
//
|
||||
|
||||
.form-group {
|
||||
&.has-icon {
|
||||
|
|
@ -28,7 +27,8 @@
|
|||
// Button groups
|
||||
.btn-group-vertical {
|
||||
.btn {
|
||||
&.btn-flat:first-of-type, &.btn-flat:last-of-type {
|
||||
&.btn-flat:first-of-type,
|
||||
&.btn-flat:last-of-type {
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
|
@ -257,113 +257,21 @@ textarea.form-control {
|
|||
// custom switch color variations
|
||||
.custom-switch {
|
||||
@each $name, $color in $theme-colors {
|
||||
&.custom-switch-off-#{$name} {
|
||||
& .custom-control-input ~ .custom-control-label::before {
|
||||
background: #{$color};
|
||||
border-color: darken($color, 20%);
|
||||
}
|
||||
|
||||
& .custom-control-input ~ .custom-control-label::after {
|
||||
background: darken($color, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-switch-on-#{$name} {
|
||||
& .custom-control-input:checked ~ .custom-control-label::before {
|
||||
background: #{$color};
|
||||
border-color: darken($color, 20%);
|
||||
}
|
||||
|
||||
& .custom-control-input:checked ~ .custom-control-label::after {
|
||||
background: lighten($color, 30%);
|
||||
}
|
||||
}
|
||||
@include custom-switch-variant($name, $color);
|
||||
}
|
||||
|
||||
@each $name, $color in $colors {
|
||||
&.custom-switch-off-#{$name} {
|
||||
& .custom-control-input ~ .custom-control-label::before {
|
||||
background: #{$color};
|
||||
border-color: darken($color, 20%);
|
||||
}
|
||||
|
||||
& .custom-control-input ~ .custom-control-label::after {
|
||||
background: darken($color, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-switch-on-#{$name} {
|
||||
& .custom-control-input:checked ~ .custom-control-label::before {
|
||||
background: #{$color};
|
||||
border-color: darken($color, 20%);
|
||||
}
|
||||
|
||||
& .custom-control-input:checked ~ .custom-control-label::after {
|
||||
background: lighten($color, 30%);
|
||||
}
|
||||
}
|
||||
@include custom-switch-variant($name, $color);
|
||||
}
|
||||
}
|
||||
|
||||
// custom range color variations
|
||||
.custom-range {
|
||||
@each $name, $color in $theme-colors {
|
||||
&.custom-range-#{$name} {
|
||||
&:focus {
|
||||
&::-webkit-slider-thumb {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
|
||||
&::-ms-thumb {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
&::-ms-thumb {
|
||||
background-color: $color;
|
||||
}
|
||||
}
|
||||
@include custom-range-variant($name, $color);
|
||||
}
|
||||
|
||||
@each $name, $color in $colors {
|
||||
&.custom-range-#{$name} {
|
||||
&:focus {
|
||||
&::-webkit-slider-thumb {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
|
||||
&::-ms-thumb {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
&::-ms-thumb {
|
||||
background-color: $color;
|
||||
}
|
||||
}
|
||||
@include custom-range-variant($name, $color);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Info Box
|
||||
* -------------------
|
||||
*/
|
||||
//
|
||||
// Component: Info Box
|
||||
//
|
||||
|
||||
.info-box {
|
||||
@extend .d-flex;
|
||||
|
|
@ -12,9 +11,10 @@
|
|||
background: $white;
|
||||
min-height: 80px;
|
||||
padding: .5rem;
|
||||
position: relative;
|
||||
|
||||
.progress {
|
||||
background-color: rgba($black, 0.125);
|
||||
background-color: rgba($black, .125);
|
||||
height: 2px;
|
||||
margin: 5px 0;
|
||||
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
.col-lg-2 &,
|
||||
.col-md-2 & {
|
||||
.progress-description {
|
||||
@include font-size(0.75rem);
|
||||
@include font-size(.75rem);
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
.col-lg-3 &,
|
||||
.col-md-3 & {
|
||||
.progress-description {
|
||||
@include font-size(0.75rem);
|
||||
@include font-size(.75rem);
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,29 +0,0 @@
|
|||
/*
|
||||
* Component: Labels
|
||||
* -----------------
|
||||
*/
|
||||
|
||||
.label-default {
|
||||
background-color: $gray-500;
|
||||
color: $gray-700;
|
||||
}
|
||||
|
||||
.label-danger {
|
||||
@extend .bg-danger;
|
||||
}
|
||||
|
||||
.label-info {
|
||||
@extend .bg-info;
|
||||
}
|
||||
|
||||
.label-warning {
|
||||
@extend .bg-warning;
|
||||
}
|
||||
|
||||
.label-primary {
|
||||
@extend .bg-primary;
|
||||
}
|
||||
|
||||
.label-success {
|
||||
@extend .bg-success;
|
||||
}
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Core: Layout
|
||||
* ------------
|
||||
*/
|
||||
//
|
||||
// Core: Layout
|
||||
//
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
|
|
@ -21,7 +20,7 @@ body,
|
|||
}
|
||||
|
||||
.layout-boxed & {
|
||||
@include box-shadow(0 0 10px rgba($black, .3));
|
||||
@include box-shadow(0 0 10 rgba($black, .3));
|
||||
|
||||
&,
|
||||
&::before {
|
||||
|
|
@ -40,6 +39,13 @@ body,
|
|||
}
|
||||
}
|
||||
|
||||
.layout-navbar-fixed.sidebar-collapse & {
|
||||
.brand-link {
|
||||
height: $main-header-height;
|
||||
width: $sidebar-mini-width;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-navbar-fixed & {
|
||||
a.anchor {
|
||||
display: block;
|
||||
|
|
@ -47,18 +53,10 @@ body,
|
|||
top: calc((#{$main-header-height-inner} + #{$main-header-bottom-border-width} + (#{$main-header-link-padding-y} * 2)) / -1);
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
.main-sidebar:hover {
|
||||
.brand-link {
|
||||
height: $main-header-height;
|
||||
transition: width $transition-speed $transition-fn;
|
||||
width: $sidebar-mini-width;
|
||||
}
|
||||
|
||||
.main-sidebar:hover {
|
||||
.brand-link {
|
||||
transition: width $transition-speed $transition-fn;
|
||||
width: $sidebar-width;
|
||||
}
|
||||
width: $sidebar-width;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -102,7 +100,7 @@ body,
|
|||
|
||||
.sidebar,
|
||||
.content-wrapper {
|
||||
margin-top: 0px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.main-header {
|
||||
|
|
@ -182,7 +180,7 @@ body,
|
|||
|
||||
.sidebar,
|
||||
.content-wrapper {
|
||||
margin-top: 0px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.main-header {
|
||||
|
|
@ -209,7 +207,7 @@ body,
|
|||
}
|
||||
|
||||
.content-wrapper {
|
||||
margin-bottom: 0px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -335,6 +333,10 @@ body,
|
|||
}
|
||||
|
||||
.layout-fixed {
|
||||
.brand-link {
|
||||
width: $sidebar-width;
|
||||
}
|
||||
|
||||
.main-sidebar {
|
||||
bottom: 0;
|
||||
float: none;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Main Header
|
||||
* ----------------------
|
||||
*/
|
||||
//
|
||||
// Component: Main Header
|
||||
//
|
||||
|
||||
.main-header {
|
||||
border-bottom: $main-header-bottom-border;
|
||||
|
|
@ -79,19 +78,6 @@
|
|||
color: $main-header-dark-placeholder-color;
|
||||
}
|
||||
|
||||
// Support FF and IE
|
||||
:-moz-placeholder {
|
||||
color: $main-header-dark-placeholder-color;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
color: $main-header-dark-placeholder-color;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: $main-header-dark-placeholder-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
&,
|
||||
& + .input-group-append .btn-navbar {
|
||||
|
|
@ -111,24 +97,14 @@
|
|||
}
|
||||
|
||||
.form-control-navbar {
|
||||
&:ms-placeholder,
|
||||
&:moz-placeholder,
|
||||
&::moz-placeholder,
|
||||
&::placeholder,
|
||||
+ .input-group-append > .btn-navbar {
|
||||
color: $main-header-light-placeholder-color;
|
||||
}
|
||||
|
||||
// Support FF and IE
|
||||
:-moz-placeholder {
|
||||
color: $main-header-light-placeholder-color;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
color: $main-header-light-placeholder-color;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: $main-header-light-placeholder-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
&,
|
||||
& + .input-group-append .btn-navbar {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/**
|
||||
* Component: Main Sidebar
|
||||
* -----------------------
|
||||
*/
|
||||
//
|
||||
// Component: Main Sidebar
|
||||
//
|
||||
|
||||
.main-sidebar {
|
||||
height: 100vh;
|
||||
|
|
@ -62,7 +61,7 @@
|
|||
// All levels
|
||||
.nav-item {
|
||||
> .nav-link {
|
||||
margin-bottom: 0.2rem;
|
||||
margin-bottom: .2rem;
|
||||
|
||||
.right {
|
||||
@include transition(transform $transition-fn $transition-speed);
|
||||
|
|
@ -97,11 +96,11 @@
|
|||
margin-bottom: 0;
|
||||
|
||||
.nav-icon {
|
||||
text-align: center;
|
||||
width: $sidebar-nav-icon-width;
|
||||
font-size: 1.2rem;
|
||||
margin-right: .2rem;
|
||||
|
||||
text-align: center;
|
||||
width: $sidebar-nav-icon-width;
|
||||
|
||||
&.fa,
|
||||
&.fas,
|
||||
&.far,
|
||||
|
|
@ -132,8 +131,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.nav-child-indent {
|
||||
.nav-treeview{
|
||||
&.nav-child-indent {
|
||||
.nav-treeview {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -143,7 +142,7 @@
|
|||
padding: $nav-link-padding-y;
|
||||
|
||||
&:not(:first-of-type) {
|
||||
padding: 1.7rem 1rem .5rem 1rem;
|
||||
padding: 1.7rem 1rem .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -154,6 +153,12 @@
|
|||
}
|
||||
|
||||
#sidebar-overlay {
|
||||
@include media-breakpoint-down(md) {
|
||||
.sidebar-open & {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
background-color: rgba($black, 0.1);
|
||||
bottom: 0;
|
||||
display: none;
|
||||
|
|
@ -162,45 +167,243 @@
|
|||
right: 0;
|
||||
top: 0;
|
||||
z-index: $zindex-main-sidebar - 1;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
.sidebar-open & {
|
||||
display: block;
|
||||
.sidebar-mini-md {
|
||||
&.sidebar-open {
|
||||
#sidebar-overlay {
|
||||
@include media-breakpoint-up(sm) {
|
||||
display: none;
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mini-md.sidebar-open {
|
||||
#sidebar-overlay {
|
||||
@include media-breakpoint-up(sm) {
|
||||
display: none;
|
||||
[class*='sidebar-light-'] {
|
||||
// Sidebar background color
|
||||
background-color: $sidebar-light-bg;
|
||||
|
||||
// User Panel (resides in the sidebar)
|
||||
.user-panel {
|
||||
a:hover {
|
||||
color: $sidebar-light-hover-color;
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: block;
|
||||
|
||||
.status {
|
||||
background: $sidebar-light-hover-bg;
|
||||
color: $sidebar-light-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: darken($sidebar-light-hover-bg, 3%);
|
||||
color: $sidebar-light-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
||||
border-color: darken($sidebar-light-hover-bg, 5%);
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar Menu. First level links
|
||||
.nav-sidebar > .nav-item {
|
||||
// links
|
||||
> .nav-link {
|
||||
// border-left: 3px solid transparent;
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $sidebar-light-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover and active states
|
||||
&.menu-open > .nav-link,
|
||||
&:hover > .nav-link {
|
||||
background-color: $sidebar-light-hover-bg;
|
||||
color: $sidebar-light-hover-color;
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
color: $sidebar-light-active-color;
|
||||
|
||||
@if $enable-shadows {
|
||||
@extend .elevation-1;
|
||||
}
|
||||
}
|
||||
|
||||
// First Level Submenu
|
||||
> .nav-treeview {
|
||||
background: $sidebar-light-submenu-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Section Heading
|
||||
.nav-header {
|
||||
background: inherit;
|
||||
color: darken($sidebar-light-color, 5%);
|
||||
}
|
||||
|
||||
// All links within the sidebar menu
|
||||
.sidebar {
|
||||
a {
|
||||
color: $sidebar-light-color;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// All submenus
|
||||
.nav-treeview {
|
||||
> .nav-item {
|
||||
> .nav-link {
|
||||
color: $sidebar-light-submenu-color;
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
&,
|
||||
&:hover {
|
||||
background-color: $sidebar-light-submenu-active-bg;
|
||||
color: $sidebar-light-submenu-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-link:hover {
|
||||
background-color: $sidebar-light-submenu-hover-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[class*='sidebar-dark-'] {
|
||||
// Sidebar background color
|
||||
background-color: $sidebar-dark-bg;
|
||||
|
||||
// User Panel (resides in the sidebar)
|
||||
.user-panel {
|
||||
a:hover {
|
||||
color: $sidebar-dark-hover-color;
|
||||
}
|
||||
|
||||
.status {
|
||||
background: $sidebar-dark-hover-bg;
|
||||
color: $sidebar-dark-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: darken($sidebar-dark-hover-bg, 3%);
|
||||
color: $sidebar-dark-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
||||
border-color: darken($sidebar-dark-hover-bg, 5%);
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar Menu. First level links
|
||||
.nav-sidebar > .nav-item {
|
||||
// links
|
||||
> .nav-link {
|
||||
// border-left: 3px solid transparent;
|
||||
&:active {
|
||||
color: $sidebar-dark-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover and active states
|
||||
&.menu-open > .nav-link,
|
||||
&:hover > .nav-link,
|
||||
& > .nav-link:focus {
|
||||
background-color: $sidebar-dark-hover-bg;
|
||||
color: $sidebar-dark-hover-color;
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
color: $sidebar-dark-hover-color;
|
||||
|
||||
@if $enable-shadows {
|
||||
@extend .elevation-1;
|
||||
}
|
||||
}
|
||||
|
||||
// First Level Submenu
|
||||
> .nav-treeview {
|
||||
background: $sidebar-dark-submenu-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Section Heading
|
||||
.nav-header {
|
||||
background: inherit; //darken($sidebar-dark-bg, 3%);
|
||||
color: lighten($sidebar-dark-color, 5%);
|
||||
}
|
||||
|
||||
// All links within the sidebar menu
|
||||
.sidebar {
|
||||
a {
|
||||
color: $sidebar-dark-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// All submenus
|
||||
.nav-treeview {
|
||||
> .nav-item {
|
||||
> .nav-link {
|
||||
color: $sidebar-dark-submenu-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $sidebar-dark-submenu-hover-bg;
|
||||
color: $sidebar-dark-submenu-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $sidebar-dark-submenu-active-bg;
|
||||
color: $sidebar-dark-submenu-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar variants
|
||||
@each $name, $color in $theme-colors {
|
||||
.sidebar-dark-#{$name} {
|
||||
@include skin-dark-sidebar($color)
|
||||
}
|
||||
|
||||
.sidebar-dark-#{$name},
|
||||
.sidebar-light-#{$name} {
|
||||
@include skin-light-sidebar($color)
|
||||
@include sidebar-color($color)
|
||||
}
|
||||
}
|
||||
|
||||
@each $name, $color in $colors {
|
||||
.sidebar-dark-#{$name} {
|
||||
@include skin-dark-sidebar($color)
|
||||
}
|
||||
|
||||
.sidebar-dark-#{$name},
|
||||
.sidebar-light-#{$name} {
|
||||
@include skin-light-sidebar($color)
|
||||
@include sidebar-color($color)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Misc: Miscellaneous
|
||||
* -------------------
|
||||
*/
|
||||
//
|
||||
// Misc: Miscellaneous
|
||||
//
|
||||
|
||||
.border-transparent {
|
||||
border-color: transparent !important;
|
||||
|
|
@ -27,10 +26,8 @@
|
|||
> .description-text {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
// Description Block Extension
|
||||
.description-block {
|
||||
// Description Block Extension
|
||||
.description-icon {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
|
@ -57,7 +54,7 @@
|
|||
.list-seperator {
|
||||
background: $card-border-color;
|
||||
height: 1px;
|
||||
margin: 15px 0 9px 0;
|
||||
margin: 15px 0 9px;
|
||||
}
|
||||
|
||||
.list-link {
|
||||
|
|
@ -237,7 +234,7 @@
|
|||
}
|
||||
|
||||
.attachment-text {
|
||||
color: #555;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -295,16 +292,16 @@
|
|||
position: absolute;
|
||||
right: -2px;
|
||||
top: -2px;
|
||||
z-index: 10;
|
||||
width: $ribbon-wrapper-size;
|
||||
z-index: 10;
|
||||
|
||||
&.ribbon-lg {
|
||||
height: $ribbon-lg-wrapper-size;
|
||||
width: $ribbon-lg-wrapper-size;
|
||||
|
||||
.ribbon {
|
||||
top: $ribbon-lg-top;
|
||||
right: $ribbon-lg-right;
|
||||
top: $ribbon-lg-top;
|
||||
width: $ribbon-lg-width;
|
||||
}
|
||||
}
|
||||
|
|
@ -314,8 +311,8 @@
|
|||
width: $ribbon-xl-wrapper-size;
|
||||
|
||||
.ribbon {
|
||||
top: $ribbon-xl-top;
|
||||
right: $ribbon-xl-right;
|
||||
top: $ribbon-xl-top;
|
||||
width: $ribbon-xl-width;
|
||||
}
|
||||
}
|
||||
|
|
@ -340,7 +337,7 @@
|
|||
border-right: $ribbon-border-size solid transparent;
|
||||
border-top: $ribbon-border-size solid #9e9e9e;
|
||||
bottom: -$ribbon-border-size;
|
||||
content: "";
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
|
@ -426,3 +423,20 @@ blockquote {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Tab Custom Content
|
||||
|
||||
.tab-custom-content {
|
||||
border-top: $nav-tabs-border-width solid $nav-tabs-border-color;
|
||||
margin-top: .5rem;
|
||||
padding-top: .5rem;
|
||||
}
|
||||
|
||||
.nav + .tab-custom-content {
|
||||
border-top: none;
|
||||
border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
|
||||
margin-top: 0;
|
||||
margin-bottom: .5rem;
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,216 @@
|
|||
/*
|
||||
* General: Mixins
|
||||
* ---------------
|
||||
*/
|
||||
//
|
||||
// General: Mixins
|
||||
//
|
||||
|
||||
// Changes the color and the hovering properties of the navbar
|
||||
|
||||
// Cards Variant
|
||||
@mixin cards-variant($name, $color) {
|
||||
.card-#{$name} {
|
||||
&:not(.card-outline) {
|
||||
.card-header {
|
||||
background-color: $color;
|
||||
border-bottom: 0;
|
||||
|
||||
&,
|
||||
a {
|
||||
color: color-yiq($color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.card-outline {
|
||||
border-top: 3px solid $color;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-#{$name},
|
||||
.bg-#{$name}-gradient,
|
||||
.card-#{$name}:not(.card-outline) {
|
||||
.btn-tool {
|
||||
color: rgba(color-yiq($color), 0.8);
|
||||
|
||||
&:hover {
|
||||
color: color-yiq($color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card.bg-#{$name},
|
||||
.card.bg-#{$name}-gradient {
|
||||
.bootstrap-datetimepicker-widget {
|
||||
.table td,
|
||||
.table th {
|
||||
border: none;
|
||||
}
|
||||
|
||||
table thead tr:first-child th:hover,
|
||||
table td.day:hover,
|
||||
table td.hour:hover,
|
||||
table td.minute:hover,
|
||||
table td.second:hover {
|
||||
background: darken($color, 8%);
|
||||
color: color-yiq($color);
|
||||
}
|
||||
|
||||
table td.active,
|
||||
table td.active:hover {
|
||||
background: lighten($color, 10%);
|
||||
color: color-yiq($color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar Color
|
||||
@mixin sidebar-color($color) {
|
||||
.nav-sidebar > .nav-item {
|
||||
& > .nav-link.active {
|
||||
background-color: $color;
|
||||
color: color-yiq($color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar Mini Breakpoints
|
||||
@mixin sidebar-mini-breakpoint() {
|
||||
// A fix for text overflow while transitioning from sidebar mini to full sidebar
|
||||
.nav-sidebar,
|
||||
.nav-sidebar > .nav-header,
|
||||
.nav-sidebar .nav-link {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// When the sidebar is collapsed...
|
||||
&.sidebar-collapse {
|
||||
.d-hidden-mini {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Apply the new margins to the main content and footer
|
||||
.content-wrapper,
|
||||
.main-footer,
|
||||
.main-header {
|
||||
margin-left: $sidebar-mini-width !important;
|
||||
}
|
||||
|
||||
// Make the sidebar headers
|
||||
.nav-sidebar .nav-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-sidebar .nav-link p {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.sidebar .user-panel > .info,
|
||||
.nav-sidebar .nav-link p,
|
||||
.brand-text {
|
||||
margin-left: -10px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.logo-xl {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.logo-xs {
|
||||
display: inline-block;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
// Modify the sidebar to shrink instead of disappearing
|
||||
.main-sidebar {
|
||||
overflow-x: hidden;
|
||||
|
||||
&,
|
||||
&::before {
|
||||
// Don't go away! Just shrink
|
||||
margin-left: 0;
|
||||
width: $sidebar-mini-width;
|
||||
}
|
||||
|
||||
.user-panel {
|
||||
.image {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.sidebar-focused {
|
||||
width: $sidebar-width;
|
||||
|
||||
.brand-link {
|
||||
width: $sidebar-width;
|
||||
}
|
||||
|
||||
.user-panel {
|
||||
text-align: left;
|
||||
|
||||
.image {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.user-panel > .info,
|
||||
.nav-sidebar .nav-link p,
|
||||
.brand-text,
|
||||
.logo-xl {
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.logo-xs {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.brand-image {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
// Make the sidebar links, menus, labels, badges
|
||||
// and angle icons disappear
|
||||
.sidebar-form,
|
||||
.user-panel > .info {
|
||||
display: block !important;
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
|
||||
.nav-sidebar > .nav-item > .nav-link > span {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Make an element visible only when sidebar mini is active
|
||||
.visible-sidebar-mini {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
&.layout-fixed {
|
||||
.main-sidebar:hover {
|
||||
.brand-link {
|
||||
width: $sidebar-width;
|
||||
}
|
||||
}
|
||||
|
||||
.brand-link {
|
||||
width: $sidebar-mini-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar Variant
|
||||
@mixin navbar-variant($color, $font-color: rgba(255, 255, 255, 0.8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, 0.1)) {
|
||||
background-color: $color;
|
||||
// Navbar links
|
||||
|
||||
.nav > li > a {
|
||||
color: $font-color;
|
||||
}
|
||||
|
|
@ -25,6 +229,7 @@
|
|||
// Add color to the sidebar toggle button
|
||||
.sidebar-toggle {
|
||||
color: $font-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $hover-bg;
|
||||
|
|
@ -33,7 +238,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Logo color variation
|
||||
// Logo color Variant
|
||||
@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0) {
|
||||
background-color: $bg-color;
|
||||
border-bottom: $border-bottom-width solid $border-bottom-color;
|
||||
|
|
@ -45,22 +250,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Box solid color variantion creator
|
||||
@mixin box-solid-variant($color, $text-color: #fff) {
|
||||
border: 1px solid $color;
|
||||
|
||||
> .card-header {
|
||||
background: $color;
|
||||
background-color: $color;
|
||||
color: $text-color;
|
||||
|
||||
a,
|
||||
.btn {
|
||||
color: $text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Direct Chat Variant
|
||||
@mixin direct-chat-variant($bg-color, $color: #fff) {
|
||||
.right > .direct-chat-text {
|
||||
|
|
@ -68,13 +257,141 @@
|
|||
border-color: $bg-color;
|
||||
color: color-yiq($bg-color);
|
||||
|
||||
&:after,
|
||||
&::after,
|
||||
&::before {
|
||||
border-left-color: $bg-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Background Variant
|
||||
@mixin background-variant($name, $color) {
|
||||
.bg-#{$name} {
|
||||
background-color: #{$color};
|
||||
|
||||
&,
|
||||
> a {
|
||||
color: color-yiq($color) !important;
|
||||
}
|
||||
|
||||
&.btn {
|
||||
&:hover {
|
||||
border-color: darken($color, 10%);
|
||||
color: color-yiq(darken($color, 7.5%));
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
border-color: darken($color, 12.5%);
|
||||
color: color-yiq(darken($color, 10%));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Background Gradient Variant
|
||||
@mixin background-gradient-variant($name, $color) {
|
||||
.bg-gradient-#{$name} {
|
||||
@include bg-gradient-variant('&', $color);
|
||||
color: color-yiq($color);
|
||||
|
||||
&.btn {
|
||||
&.disabled,
|
||||
&:disabled,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled).active,
|
||||
.show > &.dropdown-toggle {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||
border-color: darken($color, 10%);
|
||||
color: color-yiq(darken($color, 7.5%));
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
@include bg-gradient-variant('&', darken($color, 10%));
|
||||
border-color: darken($color, 12.5%);
|
||||
color: color-yiq(darken($color, 10%));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Custom Switch Variant
|
||||
@mixin custom-switch-variant($name, $color) {
|
||||
&.custom-switch-off-#{$name} {
|
||||
& .custom-control-input ~ .custom-control-label::before {
|
||||
background: #{$color};
|
||||
border-color: darken($color, 20%);
|
||||
}
|
||||
|
||||
& .custom-control-input ~ .custom-control-label::after {
|
||||
background: darken($color, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-switch-on-#{$name} {
|
||||
& .custom-control-input:checked ~ .custom-control-label::before {
|
||||
background: #{$color};
|
||||
border-color: darken($color, 20%);
|
||||
}
|
||||
|
||||
& .custom-control-input:checked ~ .custom-control-label::after {
|
||||
background: lighten($color, 30%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Custom Range Variant
|
||||
@mixin custom-range-variant($name, $color) {
|
||||
&.custom-range-#{$name} {
|
||||
&:focus {
|
||||
outline: none;
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width rgba($color, .25);
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width rgba($color, .25);
|
||||
}
|
||||
|
||||
&::-ms-thumb {
|
||||
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width rgba($color, .25);
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
background-color: $color;
|
||||
|
||||
&:active {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
background-color: $color;
|
||||
|
||||
&:active {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
}
|
||||
|
||||
&::-ms-thumb {
|
||||
background-color: $color;
|
||||
|
||||
&:active {
|
||||
background-color: lighten($color, 35%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ETC
|
||||
@mixin translate($x, $y) {
|
||||
transform: translate($x, $y);
|
||||
}
|
||||
|
|
@ -85,12 +402,10 @@
|
|||
}
|
||||
|
||||
@mixin calc($property, $expression) {
|
||||
#{$property}: -webkit-calc(#{$expression});
|
||||
#{$property}: calc(#{$expression});
|
||||
}
|
||||
|
||||
@mixin rotate($value) {
|
||||
-ms-transform: rotate($value);
|
||||
transform: rotate($value);
|
||||
}
|
||||
|
||||
|
|
@ -107,214 +422,3 @@
|
|||
background: -o-linear-gradient($stop, $start);
|
||||
}
|
||||
|
||||
// Skins Mixins
|
||||
|
||||
// Dark Sidebar Mixin
|
||||
@mixin skin-dark-sidebar($link-hover-border-color) {
|
||||
// Sidebar background color
|
||||
background-color: $sidebar-dark-bg;
|
||||
|
||||
// User Panel (resides in the sidebar)
|
||||
.user-panel {
|
||||
a:hover {
|
||||
color: $sidebar-dark-hover-color;
|
||||
}
|
||||
|
||||
.status {
|
||||
background: $sidebar-dark-hover-bg;
|
||||
color: $sidebar-dark-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: darken($sidebar-dark-hover-bg, 3%);
|
||||
color: $sidebar-dark-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
||||
border-color: darken($sidebar-dark-hover-bg, 5%);
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar Menu. First level links
|
||||
.nav-sidebar > .nav-item {
|
||||
// links
|
||||
> .nav-link {
|
||||
// border-left: 3px solid transparent;
|
||||
&:active {
|
||||
color: $sidebar-dark-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover and active states
|
||||
&.menu-open > .nav-link,
|
||||
&:hover > .nav-link,
|
||||
& > .nav-link:focus {
|
||||
background-color: $sidebar-dark-hover-bg;
|
||||
color: $sidebar-dark-hover-color;
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
background-color: $link-hover-border-color;
|
||||
color: $sidebar-dark-hover-color;
|
||||
|
||||
@if $enable-shadows {
|
||||
@extend .elevation-1;
|
||||
}
|
||||
}
|
||||
|
||||
// First Level Submenu
|
||||
> .nav-treeview {
|
||||
background: $sidebar-dark-submenu-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Section Heading
|
||||
.nav-header {
|
||||
background: inherit; //darken($sidebar-dark-bg, 3%);
|
||||
color: lighten($sidebar-dark-color, 5%);
|
||||
}
|
||||
|
||||
// All links within the sidebar menu
|
||||
.sidebar a {
|
||||
color: $sidebar-dark-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
// All submenus
|
||||
.nav-treeview {
|
||||
> .nav-item {
|
||||
> .nav-link {
|
||||
color: $sidebar-dark-submenu-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $sidebar-dark-submenu-hover-bg;
|
||||
color: $sidebar-dark-submenu-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $sidebar-dark-submenu-active-bg;
|
||||
color: $sidebar-dark-submenu-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Light Sidebar Mixin
|
||||
@mixin skin-light-sidebar($link-hover-border-color) {
|
||||
// Sidebar background color
|
||||
background-color: $sidebar-light-bg;
|
||||
|
||||
// User Panel (resides in the sidebar)
|
||||
.user-panel {
|
||||
a:hover {
|
||||
color: $sidebar-light-hover-color;
|
||||
}
|
||||
|
||||
.status {
|
||||
background: $sidebar-light-hover-bg;
|
||||
color: $sidebar-light-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: darken($sidebar-light-hover-bg, 3%);
|
||||
color: $sidebar-light-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
||||
border-color: darken($sidebar-light-hover-bg, 5%);
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar Menu. First level links
|
||||
.nav-sidebar > .nav-item {
|
||||
// links
|
||||
> .nav-link {
|
||||
// border-left: 3px solid transparent;
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $sidebar-light-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover and active states
|
||||
&.menu-open > .nav-link,
|
||||
&:hover > .nav-link {
|
||||
background-color: $sidebar-light-hover-bg;
|
||||
color: $sidebar-light-hover-color;
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
background-color: $link-hover-border-color;
|
||||
color: $sidebar-light-active-color;
|
||||
|
||||
@if $enable-shadows {
|
||||
@extend .elevation-1;
|
||||
}
|
||||
}
|
||||
|
||||
// First Level Submenu
|
||||
> .nav-treeview {
|
||||
background: $sidebar-light-submenu-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Section Heading
|
||||
.nav-header {
|
||||
background: inherit;
|
||||
color: darken($sidebar-light-color, 5%);
|
||||
}
|
||||
|
||||
// All links within the sidebar menu
|
||||
.sidebar a {
|
||||
color: $sidebar-light-color;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
// All submenus
|
||||
.nav-treeview {
|
||||
> .nav-item {
|
||||
> .nav-link {
|
||||
color: $sidebar-light-submenu-color;
|
||||
}
|
||||
|
||||
> .nav-link.active {
|
||||
&,
|
||||
&:hover {
|
||||
background-color: $sidebar-light-submenu-active-bg;
|
||||
color: $sidebar-light-submenu-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-link:hover {
|
||||
background-color: $sidebar-light-submenu-hover-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
* Component: Modals
|
||||
* ---------
|
||||
------
|
||||
*/
|
||||
//
|
||||
// Component: Modals
|
||||
//
|
||||
|
||||
// Overlay
|
||||
.modal-dialog {
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
/*
|
||||
* Component: Nav
|
||||
* --------------
|
||||
*/
|
||||
//
|
||||
// Component: Nav
|
||||
//
|
||||
|
||||
.nav-pills {
|
||||
.nav-link {
|
||||
color: $gray-600;
|
||||
|
||||
&:not(.active):hover {
|
||||
color: theme-color('primary')
|
||||
color: theme-color('primary');
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
&.dropdown.show {
|
||||
.nav-link:hover {
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
|
||||
// Color variants
|
||||
@each $color, $value in $theme-colors {
|
||||
@if $color==dark or $color==light {
|
||||
@if $color == dark or $color == light {
|
||||
.navbar-#{$color} {
|
||||
background-color: $value;
|
||||
}
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
}
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@if $color!=dark and $color!=light {
|
||||
@if $color != dark and $color != light {
|
||||
.navbar-#{$color} {
|
||||
background-color: $value;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
/*
|
||||
* Misc: Print
|
||||
* -----------
|
||||
*/
|
||||
|
||||
//
|
||||
// Misc: Print
|
||||
//
|
||||
|
||||
@media print {
|
||||
//Add to elements that you do not want to show when printing
|
||||
.no-print {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
/*
|
||||
* Component: Products
|
||||
* -------------------
|
||||
*/
|
||||
//
|
||||
// Component: Products
|
||||
//
|
||||
|
||||
.products-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include clearfix;
|
||||
|
||||
|
|
@ -19,6 +20,7 @@
|
|||
|
||||
.product-img {
|
||||
float: left;
|
||||
|
||||
img {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Progress Bar
|
||||
* -----------------------
|
||||
*/
|
||||
//
|
||||
// Component: Progress Bar
|
||||
//
|
||||
|
||||
//General CSS
|
||||
.progress {
|
||||
|
|
@ -59,7 +58,9 @@
|
|||
|
||||
// Remove margins from progress bars when put in a table
|
||||
.table {
|
||||
tr > td .progress {
|
||||
margin: 0;
|
||||
tr > td {
|
||||
.progress {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,141 +1,6 @@
|
|||
/*
|
||||
* Component: Sidebar Mini
|
||||
* -----------------------
|
||||
*/
|
||||
|
||||
// Mixin
|
||||
|
||||
@mixin sidebar-mini-breakpoint() {
|
||||
// A fix for text overflow while transitioning from sidebar mini to full sidebar
|
||||
.nav-sidebar,
|
||||
.nav-sidebar > .nav-header,
|
||||
.nav-sidebar .nav-link {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// When the sidebar is collapsed...
|
||||
&.sidebar-collapse {
|
||||
.d-hidden-mini {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Apply the new margins to the main content and footer
|
||||
.content-wrapper,
|
||||
.main-footer,
|
||||
.main-header {
|
||||
margin-left: $sidebar-mini-width !important;
|
||||
}
|
||||
|
||||
// Make the sidebar headers
|
||||
.nav-sidebar .nav-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-sidebar .nav-link p {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.sidebar .user-panel > .info,
|
||||
.nav-sidebar .nav-link p,
|
||||
.brand-text {
|
||||
margin-left: -10px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.logo-xl {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.logo-xs {
|
||||
display: inline-block;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
// Modify the sidebar to shrink instead of disappearing
|
||||
.main-sidebar {
|
||||
overflow-x: hidden;
|
||||
|
||||
&,
|
||||
&::before {
|
||||
// Don't go away! Just shrink
|
||||
margin-left: 0;
|
||||
width: $sidebar-mini-width;
|
||||
}
|
||||
|
||||
.user-panel {
|
||||
.image {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.sidebar-focused {
|
||||
width: $sidebar-width;
|
||||
|
||||
.user-panel {
|
||||
text-align: left;
|
||||
|
||||
.image {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.user-panel > .info,
|
||||
.nav-sidebar .nav-link p,
|
||||
.brand-text,
|
||||
.logo-xl {
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.logo-xs {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.brand-image {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
// Make the sidebar links, menus, labels, badges
|
||||
// and angle icons disappear
|
||||
.sidebar-form,
|
||||
.user-panel > .info {
|
||||
display: block !important;
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
|
||||
.nav-sidebar > .nav-item > .nav-link > span {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Make an element visible only when sidebar mini is active
|
||||
.visible-sidebar-mini {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
&.layout-fixed {
|
||||
.main-sidebar:hover {
|
||||
.brand-link {
|
||||
width: $sidebar-width;
|
||||
}
|
||||
}
|
||||
|
||||
.brand-link {
|
||||
width: $sidebar-mini-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Component: Sidebar Mini
|
||||
//
|
||||
|
||||
// Logo style
|
||||
.logo-xs,
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Small Box
|
||||
* --------------------
|
||||
*/
|
||||
//
|
||||
// Component: Small Box
|
||||
//
|
||||
|
||||
.small-box {
|
||||
@include border-radius($border-radius);
|
||||
|
|
@ -19,7 +18,6 @@
|
|||
|
||||
> .small-box-footer {
|
||||
background: rgba($black, 0.1);
|
||||
color: $white;
|
||||
color: rgba($white, 0.8);
|
||||
display: block;
|
||||
padding: 3px 0;
|
||||
|
|
@ -82,14 +80,15 @@
|
|||
font-size: 1rem;
|
||||
|
||||
> small {
|
||||
color: #f9f9f9;
|
||||
color: $gray-100;
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
h3, p {
|
||||
h3,
|
||||
p {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
/*
|
||||
* Component: Social Widgets
|
||||
* -------------------------
|
||||
*/
|
||||
//
|
||||
// Component: Social Widgets
|
||||
//
|
||||
|
||||
//General widget style
|
||||
.card-widget {
|
||||
border: none;
|
||||
border: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Table
|
||||
* ----------------
|
||||
*/
|
||||
//
|
||||
// Component: Table
|
||||
//
|
||||
|
||||
.table {
|
||||
&:not(.table-dark) {
|
||||
|
|
@ -12,7 +11,7 @@
|
|||
&.table-head-fixed {
|
||||
thead tr:nth-child(1) th {
|
||||
background-color: $white;
|
||||
border-bottom: none;
|
||||
border-bottom: 0;
|
||||
box-shadow: inset 0 1px 0 $table-border-color,
|
||||
inset 0 -1px 0 $table-border-color;
|
||||
position: sticky;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Component: Text
|
||||
* -------------
|
||||
*/
|
||||
//
|
||||
// Component: Text
|
||||
//
|
||||
|
||||
// text modification
|
||||
.text-bold {
|
||||
|
|
@ -26,7 +25,6 @@
|
|||
font-size: $font-size-xl !important;
|
||||
}
|
||||
|
||||
|
||||
// text color variations
|
||||
@each $name, $color in $colors {
|
||||
.text-#{$name} {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,10 @@
|
|||
/*
|
||||
* Component: Timeline
|
||||
* -------------------
|
||||
*/
|
||||
//
|
||||
// Component: Timeline
|
||||
//
|
||||
|
||||
.timeline {
|
||||
list-style: none;
|
||||
margin: 0 0 30px 0;
|
||||
margin: 0 0 30px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
|
||||
|
|
@ -33,7 +32,7 @@
|
|||
@include box-shadow($card-shadow);
|
||||
@include border-radius($border-radius);
|
||||
background: $white;
|
||||
color: #444;
|
||||
color: $gray-700;
|
||||
margin-left: 60px;
|
||||
margin-right: 15px;
|
||||
margin-top: 0;
|
||||
|
|
@ -50,7 +49,7 @@
|
|||
|
||||
> .timeline-header {
|
||||
border-bottom: 1px solid $card-border-color;
|
||||
color: #555;
|
||||
color: $gray-700;
|
||||
font-size: 16px;
|
||||
line-height: 1.1;
|
||||
margin: 0;
|
||||
|
|
@ -62,7 +61,8 @@
|
|||
}
|
||||
|
||||
// Item body and footer
|
||||
> .timeline-body, > .timeline-footer {
|
||||
> .timeline-body,
|
||||
> .timeline-footer {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
> .time-label {
|
||||
> span {
|
||||
@include border-radius(4px);
|
||||
|
||||
|
||||
background-color: $white;
|
||||
display: inline-block;
|
||||
font-weight: 600;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
/*
|
||||
* Component: Users List
|
||||
* ---------------------
|
||||
*/
|
||||
//
|
||||
// Component: Users List
|
||||
//
|
||||
|
||||
.users-list {
|
||||
@extend .list-unstyled;
|
||||
|
||||
> li {
|
||||
float: left;
|
||||
padding: 10px;
|
||||
|
|
|
|||
|
|
@ -1,22 +1,29 @@
|
|||
/*
|
||||
* Core: Variables
|
||||
* ---------------
|
||||
*/
|
||||
//
|
||||
// Core: Variables
|
||||
//
|
||||
|
||||
// COLORS
|
||||
// --------------------------------------------------------
|
||||
$blue: #0073b7 !default;
|
||||
$navy: #001F3F !default;
|
||||
$teal: #39CCCC !default;
|
||||
$olive: #3D9970 !default;
|
||||
$lime: #01FF70 !default;
|
||||
$orange: #FF851B !default;
|
||||
$fuchsia: #F012BE !default;
|
||||
$navy: #001f3f !default;
|
||||
$teal: #39cccc !default;
|
||||
$olive: #3d9970 !default;
|
||||
$lime: #01ff70 !default;
|
||||
$orange: #ff851b !default;
|
||||
$fuchsia: #f012be !default;
|
||||
$purple: #605ca8 !default;
|
||||
$maroon: #D81B60 !default;
|
||||
$maroon: #d81b60 !default;
|
||||
$black: #111 !default;
|
||||
$gray-x-light: #d2d6de !default;
|
||||
|
||||
$colors: map-merge((
|
||||
'navy': $navy,
|
||||
'olive': $olive,
|
||||
'lime': $lime,
|
||||
'fuchsia': $fuchsia,
|
||||
'maroon': $maroon,
|
||||
), $colors);
|
||||
|
||||
// LAYOUT
|
||||
// --------------------------------------------------------
|
||||
|
||||
|
|
@ -120,7 +127,7 @@ $control-sidebar-width: $sidebar-width !default;
|
|||
|
||||
// Cards
|
||||
// --------------------------------------------------------
|
||||
$card-border-color: #f4f4f4 !default;
|
||||
$card-border-color: $gray-100 !default;
|
||||
$card-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2) !default;
|
||||
$card-title-font-size: $font-size-lg;
|
||||
$card-title-font-weight: $font-weight-normal;
|
||||
|
|
@ -144,8 +151,8 @@ $attachment-border-radius: 3px !default;
|
|||
|
||||
// Z-INDEX
|
||||
// --------------------------------------------------------
|
||||
$zindex-main-header: 900 !default;
|
||||
$zindex-main-sidebar: 950 !default;
|
||||
$zindex-main-header: $zindex-fixed + 2 !default;
|
||||
$zindex-main-sidebar: $zindex-fixed + 6 !default;
|
||||
$zindex-sidebar-mini-links: 010 !default;
|
||||
|
||||
// TRANSITIONS SETTINGS
|
||||
|
|
@ -162,7 +169,7 @@ $font-size-xl: ($font-size-base * 2);
|
|||
|
||||
// BUTTON
|
||||
// --------------------------------------------------------
|
||||
$button-default-background-color: #f4f4f4 !default;
|
||||
$button-default-background-color: $gray-100 !default;
|
||||
$button-default-color: #444 !default;
|
||||
$button-default-border-color: #ddd !default;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,37 +1,43 @@
|
|||
/*
|
||||
* Pages: 400 and 500 error pages
|
||||
* ------------------------------
|
||||
*/
|
||||
//
|
||||
// Pages: 400 and 500 error pages
|
||||
//
|
||||
|
||||
.error-page {
|
||||
margin: 20px auto 0;
|
||||
width: 600px;
|
||||
margin: 20px auto 0 auto;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
//For the error number e.g: 404
|
||||
> .headline {
|
||||
float: left;
|
||||
font-size: 100px;
|
||||
font-weight: 300;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
//For the message
|
||||
> .error-content {
|
||||
display: block;
|
||||
margin-left: 190px;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
> h3 {
|
||||
font-weight: 300;
|
||||
font-size: 25px;
|
||||
font-weight: 300;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Pages: E-commerce
|
||||
* -----------------
|
||||
*/
|
||||
//
|
||||
// Pages: E-commerce
|
||||
//
|
||||
|
||||
// product image
|
||||
.product-image {
|
||||
|
|
@ -10,15 +9,14 @@
|
|||
}
|
||||
|
||||
// product image thumbnails list
|
||||
.product-image-thumbs {
|
||||
display: flex;
|
||||
.product-image-thumbs {
|
||||
align-items: stretch;
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
// product image thumbnail
|
||||
.product-image-thumb {
|
||||
|
||||
.product-image-thumb {
|
||||
@include box-shadow($thumbnail-box-shadow);
|
||||
@include border-radius($thumbnail-border-radius);
|
||||
|
||||
|
|
@ -40,6 +38,8 @@
|
|||
}
|
||||
|
||||
// product share
|
||||
.product-share a {
|
||||
margin-right: 0.5rem;
|
||||
.product-share {
|
||||
a {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
/*
|
||||
* Pages: Invoice
|
||||
* --------------
|
||||
*/
|
||||
//
|
||||
// Pages: Invoice
|
||||
//
|
||||
|
||||
.invoice {
|
||||
position: relative;
|
||||
background: $white;
|
||||
border: 1px solid $card-border-color;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invoice-title {
|
||||
|
|
|
|||
|
|
@ -1,66 +1,71 @@
|
|||
/*
|
||||
* Pages: Lock Screen
|
||||
* ------------------
|
||||
*/
|
||||
/* ADD THIS CLASS TO THE <BODY> TAG */
|
||||
//
|
||||
// Pages: Lock Screen
|
||||
//
|
||||
|
||||
// ADD THIS CLASS TO THE <BODY> TAG
|
||||
.lockscreen {
|
||||
background: $gray-200;
|
||||
|
||||
// User name [optional]
|
||||
.lockscreen-name {
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.lockscreen-logo {
|
||||
font-size: 35px;
|
||||
text-align: center;
|
||||
margin-bottom: 25px;
|
||||
font-weight: 300;
|
||||
margin-bottom: 25px;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
color: #444;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
|
||||
.lockscreen-wrapper {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
margin-top: 10%;
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
/* User name [optional] */
|
||||
.lockscreen .lockscreen-name {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Will contain the image and the sign in form */
|
||||
// Will contain the image and the sign in form
|
||||
.lockscreen-item {
|
||||
@include border-radius(4px);
|
||||
padding: 0;
|
||||
background: $white;
|
||||
margin: 10px auto 30px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
margin: 10px auto 30px auto;
|
||||
width: 290px;
|
||||
}
|
||||
|
||||
/* User image */
|
||||
// User image
|
||||
.lockscreen-image {
|
||||
@include border-radius(50%);
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: -25px;
|
||||
background: $white;
|
||||
left: -10px;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
top: -25px;
|
||||
z-index: 10;
|
||||
|
||||
> img {
|
||||
@include border-radius(50%);
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Contains the password input and the login button */
|
||||
// Contains the password input and the login button
|
||||
.lockscreen-credentials {
|
||||
margin-left: 70px;
|
||||
|
||||
.form-control {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
background-color: $white;
|
||||
border: 0;
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
/*
|
||||
* Pages: Login & Register
|
||||
* -----------------------
|
||||
*/
|
||||
//
|
||||
// Pages: Login & Register
|
||||
//
|
||||
|
||||
.login-logo,
|
||||
.register-logo {
|
||||
font-size: 35px;
|
||||
text-align: center;
|
||||
margin-bottom: 25px;
|
||||
font-weight: 300;
|
||||
margin-bottom: 25px;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
color: #444;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -21,35 +21,39 @@
|
|||
|
||||
.login-box,
|
||||
.register-box {
|
||||
width: 360px;
|
||||
margin: 7% auto;
|
||||
width: 360px;
|
||||
|
||||
@media (max-width: map-get($grid-breakpoints, sm)) {
|
||||
width: 90%;
|
||||
margin-top: 20px;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
.login-card-body,
|
||||
.register-card-body {
|
||||
background: $white;
|
||||
padding: 20px;
|
||||
border-top: 0;
|
||||
color: #666;
|
||||
padding: 20px;
|
||||
|
||||
.input-group {
|
||||
.form-control {
|
||||
border-right: none;
|
||||
border-right: 0;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
|
||||
& ~ .input-group-append .input-group-text {
|
||||
border-color: $input-focus-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.is-valid {
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
& ~ .input-group-append .input-group-text {
|
||||
border-color: $success;
|
||||
}
|
||||
|
|
@ -59,19 +63,20 @@
|
|||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
& ~ .input-group-append .input-group-text {
|
||||
border-color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
color: #777;
|
||||
background-color: transparent;
|
||||
border-left: none;
|
||||
transition: $input-transition;
|
||||
// Fix boostrap issue temporarily https://github.com/twbs/bootstrap/issues/25110
|
||||
border-bottom-right-radius: $border-radius !important;
|
||||
border-left: 0;
|
||||
border-top-right-radius: $border-radius !important;
|
||||
color: #777;
|
||||
transition: $input-transition;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -79,8 +84,8 @@
|
|||
.login-box-msg,
|
||||
.register-box-msg {
|
||||
margin: 0;
|
||||
padding: 0 20px 20px;
|
||||
text-align: center;
|
||||
padding: 0 20px 20px 20px;
|
||||
}
|
||||
|
||||
.social-auth-links {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/*
|
||||
* Pages: Mailbox
|
||||
* --------------
|
||||
*/
|
||||
//
|
||||
// Pages: Mailbox
|
||||
//
|
||||
|
||||
.mailbox-messages {
|
||||
> .table {
|
||||
margin: 0;
|
||||
|
|
@ -10,6 +10,7 @@
|
|||
|
||||
.mailbox-controls {
|
||||
padding: 5px;
|
||||
|
||||
&.with-border {
|
||||
border-bottom: 1px solid $card-border-color;
|
||||
}
|
||||
|
|
@ -18,13 +19,15 @@
|
|||
.mailbox-read-info {
|
||||
border-bottom: 1px solid $card-border-color;
|
||||
padding: 10px;
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin: 0;
|
||||
padding: 5px 0 0 0;
|
||||
padding: 5px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -40,17 +43,17 @@
|
|||
.mailbox-attachments {
|
||||
@extend .list-unstyled;
|
||||
li {
|
||||
float: left;
|
||||
width: 200px;
|
||||
border: 1px solid #eee;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
margin-right: 10px;
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.mailbox-attachment-name {
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mailbox-attachment-icon,
|
||||
|
|
@ -60,13 +63,14 @@
|
|||
}
|
||||
|
||||
.mailbox-attachment-info {
|
||||
background: $gray-100;
|
||||
padding: 10px;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.mailbox-attachment-size {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
padding-top: 0.75rem;
|
||||
|
|
@ -74,16 +78,18 @@
|
|||
}
|
||||
|
||||
.mailbox-attachment-icon {
|
||||
text-align: center;
|
||||
font-size: 65px;
|
||||
color: #666;
|
||||
padding: 20px 10px;
|
||||
font-size: 65px;
|
||||
max-height: 132.5px;
|
||||
padding: 20px 10px;
|
||||
text-align: center;
|
||||
|
||||
&.has-img {
|
||||
padding: 0;
|
||||
|
||||
> img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,12 @@
|
|||
/*
|
||||
* Pages: Profile
|
||||
* --------------
|
||||
*/
|
||||
//
|
||||
// Pages: Profile
|
||||
//
|
||||
|
||||
.profile-user-img {
|
||||
margin: 0 auto;
|
||||
width: 100px;
|
||||
padding: 3px;
|
||||
border: 3px solid $gray-500;
|
||||
margin: 0 auto;
|
||||
padding: 3px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.profile-username {
|
||||
|
|
@ -17,14 +16,16 @@
|
|||
|
||||
.post {
|
||||
border-bottom: 1px solid $gray-500;
|
||||
color: #666;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 15px;
|
||||
color: #666;
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.user-block {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Pages: Projects
|
||||
* ---------------
|
||||
*/
|
||||
//
|
||||
// Pages: Projects
|
||||
//
|
||||
|
||||
.projects {
|
||||
td {
|
||||
|
|
@ -14,7 +13,7 @@
|
|||
|
||||
// table avatar
|
||||
img.table-avatar,
|
||||
.table-avatar img{
|
||||
.table-avatar img {
|
||||
border-radius: 50%;
|
||||
display: inline;
|
||||
width: 2.5rem;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Plugin: Bootstrap Slider
|
||||
* ------------------------
|
||||
*/
|
||||
//
|
||||
// Plugin: Bootstrap Slider
|
||||
//
|
||||
|
||||
// Style override
|
||||
.slider {
|
||||
|
|
@ -14,7 +13,7 @@
|
|||
}
|
||||
|
||||
// Colors
|
||||
@each $name, $color in $colors {
|
||||
@each $name, $color in $theme-colors {
|
||||
.slider-#{$name} .slider {
|
||||
.slider-selection {
|
||||
background: $color;
|
||||
|
|
@ -22,4 +21,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
@each $name, $color in $colors {
|
||||
.slider-#{$name} .slider {
|
||||
.slider-selection {
|
||||
background: $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
/*
|
||||
* Plugin: Full Calendar
|
||||
* ---------------------
|
||||
*/
|
||||
//
|
||||
// Plugin: Full Calendar
|
||||
//
|
||||
|
||||
// Buttons
|
||||
.fc-button {
|
||||
background: #f4f4f4;
|
||||
background: $gray-100;
|
||||
background-image: none;
|
||||
color: #444;
|
||||
border-color: #ddd;
|
||||
border-bottom-color: #ddd;
|
||||
border-color: #ddd;
|
||||
color: $gray-700;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&.hover {
|
||||
|
|
@ -19,9 +19,9 @@
|
|||
|
||||
// Calendar title
|
||||
.fc-header-title h2 {
|
||||
color: #666;
|
||||
font-size: 15px;
|
||||
line-height: 1.6em;
|
||||
color: #666;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -39,8 +39,8 @@
|
|||
}
|
||||
|
||||
.fc-grid {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fc-widget-header:first-of-type,
|
||||
|
|
@ -55,8 +55,8 @@
|
|||
}
|
||||
|
||||
.fc-toolbar {
|
||||
padding: 1rem;
|
||||
margin: 0;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc-day-number {
|
||||
|
|
@ -69,13 +69,21 @@
|
|||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
float: left;
|
||||
font-size: 30px;
|
||||
margin-right: 5px;
|
||||
line-height: 30px;
|
||||
.fa {
|
||||
margin-right: 5px;
|
||||
|
||||
.fa,
|
||||
.fas,
|
||||
.far,
|
||||
.fab,
|
||||
.glyphicon,
|
||||
.ion {
|
||||
transition: transform linear .3s;
|
||||
|
||||
&:hover {
|
||||
@include rotate(30deg);
|
||||
}
|
||||
|
|
@ -90,11 +98,11 @@
|
|||
.external-event {
|
||||
@include box-shadow($card-shadow);
|
||||
|
||||
padding: 5px 10px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 4px;
|
||||
border-radius: $border-radius;
|
||||
cursor: move;
|
||||
font-weight: bold;
|
||||
margin-bottom: 4px;
|
||||
padding: 5px 10px;
|
||||
|
||||
&:hover {
|
||||
@include box-shadow(inset 0 0 90px rgba(0, 0, 0, 0.2));
|
||||
|
|
|
|||
|
|
@ -1,19 +1,18 @@
|
|||
/*
|
||||
* Plugin: iCheck Bootstrap
|
||||
* ------------------------
|
||||
*/
|
||||
//
|
||||
// Plugin: iCheck Bootstrap
|
||||
//
|
||||
|
||||
// iCheck colors (theme colors)
|
||||
@each $name, $color in $theme-colors {
|
||||
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
|
||||
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
|
||||
border-color: #{$color};
|
||||
border-color: #{$color};
|
||||
}
|
||||
|
||||
.icheck-#{$name} > input:first-child:checked + label::before,
|
||||
.icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
|
||||
background-color: #{$color};
|
||||
border-color: #{$color};
|
||||
background-color: #{$color};
|
||||
border-color: #{$color};
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -21,12 +20,12 @@
|
|||
@each $name, $color in $colors {
|
||||
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
|
||||
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
|
||||
border-color: #{$color};
|
||||
border-color: #{$color};
|
||||
}
|
||||
|
||||
.icheck-#{$name} > input:first-child:checked + label::before,
|
||||
.icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
|
||||
background-color: #{$color};
|
||||
border-color: #{$color};
|
||||
background-color: #{$color};
|
||||
border-color: #{$color};
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +1,21 @@
|
|||
/*
|
||||
* Plugins: JQVMap
|
||||
* ---------------
|
||||
*/
|
||||
//
|
||||
// Plugins: JQVMap
|
||||
//
|
||||
|
||||
// Zoom Button size fixes
|
||||
.jqvmap-zoomin,
|
||||
.jqvmap-zoomout {
|
||||
background-color: $button-default-background-color;
|
||||
color: $button-default-color;
|
||||
border: 1px solid $button-default-border-color;
|
||||
border-radius: $btn-border-radius;
|
||||
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-color: $button-default-background-color;
|
||||
border: 1px solid $button-default-border-color;
|
||||
border-radius: $btn-border-radius;
|
||||
color: $button-default-color;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&.hover {
|
||||
color: darken($button-default-color, 10%);
|
||||
background-color: darken($button-default-background-color, 5%);
|
||||
color: darken($button-default-color, 10%);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Plugins: jQuery Mapael
|
||||
* ----------------------
|
||||
*/
|
||||
//
|
||||
// Plugins: jQuery Mapael
|
||||
//
|
||||
|
||||
.mapael {
|
||||
.map {
|
||||
|
|
@ -10,6 +9,8 @@
|
|||
|
||||
.mapTooltip {
|
||||
@include reset-text();
|
||||
@include border-radius($tooltip-border-radius);
|
||||
@include font-size($tooltip-font-size);
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-color;
|
||||
display: block;
|
||||
|
|
@ -19,50 +20,44 @@
|
|||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
z-index: $zindex-tooltip;
|
||||
@include border-radius($tooltip-border-radius);
|
||||
@include font-size($tooltip-font-size);
|
||||
}
|
||||
|
||||
.myLegend {
|
||||
background-color: #f4f4e8;
|
||||
border: 1px solid #bebeb4;
|
||||
background-color: $gray-100;
|
||||
border: 1px solid $gray-500;
|
||||
padding: 10px;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.zoomButton {
|
||||
border-radius: $btn-border-radius;
|
||||
background-color: $button-default-background-color;
|
||||
color: $button-default-color;
|
||||
border: 1px solid $button-default-border-color;
|
||||
padding-left: 1px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
border-radius: $btn-border-radius;
|
||||
color: $button-default-color;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
font-weight: bold;
|
||||
height: 16px;
|
||||
left: 10px;
|
||||
line-height: 14px;
|
||||
padding-left: 1px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select : none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select : none;
|
||||
user-select: none;
|
||||
width: 16px;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&.hover {
|
||||
color: darken($button-default-color, 10%);
|
||||
background-color: darken($button-default-background-color, 5%);
|
||||
color: darken($button-default-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.zoomReset {
|
||||
top: 10px;
|
||||
line-height: 12px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.zoomIn {
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
/*
|
||||
* Plugins: Miscellaneous
|
||||
* ----------------------
|
||||
* Old plugin codes
|
||||
*/
|
||||
//
|
||||
// Plugins: Miscellaneous
|
||||
// Old plugin codes
|
||||
//
|
||||
|
||||
// _fix for sparkline tooltip
|
||||
.jqstooltip {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Plugin: Select2
|
||||
* ---------------
|
||||
*/
|
||||
//
|
||||
// Plugin: Select2
|
||||
//
|
||||
|
||||
//Signle select
|
||||
.select2-container--default,
|
||||
|
|
@ -15,7 +14,7 @@
|
|||
border: 1px solid $gray-x-light;
|
||||
//border-radius: $input-radius;
|
||||
padding: 6px 12px;
|
||||
height: 34px;
|
||||
height: $input-height;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -43,7 +42,7 @@
|
|||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
height: auto;
|
||||
margin-top: -4px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
|
||||
|
|
@ -52,8 +51,8 @@
|
|||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
height: 28px;
|
||||
right: 3px;
|
||||
height: 31px;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
|
|
@ -86,6 +85,7 @@
|
|||
//Multiple select
|
||||
.select2-container--default {
|
||||
.select2-selection--multiple {
|
||||
min-height: $input-height;
|
||||
border: 1px solid $gray-x-light;
|
||||
//border-radius: $input-radius;
|
||||
&:focus {
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background-color: theme-color("primary");
|
||||
border-color: darken(theme-color("primary"), 5%);
|
||||
padding: 1px 10px;
|
||||
padding: 0 10px;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,34 +1,38 @@
|
|||
/*
|
||||
* Plugin: SweetAlert2
|
||||
* -------------------
|
||||
*/
|
||||
//
|
||||
// Plugin: SweetAlert2
|
||||
//
|
||||
|
||||
// Icon Colors
|
||||
.swal2-icon {
|
||||
&.swal2-info {
|
||||
color: $info;
|
||||
border-color: ligthen($info, 20%);
|
||||
color: $info;
|
||||
}
|
||||
|
||||
&.swal2-warning {
|
||||
color: $warning;
|
||||
border-color: ligthen($warning, 20%);
|
||||
color: $warning;
|
||||
}
|
||||
|
||||
&.swal2-error {
|
||||
color: $danger;
|
||||
border-color: ligthen($danger, 20%);
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
&.swal2-question {
|
||||
color: $secondary;
|
||||
border-color: ligthen($secondary, 20%);
|
||||
color: $secondary;
|
||||
}
|
||||
|
||||
&.swal2-success {
|
||||
color: $success;
|
||||
border-color: ligthen($success, 20%);
|
||||
|
||||
color: $success;
|
||||
|
||||
.swal2-success-ring {
|
||||
border-color: ligthen($success, 20%);
|
||||
}
|
||||
[class^="swal2-success-line"] {
|
||||
|
||||
[class^='swal2-success-line'] {
|
||||
background-color: $success;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
* Plugin: Toastr
|
||||
* --------------
|
||||
*/
|
||||
//
|
||||
// Plugin: Toastr
|
||||
//
|
||||
|
||||
// Background to FontAwesome Icons
|
||||
// #toast-container > .toast {
|
||||
|
|
@ -35,15 +34,19 @@
|
|||
.toast {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.toast-success {
|
||||
background-color: $success;
|
||||
}
|
||||
|
||||
.toast-error {
|
||||
background-color: $danger;
|
||||
}
|
||||
|
||||
.toast-info {
|
||||
background-color: $info;
|
||||
}
|
||||
|
||||
.toast-warning {
|
||||
background-color: $warning;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -678,6 +678,209 @@
|
|||
return Treeview;
|
||||
}(jQuery);
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* AdminLTE DirectChat.js
|
||||
* License MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
var DirectChat = function ($) {
|
||||
/**
|
||||
* Constants
|
||||
* ====================================================
|
||||
*/
|
||||
var NAME = 'DirectChat';
|
||||
var DATA_KEY = 'lte.directchat';
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
var Selector = {
|
||||
DATA_TOGGLE: '[data-widget="chat-pane-toggle"]',
|
||||
DIRECT_CHAT: '.direct-chat'
|
||||
};
|
||||
var ClassName = {
|
||||
DIRECT_CHAT_OPEN: 'direct-chat-contacts-open'
|
||||
};
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
var DirectChat =
|
||||
/*#__PURE__*/
|
||||
function () {
|
||||
function DirectChat(element, config) {
|
||||
this._element = element;
|
||||
}
|
||||
|
||||
var _proto = DirectChat.prototype;
|
||||
|
||||
_proto.toggle = function toggle() {
|
||||
$(this._element).parents(Selector.DIRECT_CHAT).first().toggleClass(ClassName.DIRECT_CHAT_OPEN);
|
||||
} // Static
|
||||
;
|
||||
|
||||
DirectChat._jQueryInterface = function _jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
var data = $(this).data(DATA_KEY);
|
||||
|
||||
if (!data) {
|
||||
data = new DirectChat($(this));
|
||||
$(this).data(DATA_KEY, data);
|
||||
}
|
||||
|
||||
data[config]();
|
||||
});
|
||||
};
|
||||
|
||||
return DirectChat;
|
||||
}();
|
||||
/**
|
||||
*
|
||||
* Data Api implementation
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
|
||||
$(document).on('click', Selector.DATA_TOGGLE, function (event) {
|
||||
if (event) event.preventDefault();
|
||||
|
||||
DirectChat._jQueryInterface.call($(this), 'toggle');
|
||||
});
|
||||
/**
|
||||
* jQuery API
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
$.fn[NAME] = DirectChat._jQueryInterface;
|
||||
$.fn[NAME].Constructor = DirectChat;
|
||||
|
||||
$.fn[NAME].noConflict = function () {
|
||||
$.fn[NAME] = JQUERY_NO_CONFLICT;
|
||||
return DirectChat._jQueryInterface;
|
||||
};
|
||||
|
||||
return DirectChat;
|
||||
}(jQuery);
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* AdminLTE TodoList.js
|
||||
* License MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
var TodoList = function ($) {
|
||||
/**
|
||||
* Constants
|
||||
* ====================================================
|
||||
*/
|
||||
var NAME = 'TodoList';
|
||||
var DATA_KEY = 'lte.todolist';
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
var Selector = {
|
||||
DATA_TOGGLE: '[data-widget="todo-list"]'
|
||||
};
|
||||
var ClassName = {
|
||||
TODO_LIST_DONE: 'done'
|
||||
};
|
||||
var Default = {
|
||||
onCheck: function onCheck(item) {
|
||||
return item;
|
||||
},
|
||||
onUnCheck: function onUnCheck(item) {
|
||||
return item;
|
||||
}
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
};
|
||||
|
||||
var TodoList =
|
||||
/*#__PURE__*/
|
||||
function () {
|
||||
function TodoList(element, config) {
|
||||
this._config = config;
|
||||
this._element = element;
|
||||
|
||||
this._init();
|
||||
} // Public
|
||||
|
||||
|
||||
var _proto = TodoList.prototype;
|
||||
|
||||
_proto.toggle = function toggle(item) {
|
||||
item.parents('li').toggleClass(ClassName.TODO_LIST_DONE);
|
||||
|
||||
if (!$(item).prop('checked')) {
|
||||
this.unCheck($(item));
|
||||
return;
|
||||
}
|
||||
|
||||
this.check(item);
|
||||
};
|
||||
|
||||
_proto.check = function check(item) {
|
||||
this._config.onCheck.call(item);
|
||||
};
|
||||
|
||||
_proto.unCheck = function unCheck(item) {
|
||||
this._config.onUnCheck.call(item);
|
||||
} // Private
|
||||
;
|
||||
|
||||
_proto._init = function _init() {
|
||||
var that = this;
|
||||
$(Selector.DATA_TOGGLE).find('input:checkbox:checked').parents('li').toggleClass(ClassName.TODO_LIST_DONE);
|
||||
$(Selector.DATA_TOGGLE).on('change', 'input:checkbox', function (event) {
|
||||
that.toggle($(event.target));
|
||||
});
|
||||
} // Static
|
||||
;
|
||||
|
||||
TodoList._jQueryInterface = function _jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
var data = $(this).data(DATA_KEY);
|
||||
|
||||
var _config = $.extend({}, Default, $(this).data());
|
||||
|
||||
if (!data) {
|
||||
data = new TodoList($(this), _config);
|
||||
$(this).data(DATA_KEY, data);
|
||||
}
|
||||
|
||||
if (config === 'init') {
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return TodoList;
|
||||
}();
|
||||
/**
|
||||
* Data API
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
|
||||
$(window).on('load', function () {
|
||||
TodoList._jQueryInterface.call($(Selector.DATA_TOGGLE));
|
||||
});
|
||||
/**
|
||||
* jQuery API
|
||||
* ====================================================
|
||||
*/
|
||||
|
||||
$.fn[NAME] = TodoList._jQueryInterface;
|
||||
$.fn[NAME].Constructor = TodoList;
|
||||
|
||||
$.fn[NAME].noConflict = function () {
|
||||
$.fn[NAME] = JQUERY_NO_CONFLICT;
|
||||
return TodoList._jQueryInterface;
|
||||
};
|
||||
|
||||
return TodoList;
|
||||
}(jQuery);
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* AdminLTE Widget.js
|
||||
|
|
@ -848,7 +1051,7 @@
|
|||
$(this).data(DATA_KEY, typeof config === 'string' ? data : config);
|
||||
}
|
||||
|
||||
if (typeof config === 'string' && config.match(/remove|toggle/)) {
|
||||
if (typeof config === 'string' && config.match(/collapse|expand|remove|toggle|toggleMaximize/)) {
|
||||
data[config]();
|
||||
} else if (typeof config === 'object') {
|
||||
data._init($(this));
|
||||
|
|
@ -902,8 +1105,10 @@
|
|||
}(jQuery);
|
||||
|
||||
exports.ControlSidebar = ControlSidebar;
|
||||
exports.DirectChat = DirectChat;
|
||||
exports.Layout = Layout;
|
||||
exports.PushMenu = PushMenu;
|
||||
exports.TodoList = TodoList;
|
||||
exports.Treeview = Treeview;
|
||||
exports.Widget = Widget;
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -73,17 +73,17 @@
|
|||
var $navbar_border = $('<input />', {
|
||||
type : 'checkbox',
|
||||
value : 1,
|
||||
checked: $('.main-header').hasClass('border-bottom'),
|
||||
checked: $('.main-header').hasClass('border-bottom-0'),
|
||||
'class': 'mr-1'
|
||||
}).on('click', function () {
|
||||
if ($(this).is(':checked')) {
|
||||
$('.main-header').addClass('border-bottom')
|
||||
$('.main-header').addClass('border-bottom-0')
|
||||
} else {
|
||||
$('.main-header').removeClass('border-bottom')
|
||||
$('.main-header').removeClass('border-bottom-0')
|
||||
}
|
||||
})
|
||||
$checkbox_container.append($navbar_border)
|
||||
$checkbox_container.append('<span>Navbar border</span>')
|
||||
$checkbox_container.append('<span>No Navbar border</span>')
|
||||
$container.append($checkbox_container)
|
||||
|
||||
|
||||
|
|
@ -92,7 +92,17 @@
|
|||
'bg-warning',
|
||||
'bg-info',
|
||||
'bg-danger',
|
||||
'bg-success'
|
||||
'bg-success',
|
||||
'bg-indigo',
|
||||
'bg-navy',
|
||||
'bg-purple',
|
||||
'bg-fuchsia',
|
||||
'bg-pink',
|
||||
'bg-maroon',
|
||||
'bg-orange',
|
||||
'bg-lime',
|
||||
'bg-teal',
|
||||
'bg-olive'
|
||||
]
|
||||
|
||||
var sidebar_skins = [
|
||||
|
|
@ -101,11 +111,31 @@
|
|||
'sidebar-dark-info',
|
||||
'sidebar-dark-danger',
|
||||
'sidebar-dark-success',
|
||||
'sidebar-dark-indigo',
|
||||
'sidebar-dark-navy',
|
||||
'sidebar-dark-purple',
|
||||
'sidebar-dark-fuchsia',
|
||||
'sidebar-dark-pink',
|
||||
'sidebar-dark-maroon',
|
||||
'sidebar-dark-orange',
|
||||
'sidebar-dark-lime',
|
||||
'sidebar-dark-teal',
|
||||
'sidebar-dark-olive',
|
||||
'sidebar-light-primary',
|
||||
'sidebar-light-warning',
|
||||
'sidebar-light-info',
|
||||
'sidebar-light-danger',
|
||||
'sidebar-light-success'
|
||||
'sidebar-light-success',
|
||||
'sidebar-light-indigo',
|
||||
'sidebar-light-navy',
|
||||
'sidebar-light-purple',
|
||||
'sidebar-light-fuchsia',
|
||||
'sidebar-light-pink',
|
||||
'sidebar-light-maroon',
|
||||
'sidebar-light-orange',
|
||||
'sidebar-light-lime',
|
||||
'sidebar-light-teal',
|
||||
'sidebar-light-olive'
|
||||
]
|
||||
|
||||
$container.append('<h6>Dark Sidebar Variants</h6>')
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
---
|
||||
layout: default
|
||||
title: Error 404
|
||||
---
|
||||
|
||||
<div class="content-wrapper">
|
||||
<section class="content-header">
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-2">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="error-page">
|
||||
<h2 class="headline text-warning"> 404</h2>
|
||||
<div class="error-content">
|
||||
<h3><i class="fas fa-exclamation-triangle text-warning"></i> Oops! Page not found.</h3>
|
||||
<p>
|
||||
We could not find the page you were looking for.
|
||||
Meanwhile, you may <a href="{{ site.baseurl }}{% link index.md %}">return to index</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
source 'https://rubygems.org'
|
||||
|
||||
gem "jekyll", "~> 3.8.5"
|
||||
|
||||
gem "rouge"
|
||||
|
||||
gem 'github-pages', group: :jekyll_plugins
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
GEM
|
||||
specs:
|
||||
addressable (2.6.0)
|
||||
public_suffix (>= 2.0.2, < 4.0)
|
||||
colorator (1.1.0)
|
||||
concurrent-ruby (1.1.5)
|
||||
em-websocket (0.5.1)
|
||||
eventmachine (>= 0.12.9)
|
||||
http_parser.rb (~> 0.6.0)
|
||||
eventmachine (1.2.7)
|
||||
ffi (1.11.0)
|
||||
forwardable-extended (2.6.0)
|
||||
http_parser.rb (0.6.0)
|
||||
i18n (0.9.5)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (3.8.5)
|
||||
addressable (~> 2.4)
|
||||
colorator (~> 1.0)
|
||||
em-websocket (~> 0.5)
|
||||
i18n (~> 0.7)
|
||||
jekyll-sass-converter (~> 1.0)
|
||||
jekyll-watch (~> 2.0)
|
||||
kramdown (~> 1.14)
|
||||
liquid (~> 4.0)
|
||||
mercenary (~> 0.3.3)
|
||||
pathutil (~> 0.9)
|
||||
rouge (>= 1.7, < 4)
|
||||
safe_yaml (~> 1.0)
|
||||
jekyll-sass-converter (1.5.2)
|
||||
sass (~> 3.4)
|
||||
jekyll-seo-tag (2.6.1)
|
||||
jekyll (>= 3.3, < 5.0)
|
||||
jekyll-watch (2.2.1)
|
||||
listen (~> 3.0)
|
||||
kramdown (1.17.0)
|
||||
liquid (4.0.3)
|
||||
listen (3.1.5)
|
||||
rb-fsevent (~> 0.9, >= 0.9.4)
|
||||
rb-inotify (~> 0.9, >= 0.9.7)
|
||||
ruby_dep (~> 1.2)
|
||||
mercenary (0.3.6)
|
||||
pathutil (0.16.2)
|
||||
forwardable-extended (~> 2.6)
|
||||
public_suffix (3.0.3)
|
||||
rb-fsevent (0.10.3)
|
||||
rb-inotify (0.10.0)
|
||||
ffi (~> 1.0)
|
||||
rouge (3.6.0)
|
||||
ruby_dep (1.5.0)
|
||||
safe_yaml (1.0.5)
|
||||
sass (3.7.4)
|
||||
sass-listen (~> 4.0.0)
|
||||
sass-listen (4.0.0)
|
||||
rb-fsevent (~> 0.9, >= 0.9.4)
|
||||
rb-inotify (~> 0.9, >= 0.9.7)
|
||||
|
||||
PLATFORMS
|
||||
ruby
|
||||
|
||||
DEPENDENCIES
|
||||
jekyll-seo-tag
|
||||
rouge
|
||||
|
||||
BUNDLED WITH
|
||||
2.0.1
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
# Welcome to Jekyll!
|
||||
#
|
||||
# This config file is meant for settings that affect your whole blog, values
|
||||
# which you are expected to set up once and rarely edit after that. If you find
|
||||
# yourself editing this file very often, consider using Jekyll's data files
|
||||
# feature for the data you need to update frequently.
|
||||
#
|
||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
||||
|
||||
# Site settings
|
||||
# These are used to personalize your new site. If you look in the HTML files,
|
||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
||||
# You can create any custom variable you would like, and they will be accessible
|
||||
# in the templates via {{ site.myvariable }}.
|
||||
markdown: kramdown
|
||||
kramdown:
|
||||
auto_ids: false
|
||||
|
||||
highlighter: rouge
|
||||
plugins:
|
||||
- jekyll-seo-tag
|
||||
|
||||
title: AdminLTE v3 Documentaion
|
||||
version: v3.0.0-beta.2
|
||||
description: >- # this means to ignore newlines until "baseurl:"
|
||||
AdminLTE v3 Documentaion
|
||||
|
||||
navigation:
|
||||
- title: Installation
|
||||
url: index.html
|
||||
icon: fas fa-microchip
|
||||
- title: Dependencies & Plugins
|
||||
url: dependencies.html
|
||||
icon: fas fa-handshake
|
||||
- title: Layout
|
||||
url: layout.html
|
||||
icon: fas fa-copy
|
||||
- title: Components
|
||||
icon: fas fa-th
|
||||
url: components
|
||||
subitems:
|
||||
- title: Main Header
|
||||
url: components/main-header.html
|
||||
- title: Main Sidebar
|
||||
url: components/main-sidebar.html
|
||||
- title: Control Sidebar
|
||||
url: components/control-sidebar.html
|
||||
- title: Card
|
||||
url: components/cards.html
|
||||
- title: Small-/ Info-Box
|
||||
url: components/boxes.html
|
||||
- title: Direct Chat
|
||||
url: components/direct-chat.html
|
||||
- title: JavaScript
|
||||
icon: fas fa-code
|
||||
url: javascript
|
||||
subitems:
|
||||
- title: Layout
|
||||
url: javascript/layout.html
|
||||
- title: Push Menu
|
||||
url: javascript/push-menu.html
|
||||
- title: Treeview
|
||||
url: javascript/treeview.html
|
||||
- title: Widget
|
||||
url: javascript/widget.html
|
||||
# - title: CardRefresh
|
||||
# url: javascript/card-refresh.html
|
||||
- title: Control Sidebar
|
||||
url: javascript/control-sidebar.html
|
||||
- title: Direct Chat
|
||||
url: javascript/direct-chat.html
|
||||
- title: Todo List
|
||||
url: javascript/todo-list.html
|
||||
- title: Browser Support
|
||||
url: browser-support.html
|
||||
icon: fab fa-chrome
|
||||
- title: Upgrade Guide
|
||||
url: upgrade-guide.html
|
||||
icon: fas fa-hand-point-up
|
||||
- title: Implementations
|
||||
url: implementations.html
|
||||
icon: fas fa-bookmark
|
||||
- title: FAQ
|
||||
url: faq.html
|
||||
icon: fas fa-question-circle
|
||||
- title: License
|
||||
url: license.html
|
||||
icon: fas fa-file-alt
|
||||
|
||||
# Exclude from processing.
|
||||
# The following items will not be processed, by default. Create a custom list
|
||||
# to override the default setting.
|
||||
exclude:
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
|
||||
<script src="{{ 'assets/plugins/jquery/jquery.min.js' | relative_url }}"></script>
|
||||
<script src="{{ 'assets/plugins/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
|
||||
<script src="{{ 'assets/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js' | relative_url }}"></script>
|
||||
<script src="{{ 'assets/js/adminlte.min.js' | relative_url }}"></script>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<footer class="main-footer">
|
||||
<div class="float-right d-none d-sm-inline">
|
||||
{{site.version}}
|
||||
</div>
|
||||
<strong>Copyright © 2014-{{ site.time | date: '%Y' }} <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>{{ page.title }} | AdminLTE 3 Documentation</title>
|
||||
{% seo %}
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700">
|
||||
<link rel="stylesheet" href="{{'assets/plugins/fontawesome-free/css/all.min.css' | relative_url}}">
|
||||
<link rel="stylesheet" href="{{'assets/plugins/overlayScrollbars/css/OverlayScrollbars.min.css' | relative_url}}">
|
||||
<link rel="stylesheet" href="{{'assets/css/docs.css' | relative_url}}">
|
||||
<link rel="stylesheet" href="{{'assets/css/highlighter.css' | relative_url}}">
|
||||
<link rel="stylesheet" href="{{'assets/css/adminlte.min.css' | relative_url}}">
|
||||
</head>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link bg-info rounded dropdown-toggle" href="#" id="navbarVersionDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
v3.0
|
||||
</a>
|
||||
<div class="dropdown-menu py-0" aria-labelledby="navbarVersionDropdown">
|
||||
<a class="dropdown-item bg-info disabled" href="#">v3.0</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="https://adminlte.io/docs/2.4/installation">v2.4</a>
|
||||
<a class="dropdown-item" href="https://adminlte.io/themes/AdminLTE/documentation/index.html"><= v2.3</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<!-- <li class="nav-item d-none d-sm-inline-block">
|
||||
<a href="index3.html" class="nav-link">Home</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<!-- <form class="form-check-inline ml-3">
|
||||
<div class="input-group input-group-sm">
|
||||
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-navbar" type="submit">
|
||||
<i class="fa fa-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form> -->
|
||||
</nav>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||
<a href="{{'index.html' | relative_url}}" class="brand-link logo-switch">
|
||||
<img src="{{'assets/img/logo-xs.png' | relative_url}}" alt="AdminLTE Docs Logo Small" class="brand-image-xl logo-xs">
|
||||
<img src="{{'assets/img/logo-xl.png' | relative_url}}" alt="AdminLTE Docs Logo Large" class="brand-image-xs logo-xl" style="left: 12px">
|
||||
</a>
|
||||
<div class="sidebar">
|
||||
<nav class="mt-2">
|
||||
<ul class="nav nav-pills nav-sidebar nav-child-indent flex-column" data-widget="treeview" role="menu">
|
||||
{% for item in site.navigation %}
|
||||
{% assign subitem_active = 'false' %}
|
||||
{% for subitem in item.subitems %}
|
||||
{% assign subitem_url = '/' | append: subitem.url %}
|
||||
{% if subitem_url == page.url %}
|
||||
{% assign subitem_active = 'true' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<li class="nav-item {% if item.subitems %}has-treeview{% endif %} {% if subitem_active == 'true' %}menu-open{% endif %}">
|
||||
{% if item.url == 'index.html' %}
|
||||
{% assign item_url = '/' %}
|
||||
{% else %}
|
||||
{% assign item_url = '/' | append: item.url %}
|
||||
{% endif %}
|
||||
|
||||
<a href="{% if item.url %}{{item.url | relative_url}}{% else %}#{% endif %}" class="nav-link {% if item_url == page.url %}active{% endif %}{% if subitem_active == 'true'%}active{% endif %}">
|
||||
<i class="nav-icon {{item.icon}}"></i>
|
||||
<p>
|
||||
{{item.title}}
|
||||
{% if item.subitems %}<i class="right fas fa-angle-left"></i>{% endif %}
|
||||
</p>
|
||||
</a>
|
||||
|
||||
{% if item.subitems %}
|
||||
<ul class="nav nav-treeview">
|
||||
{% for subitem in item.subitems %}
|
||||
{% assign subitem_url = '/' | append: subitem.url %}
|
||||
<li class="nav-item">
|
||||
<a href="{{subitem.url | relative_url}}" class="nav-link {% if subitem_url == page.url %}active{% endif %}">
|
||||
<i class="far fa-circle nav-icon"></i>
|
||||
<p>{{subitem.title}}</p>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</aside>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
||||
|
||||
{%- include head.html -%}
|
||||
|
||||
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed">
|
||||
<div class="wrapper">
|
||||
|
||||
{%- include navbar.html -%}
|
||||
{%- include sidebar.html -%}
|
||||
|
||||
{{content}}
|
||||
|
||||
{%- include footer.html -%}
|
||||
</div>
|
||||
|
||||
{%- include foot.html -%}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div>
|
||||
|
||||
{%- if page.title -%}
|
||||
<header>
|
||||
<h1>{{ page.title }}</h1>
|
||||
</header>
|
||||
{%- endif -%}
|
||||
|
||||
<section>
|
||||
{{ content }}
|
||||
</section>
|
||||
|
||||
{%- if site.posts.size > 0 -%}
|
||||
<p class="h4">{{ page.list_title | default: "Posts" }}</p>
|
||||
<ul class="list-unstyled">
|
||||
{%- for post in site.posts -%}
|
||||
<li>
|
||||
<span class="text-muted">
|
||||
{%- assign date_format = "%b %-d, %Y" -%}
|
||||
{{ post.date | date: date_format }}
|
||||
</span>
|
||||
<p class="h5">
|
||||
<a href="{{ post.url | relative_url }}">
|
||||
{{ post.title | escape }}
|
||||
</a>
|
||||
</p>
|
||||
{%- if site.show_excerpts -%}
|
||||
{{ post.excerpt }}
|
||||
{%- endif -%}
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
|
||||
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
|
||||
{%- endif -%}
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class="content-wrapper px-4 py-2">
|
||||
<div class="content-header">
|
||||
<h1 class="text-dark">{{page.title}}</h1>
|
||||
</div>
|
||||
|
||||
<div class="content px-2">
|
||||
{{content}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class="content-wrapper px-4 py-2">
|
||||
<div class="content-header">
|
||||
<h1 class="text-dark">{{page.title}}</h1>
|
||||
</div>
|
||||
|
||||
<div class="content px-2">
|
||||
{{content}}
|
||||
</div>
|
||||
</div>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,3 @@
|
|||
.max-height-300 pre {
|
||||
max-height: 300px
|
||||
}
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
pre .hll { background-color: #ffffcc }
|
||||
pre { background: #f0f0f0; }
|
||||
pre .c { color: #60a0b0; font-style: italic } /* Comment */
|
||||
pre .err { border: 1px solid #FF0000 } /* Error */
|
||||
pre .k { color: #007020; font-weight: bold } /* Keyword */
|
||||
pre .o { color: #666666 } /* Operator */
|
||||
pre .ch { color: #60a0b0; font-style: italic } /* Comment.Hashbang */
|
||||
pre .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
|
||||
pre .cp { color: #007020 } /* Comment.Preproc */
|
||||
pre .cpf { color: #60a0b0; font-style: italic } /* Comment.PreprocFile */
|
||||
pre .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
|
||||
pre .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */
|
||||
pre .gd { color: #A00000 } /* Generic.Deleted */
|
||||
pre .ge { font-style: italic } /* Generic.Emph */
|
||||
pre .gr { color: #FF0000 } /* Generic.Error */
|
||||
pre .gh { color: #000080; font-weight: bold } /* Generic.Heading */
|
||||
pre .gi { color: #00A000 } /* Generic.Inserted */
|
||||
pre .go { color: #888888 } /* Generic.Output */
|
||||
pre .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
|
||||
pre .gs { font-weight: bold } /* Generic.Strong */
|
||||
pre .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
|
||||
pre .gt { color: #0044DD } /* Generic.Traceback */
|
||||
pre .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
|
||||
pre .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
|
||||
pre .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
|
||||
pre .kp { color: #007020 } /* Keyword.Pseudo */
|
||||
pre .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
|
||||
pre .kt { color: #902000 } /* Keyword.Type */
|
||||
pre .m { color: #40a070 } /* Literal.Number */
|
||||
pre .s { color: #4070a0 } /* Literal.String */
|
||||
pre .na { color: #4070a0 } /* Name.Attribute */
|
||||
pre .nb { color: #007020 } /* Name.Builtin */
|
||||
pre .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
|
||||
pre .no { color: #60add5 } /* Name.Constant */
|
||||
pre .nd { color: #555555; font-weight: bold } /* Name.Decorator */
|
||||
pre .ni { color: #d55537; font-weight: bold } /* Name.Entity */
|
||||
pre .ne { color: #007020 } /* Name.Exception */
|
||||
pre .nf { color: #06287e } /* Name.Function */
|
||||
pre .nl { color: #002070; font-weight: bold } /* Name.Label */
|
||||
pre .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
|
||||
pre .nt { color: #062873; font-weight: bold } /* Name.Tag */
|
||||
pre .nv { color: #bb60d5 } /* Name.Variable */
|
||||
pre .ow { color: #007020; font-weight: bold } /* Operator.Word */
|
||||
pre .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
pre .mb { color: #40a070 } /* Literal.Number.Bin */
|
||||
pre .mf { color: #40a070 } /* Literal.Number.Float */
|
||||
pre .mh { color: #40a070 } /* Literal.Number.Hex */
|
||||
pre .mi { color: #40a070 } /* Literal.Number.Integer */
|
||||
pre .mo { color: #40a070 } /* Literal.Number.Oct */
|
||||
pre .sa { color: #4070a0 } /* Literal.String.Affix */
|
||||
pre .sb { color: #4070a0 } /* Literal.String.Backtick */
|
||||
pre .sc { color: #4070a0 } /* Literal.String.Char */
|
||||
pre .dl { color: #4070a0 } /* Literal.String.Delimiter */
|
||||
pre .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
|
||||
pre .s2 { color: #4070a0 } /* Literal.String.Double */
|
||||
pre .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
|
||||
pre .sh { color: #4070a0 } /* Literal.String.Heredoc */
|
||||
pre .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
|
||||
pre .sx { color: #c65d09 } /* Literal.String.Other */
|
||||
pre .sr { color: #235388 } /* Literal.String.Regex */
|
||||
pre .s1 { color: #4070a0 } /* Literal.String.Single */
|
||||
pre .ss { color: #517918 } /* Literal.String.Symbol */
|
||||
pre .bp { color: #007020 } /* Name.Builtin.Pseudo */
|
||||
pre .fm { color: #06287e } /* Name.Function.Magic */
|
||||
pre .vc { color: #bb60d5 } /* Name.Variable.Class */
|
||||
pre .vg { color: #bb60d5 } /* Name.Variable.Global */
|
||||
pre .vi { color: #bb60d5 } /* Name.Variable.Instance */
|
||||
pre .vm { color: #bb60d5 } /* Name.Variable.Magic */
|
||||
pre .il { color: #40a070 } /* Literal.Number.Integer.Long */
|
||||
|
||||
.highlight pre .hll { background-color: #49483e }
|
||||
.highlight pre { background: #272822; color: #f8f8f2 }
|
||||
.highlight pre .c { color: #75715e } /* Comment */
|
||||
.highlight pre .err { color: #960050; background-color: #1e0010 } /* Error */
|
||||
.highlight pre .k { color: #66d9ef } /* Keyword */
|
||||
.highlight pre .l { color: #ae81ff } /* Literal */
|
||||
.highlight pre .n { color: #f8f8f2 } /* Name */
|
||||
.highlight pre .o { color: #f92672 } /* Operator */
|
||||
.highlight pre .p { color: #f8f8f2 } /* Punctuation */
|
||||
.highlight pre .ch { color: #75715e } /* Comment.Hashbang */
|
||||
.highlight pre .cm { color: #75715e } /* Comment.Multiline */
|
||||
.highlight pre .cp { color: #75715e } /* Comment.Preproc */
|
||||
.highlight pre .cpf { color: #75715e } /* Comment.PreprocFile */
|
||||
.highlight pre .c1 { color: #75715e } /* Comment.Single */
|
||||
.highlight pre .cs { color: #75715e } /* Comment.Special */
|
||||
.highlight pre .gd { color: #f92672 } /* Generic.Deleted */
|
||||
.highlight pre .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight pre .gi { color: #a6e22e } /* Generic.Inserted */
|
||||
.highlight pre .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight pre .gu { color: #75715e } /* Generic.Subheading */
|
||||
.highlight pre .kc { color: #66d9ef } /* Keyword.Constant */
|
||||
.highlight pre .kd { color: #66d9ef } /* Keyword.Declaration */
|
||||
.highlight pre .kn { color: #f92672 } /* Keyword.Namespace */
|
||||
.highlight pre .kp { color: #66d9ef } /* Keyword.Pseudo */
|
||||
.highlight pre .kr { color: #66d9ef } /* Keyword.Reserved */
|
||||
.highlight pre .kt { color: #66d9ef } /* Keyword.Type */
|
||||
.highlight pre .ld { color: #e6db74 } /* Literal.Date */
|
||||
.highlight pre .m { color: #ae81ff } /* Literal.Number */
|
||||
.highlight pre .s { color: #e6db74 } /* Literal.String */
|
||||
.highlight pre .na { color: #a6e22e } /* Name.Attribute */
|
||||
.highlight pre .nb { color: #f8f8f2 } /* Name.Builtin */
|
||||
.highlight pre .nc { color: #a6e22e } /* Name.Class */
|
||||
.highlight pre .no { color: #66d9ef } /* Name.Constant */
|
||||
.highlight pre .nd { color: #a6e22e } /* Name.Decorator */
|
||||
.highlight pre .ni { color: #f8f8f2 } /* Name.Entity */
|
||||
.highlight pre .ne { color: #a6e22e } /* Name.Exception */
|
||||
.highlight pre .nf { color: #a6e22e } /* Name.Function */
|
||||
.highlight pre .nl { color: #f8f8f2 } /* Name.Label */
|
||||
.highlight pre .nn { color: #f8f8f2 } /* Name.Namespace */
|
||||
.highlight pre .nx { color: #a6e22e } /* Name.Other */
|
||||
.highlight pre .py { color: #f8f8f2 } /* Name.Property */
|
||||
.highlight pre .nt { color: #f92672 } /* Name.Tag */
|
||||
.highlight pre .nv { color: #f8f8f2 } /* Name.Variable */
|
||||
.highlight pre .ow { color: #f92672 } /* Operator.Word */
|
||||
.highlight pre .w { color: #f8f8f2 } /* Text.Whitespace */
|
||||
.highlight pre .mb { color: #ae81ff } /* Literal.Number.Bin */
|
||||
.highlight pre .mf { color: #ae81ff } /* Literal.Number.Float */
|
||||
.highlight pre .mh { color: #ae81ff } /* Literal.Number.Hex */
|
||||
.highlight pre .mi { color: #ae81ff } /* Literal.Number.Integer */
|
||||
.highlight pre .mo { color: #ae81ff } /* Literal.Number.Oct */
|
||||
.highlight pre .sa { color: #e6db74 } /* Literal.String.Affix */
|
||||
.highlight pre .sb { color: #e6db74 } /* Literal.String.Backtick */
|
||||
.highlight pre .sc { color: #e6db74 } /* Literal.String.Char */
|
||||
.highlight pre .dl { color: #e6db74 } /* Literal.String.Delimiter */
|
||||
.highlight pre .sd { color: #e6db74 } /* Literal.String.Doc */
|
||||
.highlight pre .s2 { color: #e6db74 } /* Literal.String.Double */
|
||||
.highlight pre .se { color: #ae81ff } /* Literal.String.Escape */
|
||||
.highlight pre .sh { color: #e6db74 } /* Literal.String.Heredoc */
|
||||
.highlight pre .si { color: #e6db74 } /* Literal.String.Interpol */
|
||||
.highlight pre .sx { color: #e6db74 } /* Literal.String.Other */
|
||||
.highlight pre .sr { color: #e6db74 } /* Literal.String.Regex */
|
||||
.highlight pre .s1 { color: #e6db74 } /* Literal.String.Single */
|
||||
.highlight pre .ss { color: #e6db74 } /* Literal.String.Symbol */
|
||||
.highlight pre .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
|
||||
.highlight pre .fm { color: #a6e22e } /* Name.Function.Magic */
|
||||
.highlight pre .vc { color: #f8f8f2 } /* Name.Variable.Class */
|
||||
.highlight pre .vg { color: #f8f8f2 } /* Name.Variable.Global */
|
||||
.highlight pre .vi { color: #f8f8f2 } /* Name.Variable.Instance */
|
||||
.highlight pre .vm { color: #f8f8f2 } /* Name.Variable.Magic */
|
||||
.highlight pre .il { color: #ae81ff } /* Literal.Number.Integer.Long */
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 530 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue