mirror of https://github.com/ColorlibHQ/AdminLTE
Aleksandr Rogozin
GitHub
commit
9e251efd0c
|
|
@ -1,14 +1,30 @@
|
||||||
|
// System / Log files
|
||||||
*.DS_Store
|
*.DS_Store
|
||||||
*.log
|
*.log
|
||||||
|
|
||||||
|
// Archives
|
||||||
*.zip
|
*.zip
|
||||||
|
|
||||||
|
// Sass Cache
|
||||||
|
.sass-cache
|
||||||
|
|
||||||
|
// Project files
|
||||||
.idea
|
.idea
|
||||||
nbproject
|
nbproject
|
||||||
nbproject/private
|
nbproject/private
|
||||||
node_modules
|
|
||||||
.sass-cache
|
|
||||||
bower_components
|
|
||||||
ad.js
|
|
||||||
TODO
|
|
||||||
test.html
|
|
||||||
.vscode/
|
.vscode/
|
||||||
.vs/
|
.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 Layout from './Layout'
|
||||||
import PushMenu from './PushMenu'
|
import PushMenu from './PushMenu'
|
||||||
import Treeview from './Treeview'
|
import Treeview from './Treeview'
|
||||||
|
import DirectChat from './DirectChat'
|
||||||
|
import TodoList from './TodoList'
|
||||||
import Widget from './Widget'
|
import Widget from './Widget'
|
||||||
|
|
||||||
export {
|
export {
|
||||||
|
|
@ -9,5 +11,7 @@ export {
|
||||||
Layout,
|
Layout,
|
||||||
PushMenu,
|
PushMenu,
|
||||||
Treeview,
|
Treeview,
|
||||||
|
DirectChat,
|
||||||
|
TodoList,
|
||||||
Widget
|
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)
|
$(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]()
|
data[config]()
|
||||||
} else if (typeof config === 'object') {
|
} else if (typeof config === 'object') {
|
||||||
data._init($(this))
|
data._init($(this))
|
||||||
|
|
|
||||||
|
|
@ -215,51 +215,55 @@ const Plugins = [
|
||||||
from: 'node_modules/flag-icon-css/flags',
|
from: 'node_modules/flag-icon-css/flags',
|
||||||
to: 'plugins/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
|
||||||
// // AdminLTE Dist
|
{
|
||||||
// {
|
from: 'dist/css',
|
||||||
// from: 'dist/css',
|
to : 'docs/assets/css'
|
||||||
// to : 'docs/assets/css'
|
},
|
||||||
// },
|
{
|
||||||
// {
|
from: 'dist/js',
|
||||||
// from: 'dist/js',
|
to : 'docs/assets/js'
|
||||||
// to : 'docs/assets/js'
|
},
|
||||||
// },
|
// jQuery
|
||||||
// // jQuery
|
{
|
||||||
// {
|
from: 'node_modules/jquery/dist',
|
||||||
// from: 'node_modules/jquery/dist',
|
to : 'docs/assets/plugins/jquery'
|
||||||
// to : 'docs/assets/plugins/jquery'
|
},
|
||||||
// },
|
// Popper
|
||||||
// // Popper
|
{
|
||||||
// {
|
from: 'node_modules/popper.js/dist',
|
||||||
// from: 'node_modules/popper.js/dist',
|
to : 'docs/assets/plugins/popper'
|
||||||
// to : 'docs/assets/plugins/popper'
|
},
|
||||||
// },
|
// Bootstrap
|
||||||
// // Bootstrap
|
{
|
||||||
// {
|
from: 'node_modules/bootstrap/dist/js',
|
||||||
// from: 'node_modules/bootstrap/dist/js',
|
to : 'docs/assets/plugins/bootstrap/js'
|
||||||
// to : 'docs/assets/plugins/bootstrap/js'
|
},
|
||||||
// },
|
// Font Awesome
|
||||||
// // Font Awesome
|
{
|
||||||
// {
|
from: 'node_modules/@fortawesome/fontawesome-free/css',
|
||||||
// from: 'node_modules/@fortawesome/fontawesome-free/css',
|
to : 'docs/assets/plugins/fontawesome-free/css'
|
||||||
// to : 'docs/assets/plugins/fontawesome-free/css'
|
},
|
||||||
// },
|
{
|
||||||
// {
|
from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
|
||||||
// from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
|
to : 'docs/assets/plugins/fontawesome-free/webfonts'
|
||||||
// to : 'docs/assets/plugins/fontawesome-free/webfonts'
|
},
|
||||||
// },
|
// overlayScrollbars
|
||||||
// // overlayScrollbars
|
{
|
||||||
// {
|
from: 'node_modules/overlayscrollbars/js',
|
||||||
// from: 'plugins/overlayScrollbars/js',
|
to : 'docs/assets/plugins/overlayScrollbars/js'
|
||||||
// to : 'docs/assets/plugins/overlayScrollbars/js'
|
},
|
||||||
// },
|
{
|
||||||
// {
|
from: 'node_modules/overlayscrollbars/css',
|
||||||
// from: 'plugins/overlayScrollbars/css',
|
to : 'docs/assets/plugins/overlayScrollbars/css'
|
||||||
// to : 'docs/assets/plugins/overlayScrollbars/css'
|
}
|
||||||
// }
|
|
||||||
]
|
]
|
||||||
|
|
||||||
module.exports = Plugins
|
module.exports = Plugins
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,6 @@
|
||||||
@import 'navs';
|
@import 'navs';
|
||||||
@import 'products';
|
@import 'products';
|
||||||
@import 'table';
|
@import 'table';
|
||||||
@import 'labels';
|
|
||||||
@import 'direct-chat';
|
@import 'direct-chat';
|
||||||
@import 'users-list';
|
@import 'users-list';
|
||||||
@import 'carousel';
|
@import 'carousel';
|
||||||
|
|
|
||||||
|
|
@ -39,7 +39,6 @@
|
||||||
@import 'navs';
|
@import 'navs';
|
||||||
@import 'products';
|
@import 'products';
|
||||||
@import 'table';
|
@import 'table';
|
||||||
@import 'labels';
|
|
||||||
@import 'direct-chat';
|
@import 'direct-chat';
|
||||||
@import 'users-list';
|
@import 'users-list';
|
||||||
@import 'carousel';
|
@import 'carousel';
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Alert
|
// Component: Alert
|
||||||
* ----------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.alert {
|
.alert {
|
||||||
.icon {
|
.icon {
|
||||||
|
|
@ -44,3 +43,8 @@
|
||||||
@extend .bg-info;
|
@extend .bg-info;
|
||||||
border-color: darken(theme-color('info'), 5%);
|
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-border-width: $input-btn-border-width !default;
|
||||||
|
|
||||||
$btn-font-weight: $font-weight-normal !default;
|
$btn-font-weight: $font-weight-normal !default;
|
||||||
$btn-box-shadow: 0 1px 1px rgba($black, .075) !default;
|
$btn-box-shadow: none !default;
|
||||||
$btn-focus-width: $input-btn-focus-width !default;
|
$btn-focus-width: 0 !default;
|
||||||
$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
$btn-focus-box-shadow: none !default;
|
||||||
$btn-disabled-opacity: .65 !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;
|
$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-bg: $input-bg !default;
|
||||||
$input-focus-border-color: lighten($component-active-bg, 25%) !default;
|
$input-focus-border-color: lighten($component-active-bg, 25%) !default;
|
||||||
$input-focus-color: $input-color !default;
|
$input-focus-color: $input-color !default;
|
||||||
$input-focus-width: $input-btn-focus-width !default;
|
$input-focus-width: 0 !default;
|
||||||
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
$input-focus-box-shadow: none !default;
|
||||||
|
|
||||||
$input-placeholder-color: $gray-600 !default;
|
$input-placeholder-color: $gray-600 !default;
|
||||||
|
|
||||||
|
|
@ -517,6 +517,8 @@ $custom-file-text: (
|
||||||
en: "Browse"
|
en: "Browse"
|
||||||
) !default;
|
) !default;
|
||||||
|
|
||||||
|
$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
|
||||||
|
|
||||||
|
|
||||||
// Form validation
|
// Form validation
|
||||||
$form-feedback-margin-top: $form-text-margin-top !default;
|
$form-feedback-margin-top: $form-text-margin-top !default;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Brand
|
// Component: Brand
|
||||||
* ----------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.brand-link {
|
.brand-link {
|
||||||
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
|
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
|
||||||
|
|
@ -9,6 +8,7 @@
|
||||||
font-size: $navbar-brand-font-size;
|
font-size: $navbar-brand-font-size;
|
||||||
line-height: $line-height-lg;
|
line-height: $line-height-lg;
|
||||||
padding: $brand-link-padding-y $sidebar-padding-x;
|
padding: $brand-link-padding-y $sidebar-padding-x;
|
||||||
|
transition: width $transition-speed $transition-fn;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Button
|
// Component: Button
|
||||||
* -----------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
// Flat buttons
|
// Flat buttons
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Callout
|
// Component: Callout
|
||||||
* ------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// Base styles (regardless of theme)
|
// Base styles (regardless of theme)
|
||||||
.callout {
|
.callout {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Cards
|
// Component: Cards
|
||||||
* ----------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
@extend .mb-3;
|
@extend .mb-3;
|
||||||
|
|
@ -52,7 +51,7 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom: none;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -97,7 +96,7 @@ html.maximized-card {
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapsed-card & {
|
.collapsed-card & {
|
||||||
border-bottom: none;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .card-tools {
|
> .card-tools {
|
||||||
|
|
@ -252,8 +251,8 @@ html.maximized-card {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Time labels
|
// Time labels
|
||||||
.label {
|
.badge {
|
||||||
font-size: 9px;
|
font-size: .7rem;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -287,31 +286,23 @@ html.maximized-card {
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.badge {
|
||||||
background: $gray-500 !important;
|
background: $gray-500 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Color varaity
|
// Color variants
|
||||||
.danger {
|
@each $name, $color in $theme-colors {
|
||||||
border-left-color: theme-color('danger');
|
.#{$name} {
|
||||||
|
border-left-color: $color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning {
|
@each $name, $color in $colors {
|
||||||
border-left-color: theme-color('warning');
|
.#{$name} {
|
||||||
|
border-left-color: $color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
|
||||||
border-left-color: theme-color('info');
|
|
||||||
}
|
|
||||||
|
|
||||||
.success {
|
|
||||||
border-left-color: theme-color('success');
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary {
|
|
||||||
border-left-color: theme-color('primary');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.handle {
|
.handle {
|
||||||
|
|
@ -328,59 +319,11 @@ html.maximized-card {
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Color variants
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
.card-#{$name} {
|
@include cards-variant($name, $color);
|
||||||
&:not(.card-outline) {
|
}
|
||||||
.card-header {
|
|
||||||
background-color: $color;
|
@each $name, $color in $colors {
|
||||||
border-bottom: 0;
|
@include cards-variant($name, $color);
|
||||||
|
|
||||||
&,
|
|
||||||
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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Carousel
|
// Component: Carousel
|
||||||
* -------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.carousel-control {
|
.carousel-control {
|
||||||
&.left,
|
&.left,
|
||||||
|
|
|
||||||
|
|
@ -1,74 +1,15 @@
|
||||||
/*
|
//
|
||||||
* Misc: Colors
|
// Misc: Colors
|
||||||
* ------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// Background colors (theme colors)
|
// Background colors (theme colors)
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
.bg-#{$name} {
|
@include background-variant($name, $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%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Background colors (colors)
|
// Background colors (colors)
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $colors {
|
||||||
.bg-#{$name} {
|
@include background-variant($name, $color);
|
||||||
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%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-gray {
|
.bg-gray {
|
||||||
|
|
@ -93,64 +34,12 @@
|
||||||
|
|
||||||
// Gradient Background colors (theme colors)
|
// Gradient Background colors (theme colors)
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
.bg-gradient-#{$name} {
|
@include background-gradient-variant($name, $color);
|
||||||
@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%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Gradient Background colors (colors)
|
// Gradient Background colors (colors)
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $colors {
|
||||||
.bg-gradient-#{$name} {
|
@include background-gradient-variant($name, $color);
|
||||||
@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%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Backgrund Color Disabled
|
// Backgrund Color Disabled
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Control Sidebar
|
// Component: Control Sidebar
|
||||||
* --------------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
html.control-sidebar-animate {
|
html.control-sidebar-animate {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
@ -150,6 +149,6 @@ html.control-sidebar-animate {
|
||||||
// Background
|
// Background
|
||||||
& {
|
& {
|
||||||
background: $sidebar-light-bg;
|
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 {
|
.direct-chat {
|
||||||
.card-body {
|
.card-body {
|
||||||
|
|
@ -100,7 +99,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-info {
|
.direct-chat-infos {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
|
|
@ -144,7 +143,7 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom: none;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -182,23 +181,15 @@
|
||||||
color: darken($gray-500, 25%);
|
color: darken($gray-500, 25%);
|
||||||
}
|
}
|
||||||
|
|
||||||
//Direct Chat Variants
|
// Color variants
|
||||||
.direct-chat-danger {
|
@each $name, $color in $theme-colors {
|
||||||
@include direct-chat-variant(theme-color('danger'));
|
.direct-chat-#{$name} {
|
||||||
|
@include direct-chat-variant($color);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-primary {
|
@each $name, $color in $colors {
|
||||||
@include direct-chat-variant(theme-color('primary'));
|
.direct-chat-#{$name} {
|
||||||
}
|
@include direct-chat-variant($color);
|
||||||
|
}
|
||||||
.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'));
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Dropdown
|
// Component: Dropdown
|
||||||
* -------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// General Dropdown Rules
|
// General Dropdown Rules
|
||||||
//.dropdown-item {
|
//.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 header and footer
|
||||||
.dropdown-footer,
|
.dropdown-footer,
|
||||||
.dropdown-header {
|
.dropdown-header {
|
||||||
|
|
@ -47,8 +66,8 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add fade animation to dropdown menus by appending
|
// Add fade animation to dropdown menus by appending
|
||||||
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
// the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)
|
||||||
.open:not(.dropup) > .animated-dropdown-menu {
|
.open:not(.dropup) > .animated-dropdown-menu {
|
||||||
@include animation(flipInX .7s both);
|
@include animation(flipInX .7s both);
|
||||||
backface-visibility: visible !important;
|
backface-visibility: visible !important;
|
||||||
|
|
@ -80,33 +99,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes flipInX {
|
// Fix dropdown menu in navbars
|
||||||
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 */
|
|
||||||
.navbar-custom-menu > .navbar-nav {
|
.navbar-custom-menu > .navbar-nav {
|
||||||
> li {
|
> li {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -134,11 +127,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* User Menu */
|
// User Menu
|
||||||
.navbar-nav > .user-menu {
|
.navbar-nav > .user-menu {
|
||||||
> .nav-link:after {
|
> .nav-link:after {
|
||||||
content:none;
|
content:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .dropdown-menu {
|
> .dropdown-menu {
|
||||||
@include border-top-radius(0);
|
@include border-top-radius(0);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -155,6 +149,7 @@
|
||||||
height: 175px;
|
height: 175px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
// User image
|
// User image
|
||||||
> img {
|
> img {
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
|
|
@ -164,11 +159,13 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
border-color: rgba(255, 255, 255, 0.2);
|
border-color: rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
//text-shadow: 2px 2px 3px #333333;
|
//text-shadow: 2px 2px 3px #333333;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
||||||
> small {
|
> small {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
@ -178,46 +175,50 @@
|
||||||
|
|
||||||
// Menu Body
|
// Menu Body
|
||||||
> .user-body {
|
> .user-body {
|
||||||
padding: 15px;
|
|
||||||
border-bottom: 1px solid #f4f4f4;
|
|
||||||
border-top: 1px solid #dddddd;
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
border-bottom: 1px solid $gray-700;
|
||||||
|
border-top: 1px solid $gray-300;
|
||||||
|
padding: 15px;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #444 !important;
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
background: #fff !important;
|
background: $white !important;
|
||||||
color: #444 !important;
|
color: $gray-700 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Menu Footer
|
// Menu Footer
|
||||||
> .user-footer {
|
> .user-footer {
|
||||||
background-color: #f9f9f9;
|
|
||||||
padding: 10px;
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
background-color: $gray-100;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
.btn-default {
|
.btn-default {
|
||||||
color: #666666;
|
color: $gray-600;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
background-color: #f9f9f9;
|
background-color: $gray-100;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-image {
|
.user-image {
|
||||||
float: left;
|
|
||||||
width: 25px;
|
|
||||||
height: 25px;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-top: -2px;
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
float: none;
|
float: none;
|
||||||
|
line-height: 10px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-top: -8px;
|
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 {
|
.elevation-0 {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Forms
|
// Component: Forms
|
||||||
* ----------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.form-group {
|
.form-group {
|
||||||
&.has-icon {
|
&.has-icon {
|
||||||
|
|
@ -28,7 +27,8 @@
|
||||||
// Button groups
|
// Button groups
|
||||||
.btn-group-vertical {
|
.btn-group-vertical {
|
||||||
.btn {
|
.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);
|
@include border-radius(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -257,113 +257,21 @@ textarea.form-control {
|
||||||
// custom switch color variations
|
// custom switch color variations
|
||||||
.custom-switch {
|
.custom-switch {
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
&.custom-switch-off-#{$name} {
|
@include custom-switch-variant($name, $color);
|
||||||
& .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%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $colors {
|
||||||
&.custom-switch-off-#{$name} {
|
@include custom-switch-variant($name, $color);
|
||||||
& .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 color variations
|
// custom range color variations
|
||||||
.custom-range {
|
.custom-range {
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
&.custom-range-#{$name} {
|
@include custom-range-variant($name, $color);
|
||||||
&: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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $colors {
|
||||||
&.custom-range-#{$name} {
|
@include custom-range-variant($name, $color);
|
||||||
&: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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Info Box
|
// Component: Info Box
|
||||||
* -------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.info-box {
|
.info-box {
|
||||||
@extend .d-flex;
|
@extend .d-flex;
|
||||||
|
|
@ -12,9 +11,10 @@
|
||||||
background: $white;
|
background: $white;
|
||||||
min-height: 80px;
|
min-height: 80px;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
background-color: rgba($black, 0.125);
|
background-color: rgba($black, .125);
|
||||||
height: 2px;
|
height: 2px;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
|
|
||||||
|
|
@ -105,7 +105,7 @@
|
||||||
.col-lg-2 &,
|
.col-lg-2 &,
|
||||||
.col-md-2 & {
|
.col-md-2 & {
|
||||||
.progress-description {
|
.progress-description {
|
||||||
@include font-size(0.75rem);
|
@include font-size(.75rem);
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -114,7 +114,7 @@
|
||||||
.col-lg-3 &,
|
.col-lg-3 &,
|
||||||
.col-md-3 & {
|
.col-md-3 & {
|
||||||
.progress-description {
|
.progress-description {
|
||||||
@include font-size(0.75rem);
|
@include font-size(.75rem);
|
||||||
display: block;
|
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 {
|
html {
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
|
|
@ -21,7 +20,7 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-boxed & {
|
.layout-boxed & {
|
||||||
@include box-shadow(0 0 10px rgba($black, .3));
|
@include box-shadow(0 0 10 rgba($black, .3));
|
||||||
|
|
||||||
&,
|
&,
|
||||||
&::before {
|
&::before {
|
||||||
|
|
@ -40,6 +39,13 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed.sidebar-collapse & {
|
||||||
|
.brand-link {
|
||||||
|
height: $main-header-height;
|
||||||
|
width: $sidebar-mini-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.layout-navbar-fixed & {
|
.layout-navbar-fixed & {
|
||||||
a.anchor {
|
a.anchor {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -47,20 +53,12 @@ body,
|
||||||
top: calc((#{$main-header-height-inner} + #{$main-header-bottom-border-width} + (#{$main-header-link-padding-y} * 2)) / -1);
|
top: calc((#{$main-header-height-inner} + #{$main-header-bottom-border-width} + (#{$main-header-link-padding-y} * 2)) / -1);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.sidebar-collapse {
|
|
||||||
.brand-link {
|
|
||||||
height: $main-header-height;
|
|
||||||
transition: width $transition-speed $transition-fn;
|
|
||||||
width: $sidebar-mini-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-sidebar:hover {
|
.main-sidebar:hover {
|
||||||
.brand-link {
|
.brand-link {
|
||||||
transition: width $transition-speed $transition-fn;
|
transition: width $transition-speed $transition-fn;
|
||||||
width: $sidebar-width;
|
width: $sidebar-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.brand-link {
|
.brand-link {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -102,7 +100,7 @@ body,
|
||||||
|
|
||||||
.sidebar,
|
.sidebar,
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-header {
|
.main-header {
|
||||||
|
|
@ -182,7 +180,7 @@ body,
|
||||||
|
|
||||||
.sidebar,
|
.sidebar,
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-header {
|
.main-header {
|
||||||
|
|
@ -209,7 +207,7 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -335,6 +333,10 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-fixed {
|
.layout-fixed {
|
||||||
|
.brand-link {
|
||||||
|
width: $sidebar-width;
|
||||||
|
}
|
||||||
|
|
||||||
.main-sidebar {
|
.main-sidebar {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
float: none;
|
float: none;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Main Header
|
// Component: Main Header
|
||||||
* ----------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.main-header {
|
.main-header {
|
||||||
border-bottom: $main-header-bottom-border;
|
border-bottom: $main-header-bottom-border;
|
||||||
|
|
@ -79,19 +78,6 @@
|
||||||
color: $main-header-dark-placeholder-color;
|
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 {
|
&:focus {
|
||||||
&,
|
&,
|
||||||
& + .input-group-append .btn-navbar {
|
& + .input-group-append .btn-navbar {
|
||||||
|
|
@ -111,24 +97,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control-navbar {
|
.form-control-navbar {
|
||||||
|
&:ms-placeholder,
|
||||||
|
&:moz-placeholder,
|
||||||
|
&::moz-placeholder,
|
||||||
&::placeholder,
|
&::placeholder,
|
||||||
+ .input-group-append > .btn-navbar {
|
+ .input-group-append > .btn-navbar {
|
||||||
color: $main-header-light-placeholder-color;
|
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 {
|
&:focus {
|
||||||
&,
|
&,
|
||||||
& + .input-group-append .btn-navbar {
|
& + .input-group-append .btn-navbar {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/**
|
//
|
||||||
* Component: Main Sidebar
|
// Component: Main Sidebar
|
||||||
* -----------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.main-sidebar {
|
.main-sidebar {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
@ -62,7 +61,7 @@
|
||||||
// All levels
|
// All levels
|
||||||
.nav-item {
|
.nav-item {
|
||||||
> .nav-link {
|
> .nav-link {
|
||||||
margin-bottom: 0.2rem;
|
margin-bottom: .2rem;
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
@include transition(transform $transition-fn $transition-speed);
|
@include transition(transform $transition-fn $transition-speed);
|
||||||
|
|
@ -97,10 +96,10 @@
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
.nav-icon {
|
.nav-icon {
|
||||||
text-align: center;
|
|
||||||
width: $sidebar-nav-icon-width;
|
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
margin-right: .2rem;
|
margin-right: .2rem;
|
||||||
|
text-align: center;
|
||||||
|
width: $sidebar-nav-icon-width;
|
||||||
|
|
||||||
&.fa,
|
&.fa,
|
||||||
&.fas,
|
&.fas,
|
||||||
|
|
@ -132,8 +131,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.nav-child-indent {
|
&.nav-child-indent {
|
||||||
.nav-treeview{
|
.nav-treeview {
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -143,7 +142,7 @@
|
||||||
padding: $nav-link-padding-y;
|
padding: $nav-link-padding-y;
|
||||||
|
|
||||||
&:not(:first-of-type) {
|
&:not(:first-of-type) {
|
||||||
padding: 1.7rem 1rem .5rem 1rem;
|
padding: 1.7rem 1rem .5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -154,6 +153,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar-overlay {
|
#sidebar-overlay {
|
||||||
|
@include media-breakpoint-down(md) {
|
||||||
|
.sidebar-open & {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
background-color: rgba($black, 0.1);
|
background-color: rgba($black, 0.1);
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -162,15 +167,10 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: $zindex-main-sidebar - 1;
|
z-index: $zindex-main-sidebar - 1;
|
||||||
|
|
||||||
@include media-breakpoint-down(md) {
|
|
||||||
.sidebar-open & {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-mini-md.sidebar-open {
|
.sidebar-mini-md {
|
||||||
|
&.sidebar-open {
|
||||||
#sidebar-overlay {
|
#sidebar-overlay {
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -179,28 +179,231 @@
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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
|
// Sidebar variants
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
.sidebar-dark-#{$name} {
|
.sidebar-dark-#{$name},
|
||||||
@include skin-dark-sidebar($color)
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-light-#{$name} {
|
.sidebar-light-#{$name} {
|
||||||
@include skin-light-sidebar($color)
|
@include sidebar-color($color)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $colors {
|
||||||
.sidebar-dark-#{$name} {
|
.sidebar-dark-#{$name},
|
||||||
@include skin-dark-sidebar($color)
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-light-#{$name} {
|
.sidebar-light-#{$name} {
|
||||||
@include skin-light-sidebar($color)
|
@include sidebar-color($color)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Misc: Miscellaneous
|
// Misc: Miscellaneous
|
||||||
* -------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.border-transparent {
|
.border-transparent {
|
||||||
border-color: transparent !important;
|
border-color: transparent !important;
|
||||||
|
|
@ -27,10 +26,8 @@
|
||||||
> .description-text {
|
> .description-text {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
// Description Block Extension
|
// Description Block Extension
|
||||||
.description-block {
|
|
||||||
.description-icon {
|
.description-icon {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
@ -57,7 +54,7 @@
|
||||||
.list-seperator {
|
.list-seperator {
|
||||||
background: $card-border-color;
|
background: $card-border-color;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
margin: 15px 0 9px 0;
|
margin: 15px 0 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-link {
|
.list-link {
|
||||||
|
|
@ -237,7 +234,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.attachment-text {
|
.attachment-text {
|
||||||
color: #555;
|
color: $gray-700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -295,16 +292,16 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: -2px;
|
right: -2px;
|
||||||
top: -2px;
|
top: -2px;
|
||||||
z-index: 10;
|
|
||||||
width: $ribbon-wrapper-size;
|
width: $ribbon-wrapper-size;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
&.ribbon-lg {
|
&.ribbon-lg {
|
||||||
height: $ribbon-lg-wrapper-size;
|
height: $ribbon-lg-wrapper-size;
|
||||||
width: $ribbon-lg-wrapper-size;
|
width: $ribbon-lg-wrapper-size;
|
||||||
|
|
||||||
.ribbon {
|
.ribbon {
|
||||||
top: $ribbon-lg-top;
|
|
||||||
right: $ribbon-lg-right;
|
right: $ribbon-lg-right;
|
||||||
|
top: $ribbon-lg-top;
|
||||||
width: $ribbon-lg-width;
|
width: $ribbon-lg-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -314,8 +311,8 @@
|
||||||
width: $ribbon-xl-wrapper-size;
|
width: $ribbon-xl-wrapper-size;
|
||||||
|
|
||||||
.ribbon {
|
.ribbon {
|
||||||
top: $ribbon-xl-top;
|
|
||||||
right: $ribbon-xl-right;
|
right: $ribbon-xl-right;
|
||||||
|
top: $ribbon-xl-top;
|
||||||
width: $ribbon-xl-width;
|
width: $ribbon-xl-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -340,7 +337,7 @@
|
||||||
border-right: $ribbon-border-size solid transparent;
|
border-right: $ribbon-border-size solid transparent;
|
||||||
border-top: $ribbon-border-size solid #9e9e9e;
|
border-top: $ribbon-border-size solid #9e9e9e;
|
||||||
bottom: -$ribbon-border-size;
|
bottom: -$ribbon-border-size;
|
||||||
content: "";
|
content: '';
|
||||||
position: absolute;
|
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)) {
|
@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;
|
background-color: $color;
|
||||||
// Navbar links
|
|
||||||
.nav > li > a {
|
.nav > li > a {
|
||||||
color: $font-color;
|
color: $font-color;
|
||||||
}
|
}
|
||||||
|
|
@ -25,6 +229,7 @@
|
||||||
// Add color to the sidebar toggle button
|
// Add color to the sidebar toggle button
|
||||||
.sidebar-toggle {
|
.sidebar-toggle {
|
||||||
color: $font-color;
|
color: $font-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
background: $hover-bg;
|
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) {
|
@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0) {
|
||||||
background-color: $bg-color;
|
background-color: $bg-color;
|
||||||
border-bottom: $border-bottom-width solid $border-bottom-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
|
// Direct Chat Variant
|
||||||
@mixin direct-chat-variant($bg-color, $color: #fff) {
|
@mixin direct-chat-variant($bg-color, $color: #fff) {
|
||||||
.right > .direct-chat-text {
|
.right > .direct-chat-text {
|
||||||
|
|
@ -68,13 +257,141 @@
|
||||||
border-color: $bg-color;
|
border-color: $bg-color;
|
||||||
color: color-yiq($bg-color);
|
color: color-yiq($bg-color);
|
||||||
|
|
||||||
&:after,
|
&::after,
|
||||||
&::before {
|
&::before {
|
||||||
border-left-color: $bg-color;
|
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) {
|
@mixin translate($x, $y) {
|
||||||
transform: translate($x, $y);
|
transform: translate($x, $y);
|
||||||
}
|
}
|
||||||
|
|
@ -85,12 +402,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin calc($property, $expression) {
|
@mixin calc($property, $expression) {
|
||||||
#{$property}: -webkit-calc(#{$expression});
|
|
||||||
#{$property}: calc(#{$expression});
|
#{$property}: calc(#{$expression});
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin rotate($value) {
|
@mixin rotate($value) {
|
||||||
-ms-transform: rotate($value);
|
|
||||||
transform: rotate($value);
|
transform: rotate($value);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -107,214 +422,3 @@
|
||||||
background: -o-linear-gradient($stop, $start);
|
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
|
// Overlay
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
/*
|
//
|
||||||
* Component: Nav
|
// Component: Nav
|
||||||
* --------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.nav-pills {
|
.nav-pills {
|
||||||
.nav-link {
|
.nav-link {
|
||||||
color: $gray-600;
|
color: $gray-600;
|
||||||
|
|
||||||
&:not(.active):hover {
|
&:not(.active):hover {
|
||||||
color: theme-color('primary')
|
color: theme-color('primary');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-item {
|
.nav-item {
|
||||||
&.dropdown.show {
|
&.dropdown.show {
|
||||||
.nav-link:hover {
|
.nav-link:hover {
|
||||||
|
|
@ -60,7 +60,7 @@
|
||||||
|
|
||||||
// Color variants
|
// Color variants
|
||||||
@each $color, $value in $theme-colors {
|
@each $color, $value in $theme-colors {
|
||||||
@if $color==dark or $color==light {
|
@if $color == dark or $color == light {
|
||||||
.navbar-#{$color} {
|
.navbar-#{$color} {
|
||||||
background-color: $value;
|
background-color: $value;
|
||||||
}
|
}
|
||||||
|
|
@ -68,7 +68,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
@each $color, $value in $theme-colors {
|
||||||
@if $color!=dark and $color!=light {
|
@if $color != dark and $color != light {
|
||||||
.navbar-#{$color} {
|
.navbar-#{$color} {
|
||||||
background-color: $value;
|
background-color: $value;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Misc: Print
|
// Misc: Print
|
||||||
* -----------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
//Add to elements that you do not want to show when printing
|
//Add to elements that you do not want to show when printing
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,12 @@
|
||||||
/*
|
//
|
||||||
* Component: Products
|
// Component: Products
|
||||||
* -------------------
|
//
|
||||||
*/
|
|
||||||
.products-list {
|
.products-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
> .item {
|
> .item {
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
|
||||||
|
|
@ -19,6 +20,7 @@
|
||||||
|
|
||||||
.product-img {
|
.product-img {
|
||||||
float: left;
|
float: left;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Progress Bar
|
// Component: Progress Bar
|
||||||
* -----------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
//General CSS
|
//General CSS
|
||||||
.progress {
|
.progress {
|
||||||
|
|
@ -59,7 +58,9 @@
|
||||||
|
|
||||||
// Remove margins from progress bars when put in a table
|
// Remove margins from progress bars when put in a table
|
||||||
.table {
|
.table {
|
||||||
tr > td .progress {
|
tr > td {
|
||||||
|
.progress {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,141 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Sidebar Mini
|
// 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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Logo style
|
// Logo style
|
||||||
.logo-xs,
|
.logo-xs,
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Small Box
|
// Component: Small Box
|
||||||
* --------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.small-box {
|
.small-box {
|
||||||
@include border-radius($border-radius);
|
@include border-radius($border-radius);
|
||||||
|
|
@ -19,7 +18,6 @@
|
||||||
|
|
||||||
> .small-box-footer {
|
> .small-box-footer {
|
||||||
background: rgba($black, 0.1);
|
background: rgba($black, 0.1);
|
||||||
color: $white;
|
|
||||||
color: rgba($white, 0.8);
|
color: rgba($white, 0.8);
|
||||||
display: block;
|
display: block;
|
||||||
padding: 3px 0;
|
padding: 3px 0;
|
||||||
|
|
@ -82,14 +80,15 @@
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
|
||||||
> small {
|
> small {
|
||||||
color: #f9f9f9;
|
color: $gray-100;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h3, p {
|
h3,
|
||||||
|
p {
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
/*
|
//
|
||||||
* Component: Social Widgets
|
// Component: Social Widgets
|
||||||
* -------------------------
|
//
|
||||||
*/
|
|
||||||
//General widget style
|
//General widget style
|
||||||
.card-widget {
|
.card-widget {
|
||||||
border: none;
|
border: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Table
|
// Component: Table
|
||||||
* ----------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
&:not(.table-dark) {
|
&:not(.table-dark) {
|
||||||
|
|
@ -12,7 +11,7 @@
|
||||||
&.table-head-fixed {
|
&.table-head-fixed {
|
||||||
thead tr:nth-child(1) th {
|
thead tr:nth-child(1) th {
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
border-bottom: none;
|
border-bottom: 0;
|
||||||
box-shadow: inset 0 1px 0 $table-border-color,
|
box-shadow: inset 0 1px 0 $table-border-color,
|
||||||
inset 0 -1px 0 $table-border-color;
|
inset 0 -1px 0 $table-border-color;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Component: Text
|
// Component: Text
|
||||||
* -------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// text modification
|
// text modification
|
||||||
.text-bold {
|
.text-bold {
|
||||||
|
|
@ -26,7 +25,6 @@
|
||||||
font-size: $font-size-xl !important;
|
font-size: $font-size-xl !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// text color variations
|
// text color variations
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $colors {
|
||||||
.text-#{$name} {
|
.text-#{$name} {
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,10 @@
|
||||||
/*
|
//
|
||||||
* Component: Timeline
|
// Component: Timeline
|
||||||
* -------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.timeline {
|
.timeline {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0 0 30px 0;
|
margin: 0 0 30px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
@ -33,7 +32,7 @@
|
||||||
@include box-shadow($card-shadow);
|
@include box-shadow($card-shadow);
|
||||||
@include border-radius($border-radius);
|
@include border-radius($border-radius);
|
||||||
background: $white;
|
background: $white;
|
||||||
color: #444;
|
color: $gray-700;
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
@ -50,7 +49,7 @@
|
||||||
|
|
||||||
> .timeline-header {
|
> .timeline-header {
|
||||||
border-bottom: 1px solid $card-border-color;
|
border-bottom: 1px solid $card-border-color;
|
||||||
color: #555;
|
color: $gray-700;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -62,7 +61,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Item body and footer
|
// Item body and footer
|
||||||
> .timeline-body, > .timeline-footer {
|
> .timeline-body,
|
||||||
|
> .timeline-footer {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
/*
|
//
|
||||||
* Component: Users List
|
// Component: Users List
|
||||||
* ---------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.users-list {
|
.users-list {
|
||||||
@extend .list-unstyled;
|
@extend .list-unstyled;
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
float: left;
|
float: left;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,29 @@
|
||||||
/*
|
//
|
||||||
* Core: Variables
|
// Core: Variables
|
||||||
* ---------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// COLORS
|
// COLORS
|
||||||
// --------------------------------------------------------
|
// --------------------------------------------------------
|
||||||
$blue: #0073b7 !default;
|
$blue: #0073b7 !default;
|
||||||
$navy: #001F3F !default;
|
$navy: #001f3f !default;
|
||||||
$teal: #39CCCC !default;
|
$teal: #39cccc !default;
|
||||||
$olive: #3D9970 !default;
|
$olive: #3d9970 !default;
|
||||||
$lime: #01FF70 !default;
|
$lime: #01ff70 !default;
|
||||||
$orange: #FF851B !default;
|
$orange: #ff851b !default;
|
||||||
$fuchsia: #F012BE !default;
|
$fuchsia: #f012be !default;
|
||||||
$purple: #605ca8 !default;
|
$purple: #605ca8 !default;
|
||||||
$maroon: #D81B60 !default;
|
$maroon: #d81b60 !default;
|
||||||
$black: #111 !default;
|
$black: #111 !default;
|
||||||
$gray-x-light: #d2d6de !default;
|
$gray-x-light: #d2d6de !default;
|
||||||
|
|
||||||
|
$colors: map-merge((
|
||||||
|
'navy': $navy,
|
||||||
|
'olive': $olive,
|
||||||
|
'lime': $lime,
|
||||||
|
'fuchsia': $fuchsia,
|
||||||
|
'maroon': $maroon,
|
||||||
|
), $colors);
|
||||||
|
|
||||||
// LAYOUT
|
// LAYOUT
|
||||||
// --------------------------------------------------------
|
// --------------------------------------------------------
|
||||||
|
|
||||||
|
|
@ -120,7 +127,7 @@ $control-sidebar-width: $sidebar-width !default;
|
||||||
|
|
||||||
// Cards
|
// 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-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-size: $font-size-lg;
|
||||||
$card-title-font-weight: $font-weight-normal;
|
$card-title-font-weight: $font-weight-normal;
|
||||||
|
|
@ -144,8 +151,8 @@ $attachment-border-radius: 3px !default;
|
||||||
|
|
||||||
// Z-INDEX
|
// Z-INDEX
|
||||||
// --------------------------------------------------------
|
// --------------------------------------------------------
|
||||||
$zindex-main-header: 900 !default;
|
$zindex-main-header: $zindex-fixed + 2 !default;
|
||||||
$zindex-main-sidebar: 950 !default;
|
$zindex-main-sidebar: $zindex-fixed + 6 !default;
|
||||||
$zindex-sidebar-mini-links: 010 !default;
|
$zindex-sidebar-mini-links: 010 !default;
|
||||||
|
|
||||||
// TRANSITIONS SETTINGS
|
// TRANSITIONS SETTINGS
|
||||||
|
|
@ -162,7 +169,7 @@ $font-size-xl: ($font-size-base * 2);
|
||||||
|
|
||||||
// BUTTON
|
// BUTTON
|
||||||
// --------------------------------------------------------
|
// --------------------------------------------------------
|
||||||
$button-default-background-color: #f4f4f4 !default;
|
$button-default-background-color: $gray-100 !default;
|
||||||
$button-default-color: #444 !default;
|
$button-default-color: #444 !default;
|
||||||
$button-default-border-color: #ddd !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 {
|
.error-page {
|
||||||
|
margin: 20px auto 0;
|
||||||
width: 600px;
|
width: 600px;
|
||||||
margin: 20px auto 0 auto;
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
//For the error number e.g: 404
|
//For the error number e.g: 404
|
||||||
> .headline {
|
> .headline {
|
||||||
float: left;
|
float: left;
|
||||||
font-size: 100px;
|
font-size: 100px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
float: none;
|
float: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//For the message
|
//For the message
|
||||||
> .error-content {
|
> .error-content {
|
||||||
|
display: block;
|
||||||
margin-left: 190px;
|
margin-left: 190px;
|
||||||
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> h3 {
|
> h3 {
|
||||||
font-weight: 300;
|
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
|
font-weight: 300;
|
||||||
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
display: block;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Pages: E-commerce
|
// Pages: E-commerce
|
||||||
* -----------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// product image
|
// product image
|
||||||
.product-image {
|
.product-image {
|
||||||
|
|
@ -10,15 +9,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// product image thumbnails list
|
// product image thumbnails list
|
||||||
.product-image-thumbs {
|
.product-image-thumbs {
|
||||||
display: flex;
|
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
|
display: flex;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
// product image thumbnail
|
// product image thumbnail
|
||||||
.product-image-thumb {
|
.product-image-thumb {
|
||||||
|
|
||||||
@include box-shadow($thumbnail-box-shadow);
|
@include box-shadow($thumbnail-box-shadow);
|
||||||
@include border-radius($thumbnail-border-radius);
|
@include border-radius($thumbnail-border-radius);
|
||||||
|
|
||||||
|
|
@ -40,6 +38,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// product share
|
// product share
|
||||||
.product-share a {
|
.product-share {
|
||||||
margin-right: 0.5rem;
|
a {
|
||||||
|
margin-right: .5rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,11 @@
|
||||||
/*
|
//
|
||||||
* Pages: Invoice
|
// Pages: Invoice
|
||||||
* --------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.invoice {
|
.invoice {
|
||||||
position: relative;
|
|
||||||
background: $white;
|
background: $white;
|
||||||
border: 1px solid $card-border-color;
|
border: 1px solid $card-border-color;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-title {
|
.invoice-title {
|
||||||
|
|
|
||||||
|
|
@ -1,66 +1,71 @@
|
||||||
/*
|
//
|
||||||
* Pages: Lock Screen
|
// Pages: Lock Screen
|
||||||
* ------------------
|
//
|
||||||
*/
|
|
||||||
/* ADD THIS CLASS TO THE <BODY> TAG */
|
// ADD THIS CLASS TO THE <BODY> TAG
|
||||||
.lockscreen {
|
.lockscreen {
|
||||||
background: $gray-200;
|
background: $gray-200;
|
||||||
|
|
||||||
|
// User name [optional]
|
||||||
|
.lockscreen-name {
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.lockscreen-logo {
|
.lockscreen-logo {
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #444;
|
color: $gray-700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.lockscreen-wrapper {
|
.lockscreen-wrapper {
|
||||||
max-width: 400px;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
margin-top: 10%;
|
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 {
|
.lockscreen-item {
|
||||||
@include border-radius(4px);
|
@include border-radius(4px);
|
||||||
padding: 0;
|
|
||||||
background: $white;
|
background: $white;
|
||||||
|
margin: 10px auto 30px;
|
||||||
|
padding: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 10px auto 30px auto;
|
|
||||||
width: 290px;
|
width: 290px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* User image */
|
// User image
|
||||||
.lockscreen-image {
|
.lockscreen-image {
|
||||||
@include border-radius(50%);
|
@include border-radius(50%);
|
||||||
position: absolute;
|
|
||||||
left: -10px;
|
|
||||||
top: -25px;
|
|
||||||
background: $white;
|
background: $white;
|
||||||
|
left: -10px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
position: absolute;
|
||||||
|
top: -25px;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
||||||
> img {
|
> img {
|
||||||
@include border-radius(50%);
|
@include border-radius(50%);
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
height: 70px;
|
||||||
|
width: 70px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Contains the password input and the login button */
|
// Contains the password input and the login button
|
||||||
.lockscreen-credentials {
|
.lockscreen-credentials {
|
||||||
margin-left: 70px;
|
margin-left: 70px;
|
||||||
|
|
||||||
.form-control {
|
.form-control {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
/*
|
//
|
||||||
* Pages: Login & Register
|
// Pages: Login & Register
|
||||||
* -----------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.login-logo,
|
.login-logo,
|
||||||
.register-logo {
|
.register-logo {
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #444;
|
color: $gray-700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -21,26 +21,29 @@
|
||||||
|
|
||||||
.login-box,
|
.login-box,
|
||||||
.register-box {
|
.register-box {
|
||||||
width: 360px;
|
|
||||||
margin: 7% auto;
|
margin: 7% auto;
|
||||||
|
width: 360px;
|
||||||
|
|
||||||
@media (max-width: map-get($grid-breakpoints, sm)) {
|
@media (max-width: map-get($grid-breakpoints, sm)) {
|
||||||
width: 90%;
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
width: 90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-card-body,
|
.login-card-body,
|
||||||
.register-card-body {
|
.register-card-body {
|
||||||
background: $white;
|
background: $white;
|
||||||
padding: 20px;
|
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
color: #666;
|
color: #666;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
.input-group {
|
.input-group {
|
||||||
.form-control {
|
.form-control {
|
||||||
border-right: none;
|
border-right: 0;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
|
||||||
& ~ .input-group-append .input-group-text {
|
& ~ .input-group-append .input-group-text {
|
||||||
border-color: $input-focus-border-color;
|
border-color: $input-focus-border-color;
|
||||||
}
|
}
|
||||||
|
|
@ -50,6 +53,7 @@
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
& ~ .input-group-append .input-group-text {
|
& ~ .input-group-append .input-group-text {
|
||||||
border-color: $success;
|
border-color: $success;
|
||||||
}
|
}
|
||||||
|
|
@ -59,19 +63,20 @@
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
& ~ .input-group-append .input-group-text {
|
& ~ .input-group-append .input-group-text {
|
||||||
border-color: $danger;
|
border-color: $danger;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group-text {
|
.input-group-text {
|
||||||
color: #777;
|
|
||||||
background-color: transparent;
|
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-bottom-right-radius: $border-radius !important;
|
||||||
|
border-left: 0;
|
||||||
border-top-right-radius: $border-radius !important;
|
border-top-right-radius: $border-radius !important;
|
||||||
|
color: #777;
|
||||||
|
transition: $input-transition;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -79,8 +84,8 @@
|
||||||
.login-box-msg,
|
.login-box-msg,
|
||||||
.register-box-msg {
|
.register-box-msg {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 0 20px 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0 20px 20px 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-auth-links {
|
.social-auth-links {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
/*
|
//
|
||||||
* Pages: Mailbox
|
// Pages: Mailbox
|
||||||
* --------------
|
//
|
||||||
*/
|
|
||||||
.mailbox-messages {
|
.mailbox-messages {
|
||||||
> .table {
|
> .table {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -10,6 +10,7 @@
|
||||||
|
|
||||||
.mailbox-controls {
|
.mailbox-controls {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
&.with-border {
|
&.with-border {
|
||||||
border-bottom: 1px solid $card-border-color;
|
border-bottom: 1px solid $card-border-color;
|
||||||
}
|
}
|
||||||
|
|
@ -18,13 +19,15 @@
|
||||||
.mailbox-read-info {
|
.mailbox-read-info {
|
||||||
border-bottom: 1px solid $card-border-color;
|
border-bottom: 1px solid $card-border-color;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px 0 0 0;
|
padding: 5px 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -40,17 +43,17 @@
|
||||||
.mailbox-attachments {
|
.mailbox-attachments {
|
||||||
@extend .list-unstyled;
|
@extend .list-unstyled;
|
||||||
li {
|
li {
|
||||||
float: left;
|
|
||||||
width: 200px;
|
|
||||||
border: 1px solid #eee;
|
border: 1px solid #eee;
|
||||||
|
float: left;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
width: 200px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mailbox-attachment-name {
|
.mailbox-attachment-name {
|
||||||
font-weight: bold;
|
|
||||||
color: #666;
|
color: #666;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mailbox-attachment-icon,
|
.mailbox-attachment-icon,
|
||||||
|
|
@ -60,13 +63,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.mailbox-attachment-info {
|
.mailbox-attachment-info {
|
||||||
|
background: $gray-100;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mailbox-attachment-size {
|
.mailbox-attachment-size {
|
||||||
color: #999;
|
color: #999;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-top: 0.75rem;
|
padding-top: 0.75rem;
|
||||||
|
|
@ -74,16 +78,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.mailbox-attachment-icon {
|
.mailbox-attachment-icon {
|
||||||
text-align: center;
|
|
||||||
font-size: 65px;
|
|
||||||
color: #666;
|
color: #666;
|
||||||
padding: 20px 10px;
|
font-size: 65px;
|
||||||
max-height: 132.5px;
|
max-height: 132.5px;
|
||||||
|
padding: 20px 10px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
&.has-img {
|
&.has-img {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
> img {
|
> img {
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,12 @@
|
||||||
/*
|
//
|
||||||
* Pages: Profile
|
// Pages: Profile
|
||||||
* --------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.profile-user-img {
|
.profile-user-img {
|
||||||
margin: 0 auto;
|
|
||||||
width: 100px;
|
|
||||||
padding: 3px;
|
|
||||||
border: 3px solid $gray-500;
|
border: 3px solid $gray-500;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 3px;
|
||||||
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-username {
|
.profile-username {
|
||||||
|
|
@ -17,14 +16,16 @@
|
||||||
|
|
||||||
.post {
|
.post {
|
||||||
border-bottom: 1px solid $gray-500;
|
border-bottom: 1px solid $gray-500;
|
||||||
|
color: #666;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
color: #666;
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-block {
|
.user-block {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Pages: Projects
|
// Pages: Projects
|
||||||
* ---------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.projects {
|
.projects {
|
||||||
td {
|
td {
|
||||||
|
|
@ -14,7 +13,7 @@
|
||||||
|
|
||||||
// table avatar
|
// table avatar
|
||||||
img.table-avatar,
|
img.table-avatar,
|
||||||
.table-avatar img{
|
.table-avatar img {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: inline;
|
display: inline;
|
||||||
width: 2.5rem;
|
width: 2.5rem;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Plugin: Bootstrap Slider
|
// Plugin: Bootstrap Slider
|
||||||
* ------------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// Style override
|
// Style override
|
||||||
.slider {
|
.slider {
|
||||||
|
|
@ -14,7 +13,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Colors
|
// Colors
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $theme-colors {
|
||||||
.slider-#{$name} .slider {
|
.slider-#{$name} .slider {
|
||||||
.slider-selection {
|
.slider-selection {
|
||||||
background: $color;
|
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
|
// Buttons
|
||||||
.fc-button {
|
.fc-button {
|
||||||
background: #f4f4f4;
|
background: $gray-100;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: #444;
|
|
||||||
border-color: #ddd;
|
|
||||||
border-bottom-color: #ddd;
|
border-bottom-color: #ddd;
|
||||||
|
border-color: #ddd;
|
||||||
|
color: $gray-700;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&.hover {
|
&.hover {
|
||||||
|
|
@ -19,9 +19,9 @@
|
||||||
|
|
||||||
// Calendar title
|
// Calendar title
|
||||||
.fc-header-title h2 {
|
.fc-header-title h2 {
|
||||||
|
color: #666;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
color: #666;
|
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -39,8 +39,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.fc-grid {
|
.fc-grid {
|
||||||
width: 100%;
|
|
||||||
border: 0;
|
border: 0;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fc-widget-header:first-of-type,
|
.fc-widget-header:first-of-type,
|
||||||
|
|
@ -55,8 +55,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.fc-toolbar {
|
.fc-toolbar {
|
||||||
padding: 1rem;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fc-day-number {
|
.fc-day-number {
|
||||||
|
|
@ -69,13 +69,21 @@
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
float: left;
|
float: left;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
margin-right: 5px;
|
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
.fa {
|
margin-right: 5px;
|
||||||
|
|
||||||
|
.fa,
|
||||||
|
.fas,
|
||||||
|
.far,
|
||||||
|
.fab,
|
||||||
|
.glyphicon,
|
||||||
|
.ion {
|
||||||
transition: transform linear .3s;
|
transition: transform linear .3s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@include rotate(30deg);
|
@include rotate(30deg);
|
||||||
}
|
}
|
||||||
|
|
@ -90,11 +98,11 @@
|
||||||
.external-event {
|
.external-event {
|
||||||
@include box-shadow($card-shadow);
|
@include box-shadow($card-shadow);
|
||||||
|
|
||||||
padding: 5px 10px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 4px;
|
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
cursor: move;
|
cursor: move;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@include box-shadow(inset 0 0 90px rgba(0, 0, 0, 0.2));
|
@include box-shadow(inset 0 0 90px rgba(0, 0, 0, 0.2));
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Plugin: iCheck Bootstrap
|
// Plugin: iCheck Bootstrap
|
||||||
* ------------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// iCheck colors (theme colors)
|
// iCheck colors (theme colors)
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,21 @@
|
||||||
/*
|
//
|
||||||
* Plugins: JQVMap
|
// Plugins: JQVMap
|
||||||
* ---------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// Zoom Button size fixes
|
// Zoom Button size fixes
|
||||||
.jqvmap-zoomin,
|
.jqvmap-zoomin,
|
||||||
.jqvmap-zoomout {
|
.jqvmap-zoomout {
|
||||||
background-color: $button-default-background-color;
|
background-color: $button-default-background-color;
|
||||||
color: $button-default-color;
|
|
||||||
border: 1px solid $button-default-border-color;
|
border: 1px solid $button-default-border-color;
|
||||||
border-radius: $btn-border-radius;
|
border-radius: $btn-border-radius;
|
||||||
|
color: $button-default-color;
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
height: 15px;
|
||||||
|
width: 15px;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&.hover {
|
&.hover {
|
||||||
color: darken($button-default-color, 10%);
|
|
||||||
background-color: darken($button-default-background-color, 5%);
|
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 {
|
.mapael {
|
||||||
.map {
|
.map {
|
||||||
|
|
@ -10,6 +9,8 @@
|
||||||
|
|
||||||
.mapTooltip {
|
.mapTooltip {
|
||||||
@include reset-text();
|
@include reset-text();
|
||||||
|
@include border-radius($tooltip-border-radius);
|
||||||
|
@include font-size($tooltip-font-size);
|
||||||
background-color: $tooltip-bg;
|
background-color: $tooltip-bg;
|
||||||
color: $tooltip-color;
|
color: $tooltip-color;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -19,50 +20,44 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
z-index: $zindex-tooltip;
|
z-index: $zindex-tooltip;
|
||||||
@include border-radius($tooltip-border-radius);
|
|
||||||
@include font-size($tooltip-font-size);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.myLegend {
|
.myLegend {
|
||||||
background-color: #f4f4e8;
|
background-color: $gray-100;
|
||||||
border: 1px solid #bebeb4;
|
border: 1px solid $gray-500;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
width: 600px;
|
width: 600px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoomButton {
|
.zoomButton {
|
||||||
border-radius: $btn-border-radius;
|
|
||||||
background-color: $button-default-background-color;
|
background-color: $button-default-background-color;
|
||||||
color: $button-default-color;
|
|
||||||
border: 1px solid $button-default-border-color;
|
border: 1px solid $button-default-border-color;
|
||||||
padding-left: 1px;
|
border-radius: $btn-border-radius;
|
||||||
width: 16px;
|
color: $button-default-color;
|
||||||
height: 16px;
|
|
||||||
line-height: 14px;
|
|
||||||
text-align: center;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
height: 16px;
|
||||||
left: 10px;
|
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;
|
user-select: none;
|
||||||
|
width: 16px;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&.hover {
|
&.hover {
|
||||||
color: darken($button-default-color, 10%);
|
|
||||||
background-color: darken($button-default-background-color, 5%);
|
background-color: darken($button-default-background-color, 5%);
|
||||||
|
color: darken($button-default-color, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoomReset {
|
.zoomReset {
|
||||||
top: 10px;
|
|
||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
|
top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoomIn {
|
.zoomIn {
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,7 @@
|
||||||
/*
|
//
|
||||||
* Plugins: Miscellaneous
|
// Plugins: Miscellaneous
|
||||||
* ----------------------
|
// Old plugin codes
|
||||||
* Old plugin codes
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// _fix for sparkline tooltip
|
// _fix for sparkline tooltip
|
||||||
.jqstooltip {
|
.jqstooltip {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Plugin: Select2
|
// Plugin: Select2
|
||||||
* ---------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
//Signle select
|
//Signle select
|
||||||
.select2-container--default,
|
.select2-container--default,
|
||||||
|
|
@ -15,7 +14,7 @@
|
||||||
border: 1px solid $gray-x-light;
|
border: 1px solid $gray-x-light;
|
||||||
//border-radius: $input-radius;
|
//border-radius: $input-radius;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
height: 34px;
|
height: $input-height;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -43,7 +42,7 @@
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-top: -4px;
|
margin-top: -3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
|
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
|
||||||
|
|
@ -52,8 +51,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||||
height: 28px;
|
height: 31px;
|
||||||
right: 3px;
|
right: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||||
|
|
@ -86,6 +85,7 @@
|
||||||
//Multiple select
|
//Multiple select
|
||||||
.select2-container--default {
|
.select2-container--default {
|
||||||
.select2-selection--multiple {
|
.select2-selection--multiple {
|
||||||
|
min-height: $input-height;
|
||||||
border: 1px solid $gray-x-light;
|
border: 1px solid $gray-x-light;
|
||||||
//border-radius: $input-radius;
|
//border-radius: $input-radius;
|
||||||
&:focus {
|
&:focus {
|
||||||
|
|
@ -108,7 +108,7 @@
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||||
background-color: theme-color("primary");
|
background-color: theme-color("primary");
|
||||||
border-color: darken(theme-color("primary"), 5%);
|
border-color: darken(theme-color("primary"), 5%);
|
||||||
padding: 1px 10px;
|
padding: 0 10px;
|
||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,34 +1,38 @@
|
||||||
/*
|
//
|
||||||
* Plugin: SweetAlert2
|
// Plugin: SweetAlert2
|
||||||
* -------------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// Icon Colors
|
// Icon Colors
|
||||||
.swal2-icon {
|
.swal2-icon {
|
||||||
&.swal2-info {
|
&.swal2-info {
|
||||||
color: $info;
|
|
||||||
border-color: ligthen($info, 20%);
|
border-color: ligthen($info, 20%);
|
||||||
|
color: $info;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.swal2-warning {
|
&.swal2-warning {
|
||||||
color: $warning;
|
|
||||||
border-color: ligthen($warning, 20%);
|
border-color: ligthen($warning, 20%);
|
||||||
|
color: $warning;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.swal2-error {
|
&.swal2-error {
|
||||||
color: $danger;
|
|
||||||
border-color: ligthen($danger, 20%);
|
border-color: ligthen($danger, 20%);
|
||||||
|
color: $danger;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.swal2-question {
|
&.swal2-question {
|
||||||
color: $secondary;
|
|
||||||
border-color: ligthen($secondary, 20%);
|
border-color: ligthen($secondary, 20%);
|
||||||
|
color: $secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.swal2-success {
|
&.swal2-success {
|
||||||
color: $success;
|
|
||||||
border-color: ligthen($success, 20%);
|
border-color: ligthen($success, 20%);
|
||||||
|
color: $success;
|
||||||
|
|
||||||
.swal2-success-ring {
|
.swal2-success-ring {
|
||||||
border-color: ligthen($success, 20%);
|
border-color: ligthen($success, 20%);
|
||||||
}
|
}
|
||||||
[class^="swal2-success-line"] {
|
|
||||||
|
[class^='swal2-success-line'] {
|
||||||
background-color: $success;
|
background-color: $success;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
//
|
||||||
* Plugin: Toastr
|
// Plugin: Toastr
|
||||||
* --------------
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// Background to FontAwesome Icons
|
// Background to FontAwesome Icons
|
||||||
// #toast-container > .toast {
|
// #toast-container > .toast {
|
||||||
|
|
@ -35,15 +34,19 @@
|
||||||
.toast {
|
.toast {
|
||||||
background-color: $primary;
|
background-color: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast-success {
|
.toast-success {
|
||||||
background-color: $success;
|
background-color: $success;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast-error {
|
.toast-error {
|
||||||
background-color: $danger;
|
background-color: $danger;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast-info {
|
.toast-info {
|
||||||
background-color: $info;
|
background-color: $info;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast-warning {
|
.toast-warning {
|
||||||
background-color: $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;
|
return Treeview;
|
||||||
}(jQuery);
|
}(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
|
* AdminLTE Widget.js
|
||||||
|
|
@ -848,7 +1051,7 @@
|
||||||
$(this).data(DATA_KEY, typeof config === 'string' ? data : config);
|
$(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]();
|
data[config]();
|
||||||
} else if (typeof config === 'object') {
|
} else if (typeof config === 'object') {
|
||||||
data._init($(this));
|
data._init($(this));
|
||||||
|
|
@ -902,8 +1105,10 @@
|
||||||
}(jQuery);
|
}(jQuery);
|
||||||
|
|
||||||
exports.ControlSidebar = ControlSidebar;
|
exports.ControlSidebar = ControlSidebar;
|
||||||
|
exports.DirectChat = DirectChat;
|
||||||
exports.Layout = Layout;
|
exports.Layout = Layout;
|
||||||
exports.PushMenu = PushMenu;
|
exports.PushMenu = PushMenu;
|
||||||
|
exports.TodoList = TodoList;
|
||||||
exports.Treeview = Treeview;
|
exports.Treeview = Treeview;
|
||||||
exports.Widget = Widget;
|
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 />', {
|
var $navbar_border = $('<input />', {
|
||||||
type : 'checkbox',
|
type : 'checkbox',
|
||||||
value : 1,
|
value : 1,
|
||||||
checked: $('.main-header').hasClass('border-bottom'),
|
checked: $('.main-header').hasClass('border-bottom-0'),
|
||||||
'class': 'mr-1'
|
'class': 'mr-1'
|
||||||
}).on('click', function () {
|
}).on('click', function () {
|
||||||
if ($(this).is(':checked')) {
|
if ($(this).is(':checked')) {
|
||||||
$('.main-header').addClass('border-bottom')
|
$('.main-header').addClass('border-bottom-0')
|
||||||
} else {
|
} else {
|
||||||
$('.main-header').removeClass('border-bottom')
|
$('.main-header').removeClass('border-bottom-0')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
$checkbox_container.append($navbar_border)
|
$checkbox_container.append($navbar_border)
|
||||||
$checkbox_container.append('<span>Navbar border</span>')
|
$checkbox_container.append('<span>No Navbar border</span>')
|
||||||
$container.append($checkbox_container)
|
$container.append($checkbox_container)
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -92,7 +92,17 @@
|
||||||
'bg-warning',
|
'bg-warning',
|
||||||
'bg-info',
|
'bg-info',
|
||||||
'bg-danger',
|
'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 = [
|
var sidebar_skins = [
|
||||||
|
|
@ -101,11 +111,31 @@
|
||||||
'sidebar-dark-info',
|
'sidebar-dark-info',
|
||||||
'sidebar-dark-danger',
|
'sidebar-dark-danger',
|
||||||
'sidebar-dark-success',
|
'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-primary',
|
||||||
'sidebar-light-warning',
|
'sidebar-light-warning',
|
||||||
'sidebar-light-info',
|
'sidebar-light-info',
|
||||||
'sidebar-light-danger',
|
'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>')
|
$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