update
ilhamwara
parent
0001fa2fe8
commit
5d8129ba9d
|
|
@ -300,9 +300,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -340,7 +340,7 @@ RESULT:
|
||||||
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
||||||
/* background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));*/
|
/* background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));*/
|
||||||
/* background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);*/
|
/* background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);*/
|
||||||
background-color: #3E7B27; }
|
background-color: #fff; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
|
|
@ -370,7 +370,7 @@ RESULT:
|
||||||
border-color: #b19dce !important;
|
border-color: #b19dce !important;
|
||||||
z-index: 3; }
|
z-index: 3; }
|
||||||
.active.btn-default {
|
.active.btn-default {
|
||||||
background: #a38cc6;
|
background: #3674B5;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
|
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
|
||||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; }
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; }
|
||||||
|
|
@ -416,7 +416,7 @@ RESULT:
|
||||||
|
|
||||||
.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
|
.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #886ab5 !important; }
|
background: #3674B5 !important; }
|
||||||
.header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:before {
|
.header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:before {
|
||||||
content: "ON" !important;
|
content: "ON" !important;
|
||||||
left: 7px !important;
|
left: 7px !important;
|
||||||
|
|
@ -426,10 +426,10 @@ RESULT:
|
||||||
right: 0 !important;
|
right: 0 !important;
|
||||||
left: auto !important;
|
left: auto !important;
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
color: #886ab5 !important; }
|
color: #3674B5 !important; }
|
||||||
.header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
|
.header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
|
|
||||||
.info-card img.cover {
|
.info-card img.cover {
|
||||||
background-size: cover; }
|
background-size: cover; }
|
||||||
|
|
@ -474,8 +474,8 @@ RESULT:
|
||||||
.dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover {
|
.dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover {
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #886ab5;
|
border-color: #3674B5;
|
||||||
background: #a38cc6;
|
background: #3674B5;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
.settings-panel .expanded {
|
.settings-panel .expanded {
|
||||||
|
|
@ -524,7 +524,7 @@ RESULT:
|
||||||
width: 20px;
|
width: 20px;
|
||||||
-webkit-animation: spin 0.5s infinite linear;
|
-webkit-animation: spin 0.5s infinite linear;
|
||||||
animation: spin 0.5s infinite linear;
|
animation: spin 0.5s infinite linear;
|
||||||
border: 2px solid #886ab5;
|
border: 2px solid #3674B5;
|
||||||
border-right-color: transparent;
|
border-right-color: transparent;
|
||||||
border-radius: 50%; }
|
border-radius: 50%; }
|
||||||
|
|
||||||
|
|
@ -608,22 +608,22 @@ RESULT:
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* contains root variables to be used with css (see docs) */
|
/* contains root variables to be used with css (see docs) */
|
||||||
:root {
|
:root {
|
||||||
--theme-primary: #886ab5;
|
--theme-primary: #3674B5;
|
||||||
--theme-secondary: #868e96;
|
--theme-secondary: #868e96;
|
||||||
--theme-success: #1dc9b7;
|
--theme-success: #1dc9b7;
|
||||||
--theme-info: #2196F3;
|
--theme-info: #2196F3;
|
||||||
--theme-warning: #ffc241;
|
--theme-warning: #ffc241;
|
||||||
--theme-danger: #fd3995;
|
--theme-danger: #B82132;
|
||||||
--theme-light: #fff;
|
--theme-light: #fff;
|
||||||
--theme-dark: #505050;
|
--theme-dark: #505050;
|
||||||
--theme-primary-50: #ccbfdf;
|
--theme-primary-50: #ccbfdf;
|
||||||
--theme-primary-100: #beaed7;
|
--theme-primary-100: #beaed7;
|
||||||
--theme-primary-200: #b19dce;
|
--theme-primary-200: #b19dce;
|
||||||
--theme-primary-300: #a38cc6;
|
--theme-primary-300: #3674B5;
|
||||||
--theme-primary-400: #967bbd;
|
--theme-primary-400: #967bbd;
|
||||||
--theme-primary-500: #886ab5;
|
--theme-primary-500: #3674B5;
|
||||||
--theme-primary-600: #7a59ad;
|
--theme-primary-600: #3674B5;
|
||||||
--theme-primary-700: #6e4e9e;
|
--theme-primary-700: #3674B5;
|
||||||
--theme-primary-800: #62468d;
|
--theme-primary-800: #62468d;
|
||||||
--theme-primary-900: #563d7c;
|
--theme-primary-900: #563d7c;
|
||||||
--theme-success-50: #7aece0;
|
--theme-success-50: #7aece0;
|
||||||
|
|
@ -661,9 +661,9 @@ RESULT:
|
||||||
--theme-danger-200: #fe85be;
|
--theme-danger-200: #fe85be;
|
||||||
--theme-danger-300: #fe6bb0;
|
--theme-danger-300: #fe6bb0;
|
||||||
--theme-danger-400: #fd52a3;
|
--theme-danger-400: #fd52a3;
|
||||||
--theme-danger-500: #fd3995;
|
--theme-danger-500: #B82132;
|
||||||
--theme-danger-600: #fd2087;
|
--theme-danger-600: #fd2087;
|
||||||
--theme-danger-700: #fc077a;
|
--theme-danger-700: #B82132;
|
||||||
--theme-danger-800: #e7026e;
|
--theme-danger-800: #e7026e;
|
||||||
--theme-danger-900: #ce0262;
|
--theme-danger-900: #ce0262;
|
||||||
--theme-fusion-50: #909090;
|
--theme-fusion-50: #909090;
|
||||||
|
|
@ -704,6 +704,17 @@ html body {
|
||||||
background-color: #fff; }
|
background-color: #fff; }
|
||||||
|
|
||||||
/* app header */
|
/* app header */
|
||||||
|
.bg-primary{background: #3674B5!important;}
|
||||||
|
.btn-primary {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #3674B5;
|
||||||
|
border-color: #3674B5;
|
||||||
|
}
|
||||||
|
.btn-primary:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #3674B5;
|
||||||
|
border-color: #3674B5;
|
||||||
|
}
|
||||||
.header-icon {
|
.header-icon {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
height: 4.125rem;
|
height: 4.125rem;
|
||||||
|
|
@ -717,7 +728,7 @@ html body {
|
||||||
overflow: visible; }
|
overflow: visible; }
|
||||||
.header-icon:not(.btn) > [class*='fa-']:first-child,
|
.header-icon:not(.btn) > [class*='fa-']:first-child,
|
||||||
.header-icon:not(.btn) > .ni:first-child {
|
.header-icon:not(.btn) > .ni:first-child {
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
vertical-align: middle; }
|
vertical-align: middle; }
|
||||||
.header-icon:not(.btn) > [class*='fa-']:first-child {
|
.header-icon:not(.btn) > [class*='fa-']:first-child {
|
||||||
font-size: 21px; }
|
font-size: 21px; }
|
||||||
|
|
@ -855,7 +866,7 @@ html body {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #fff;
|
color: #333;
|
||||||
display: block;
|
display: block;
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
-ms-flex: 1 0 auto;
|
-ms-flex: 1 0 auto;
|
||||||
|
|
@ -1047,7 +1058,7 @@ html body {
|
||||||
.app-list-item:hover > .icon-stack {
|
.app-list-item:hover > .icon-stack {
|
||||||
font-size: 3.1875rem; }
|
font-size: 3.1875rem; }
|
||||||
.app-list-item:active {
|
.app-list-item:active {
|
||||||
border-color: #886ab5;
|
border-color: #3674B5;
|
||||||
padding-top: 8px; }
|
padding-top: 8px; }
|
||||||
.app-list-item:active > .icon-stack {
|
.app-list-item:active > .icon-stack {
|
||||||
font-size: 3.125rem; }
|
font-size: 3.125rem; }
|
||||||
|
|
@ -1137,7 +1148,7 @@ html body {
|
||||||
.nav-title {
|
.nav-title {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #fff;
|
color: #333;
|
||||||
padding: 1rem 2rem;
|
padding: 1rem 2rem;
|
||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
|
|
@ -1163,7 +1174,7 @@ html body {
|
||||||
-webkit-box-pack: center;
|
-webkit-box-pack: center;
|
||||||
-ms-flex-pack: center;
|
-ms-flex-pack: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
color: #fff; }
|
color: #333; }
|
||||||
.nav-menu b.collapse-sign > [class*='fa-'],
|
.nav-menu b.collapse-sign > [class*='fa-'],
|
||||||
.nav-menu b.collapse-sign > .ni {
|
.nav-menu b.collapse-sign > .ni {
|
||||||
font-size: inherit; }
|
font-size: inherit; }
|
||||||
|
|
@ -1180,8 +1191,8 @@ html body {
|
||||||
.nav-menu li.active > a {
|
.nav-menu li.active > a {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
-webkit-box-shadow: inset 3px 0 0 #886ab5;
|
-webkit-box-shadow: inset 3px 0 0 #3674B5;
|
||||||
box-shadow: inset 3px 0 0 #886ab5;
|
box-shadow: inset 3px 0 0 #3674B5;
|
||||||
font-weight: 400; }
|
font-weight: 400; }
|
||||||
.nav-menu li.active > a:hover > [class*='fa-'],
|
.nav-menu li.active > a:hover > [class*='fa-'],
|
||||||
.nav-menu li.active > a:hover > .ni {
|
.nav-menu li.active > a:hover > .ni {
|
||||||
|
|
@ -1189,7 +1200,8 @@ html body {
|
||||||
.nav-menu li.active > ul {
|
.nav-menu li.active > ul {
|
||||||
display: block; }
|
display: block; }
|
||||||
.nav-menu li.active:not(.open) > a:before {
|
.nav-menu li.active:not(.open) > a:before {
|
||||||
content: '\f413';
|
/* content: '\f413';*/
|
||||||
|
content: '';
|
||||||
font-family: 'nextgen-icons';
|
font-family: 'nextgen-icons';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(50% - 5px);
|
top: calc(50% - 5px);
|
||||||
|
|
@ -1272,14 +1284,22 @@ html body {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: rgba(255, 255, 255, 0.7); }
|
color: rgba(255, 255, 255, 0.7); }
|
||||||
.nav-menu li a > [class*='fa-'],
|
.nav-menu li.active > a > [class*='fa-'],
|
||||||
.nav-menu li a > .ni {
|
.nav-menu li a > .ni {
|
||||||
margin-right: 0.25rem;
|
margin-right: 0.25rem;
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
width: 1.75rem;
|
width: 1.75rem;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
|
.nav-menu li a > [class*='fa-'],
|
||||||
|
.nav-menu li a > .ni {
|
||||||
|
margin-right: 0.25rem;
|
||||||
|
font-size: 1.125rem;
|
||||||
|
width: 1.75rem;
|
||||||
|
color: #333; }
|
||||||
|
.nav-menu li > a > .nav-link-text {color: #333;}
|
||||||
.nav-menu li a > .nav-link-text {
|
.nav-menu li a > .nav-link-text {
|
||||||
color: #fff;
|
color: #333;
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
@ -1291,9 +1311,16 @@ html body {
|
||||||
-ms-flex-align: center;
|
-ms-flex-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
line-height: normal; }
|
line-height: normal; }
|
||||||
|
.nav-menu li.active > a > .nav-link-text{color: #fff;}
|
||||||
.nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
|
.nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
|
||||||
-webkit-transform: rotate(180deg);
|
-webkit-transform: rotate(180deg);
|
||||||
transform: rotate(180deg); }
|
transform: rotate(180deg); }
|
||||||
|
.nav-menu li.active > a:hover span {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.nav-menu li.active > a:hover i {
|
||||||
|
color: #333!important;
|
||||||
|
}
|
||||||
.nav-menu li a:hover {
|
.nav-menu li a:hover {
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -1302,7 +1329,7 @@ html body {
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.nav-menu li a:hover > [class*='fa-'],
|
.nav-menu li a:hover > [class*='fa-'],
|
||||||
.nav-menu li a:hover > .ni {
|
.nav-menu li a:hover > .ni {
|
||||||
color: #a8a6ac; }
|
color: #333; }
|
||||||
.nav-menu li a:hover > .badge {
|
.nav-menu li a:hover > .badge {
|
||||||
-webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
|
-webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
|
||||||
box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
|
box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
|
||||||
|
|
@ -1331,7 +1358,7 @@ html body {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.nav-menu li > ul li a > .badge {
|
.nav-menu li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border: 1px solid #505050; }
|
border: 1px solid #505050; }
|
||||||
.nav-menu li > ul li a:hover {
|
.nav-menu li > ul li a:hover {
|
||||||
color: white;
|
color: white;
|
||||||
|
|
@ -1369,7 +1396,7 @@ html body {
|
||||||
color: white; }
|
color: white; }
|
||||||
.nav-menu li > ul li > ul li a > .badge {
|
.nav-menu li > ul li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border: 1px solid #505050; }
|
border: 1px solid #505050; }
|
||||||
.nav-menu li:last-child {
|
.nav-menu li:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0; }
|
||||||
|
|
@ -1688,13 +1715,13 @@ html body {
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
|
.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
|
||||||
.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
|
.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
|
||||||
color: #a38cc6; }
|
color: #3674B5; }
|
||||||
.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
|
.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
|
||||||
.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
|
.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
|
||||||
color: #beaed7; }
|
color: #beaed7; }
|
||||||
.nav-function-top .page-header .badge.badge-icon {
|
.nav-function-top .page-header .badge.badge-icon {
|
||||||
-webkit-box-shadow: 0 0 0 1px #7a59ad;
|
-webkit-box-shadow: 0 0 0 1px #3674B5;
|
||||||
box-shadow: 0 0 0 1px #7a59ad; }
|
box-shadow: 0 0 0 1px #3674B5; }
|
||||||
.nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
|
.nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
|
||||||
top: 4.125rem !important; }
|
top: 4.125rem !important; }
|
||||||
.nav-function-top .page-content-wrapper {
|
.nav-function-top .page-content-wrapper {
|
||||||
|
|
@ -1892,7 +1919,7 @@ html body {
|
||||||
top: -1.7rem;
|
top: -1.7rem;
|
||||||
left: 0; }
|
left: 0; }
|
||||||
.nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
|
.nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background: transparent; }
|
background: transparent; }
|
||||||
.nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul {
|
.nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
|
|
@ -2522,7 +2549,7 @@ html body {
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
-ms-flex-align: center;
|
-ms-flex-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
.accordion .card .card-header .card-title.collapsed {
|
.accordion .card .card-header .card-title.collapsed {
|
||||||
color: #838383; }
|
color: #838383; }
|
||||||
|
|
||||||
|
|
@ -2564,11 +2591,11 @@ html body {
|
||||||
background: #fff; }
|
background: #fff; }
|
||||||
.accordion.accordion-hover .card-header:hover .card-title.collapsed {
|
.accordion.accordion-hover .card-header:hover .card-title.collapsed {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #a38cc6; }
|
background-color: #3674B5; }
|
||||||
|
|
||||||
.accordion.accordion-hover .card-title:not(.collapsed) {
|
.accordion.accordion-hover .card-title:not(.collapsed) {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #886ab5; }
|
background-color: #3674B5; }
|
||||||
|
|
||||||
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
||||||
does not allow you to add your own alert colors via variable control rather
|
does not allow you to add your own alert colors via variable control rather
|
||||||
|
|
@ -2578,8 +2605,8 @@ html body {
|
||||||
*/
|
*/
|
||||||
.alert-primary {
|
.alert-primary {
|
||||||
color: dimgray;
|
color: dimgray;
|
||||||
background-color: #f3f1f5;
|
background-color: #D4EBF8;
|
||||||
border-color: #d6d3da; }
|
border-color: #D4EBF8; }
|
||||||
|
|
||||||
.alert-success {
|
.alert-success {
|
||||||
color: #45a197;
|
color: #45a197;
|
||||||
|
|
@ -2616,7 +2643,7 @@ html body {
|
||||||
.badge.badge-icon {
|
.badge.badge-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
-webkit-box-shadow: 0 0 0 1px #fff;
|
-webkit-box-shadow: 0 0 0 1px #fff;
|
||||||
box-shadow: 0 0 0 1px #fff;
|
box-shadow: 0 0 0 1px #fff;
|
||||||
|
|
@ -2744,12 +2771,12 @@ html body {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
border-left-color: #838383; }
|
border-left-color: #838383; }
|
||||||
.breadcrumb-arrow li a:hover {
|
.breadcrumb-arrow li a:hover {
|
||||||
background-color: #886ab5; }
|
background-color: #3674B5; }
|
||||||
.breadcrumb-arrow li a:hover:before {
|
.breadcrumb-arrow li a:hover:before {
|
||||||
border-color: #886ab5;
|
border-color: #3674B5;
|
||||||
border-left-color: transparent; }
|
border-left-color: transparent; }
|
||||||
.breadcrumb-arrow li a:hover:after {
|
.breadcrumb-arrow li a:hover:after {
|
||||||
border-left-color: #886ab5; }
|
border-left-color: #3674B5; }
|
||||||
.breadcrumb-arrow li a:active {
|
.breadcrumb-arrow li a:active {
|
||||||
background-color: #838383; }
|
background-color: #838383; }
|
||||||
.breadcrumb-arrow li a:active:before {
|
.breadcrumb-arrow li a:active:before {
|
||||||
|
|
@ -2799,7 +2826,7 @@ html body {
|
||||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
|
||||||
.btn-switch.active {
|
.btn-switch.active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #886ab5; }
|
background: #3674B5; }
|
||||||
.btn-switch.active:before {
|
.btn-switch.active:before {
|
||||||
content: "ON";
|
content: "ON";
|
||||||
left: 7px;
|
left: 7px;
|
||||||
|
|
@ -2810,7 +2837,7 @@ html body {
|
||||||
right: 0;
|
right: 0;
|
||||||
left: auto;
|
left: auto;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
|
|
||||||
/* button used to close filter and mobile search */
|
/* button used to close filter and mobile search */
|
||||||
.btn-search-close {
|
.btn-search-close {
|
||||||
|
|
@ -2837,7 +2864,7 @@ html body {
|
||||||
|
|
||||||
/* buttons used in the header section of the page */
|
/* buttons used in the header section of the page */
|
||||||
.header-btn[data-class='mobile-nav-on'] {
|
.header-btn[data-class='mobile-nav-on'] {
|
||||||
border-color: #fc077a;
|
border-color: #B82132;
|
||||||
background-color: #fd2087;
|
background-color: #fd2087;
|
||||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
||||||
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
||||||
|
|
@ -2887,8 +2914,8 @@ html body {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
line-height: 23px;
|
line-height: 23px;
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
border-color: #7a59ad;
|
border-color: #3674B5;
|
||||||
-webkit-box-shadow: 0px 0px 10px #5790b3;
|
-webkit-box-shadow: 0px 0px 10px #5790b3;
|
||||||
box-shadow: 0px 0px 10px #5790b3; }
|
box-shadow: 0px 0px 10px #5790b3; }
|
||||||
|
|
||||||
|
|
@ -3189,7 +3216,7 @@ html body {
|
||||||
padding-right: 1.5rem; }
|
padding-right: 1.5rem; }
|
||||||
.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
|
.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
|
||||||
background: #f8f9fa;
|
background: #f8f9fa;
|
||||||
color: #6e4e9e; }
|
color: #3674B5; }
|
||||||
.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu {
|
.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu {
|
||||||
-webkit-transition-delay: 0ms;
|
-webkit-transition-delay: 0ms;
|
||||||
transition-delay: 0ms;
|
transition-delay: 0ms;
|
||||||
|
|
@ -3590,7 +3617,7 @@ html body {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border-width: 0px; }
|
border-width: 0px; }
|
||||||
.pagination .page-link:hover {
|
.pagination .page-link:hover {
|
||||||
background-color: #886ab5 !important;
|
background-color: #3674B5 !important;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
.pagination.pagination-xs .page-link {
|
.pagination.pagination-xs .page-link {
|
||||||
|
|
@ -3704,7 +3731,7 @@ html body {
|
||||||
-ms-flex-pack: center;
|
-ms-flex-pack: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
.panel.ui-sortable-helper {
|
.panel.ui-sortable-helper {
|
||||||
-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
|
-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
|
||||||
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
|
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
|
||||||
|
|
@ -3857,7 +3884,7 @@ html body {
|
||||||
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
.panel-toolbar .btn-toolbar-master {
|
.panel-toolbar .btn-toolbar-master {
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
width: 1.826875rem;
|
width: 1.826875rem;
|
||||||
|
|
@ -4006,7 +4033,7 @@ html body {
|
||||||
|
|
||||||
.menu-item,
|
.menu-item,
|
||||||
label.menu-open-button {
|
label.menu-open-button {
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 45px;
|
width: 45px;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
|
|
@ -4027,7 +4054,7 @@ label.menu-open-button {
|
||||||
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); }
|
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); }
|
||||||
.menu-item:hover,
|
.menu-item:hover,
|
||||||
label.menu-open-button:hover {
|
label.menu-open-button:hover {
|
||||||
background: #6e4e9e; }
|
background: #3674B5; }
|
||||||
|
|
||||||
.shortcut-menu {
|
.shortcut-menu {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -4238,10 +4265,10 @@ th {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-bottom: 1px solid transparent; }
|
border-bottom: 1px solid transparent; }
|
||||||
.nav-tabs-clean .nav-item .nav-link.active {
|
.nav-tabs-clean .nav-item .nav-link.active {
|
||||||
border-bottom: 1px solid #886ab5;
|
border-bottom: 1px solid #3674B5;
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
.nav-tabs-clean .nav-item .nav-link:hover {
|
.nav-tabs-clean .nav-item .nav-link:hover {
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
|
|
||||||
/* hack for waves effect breaking tabs */
|
/* hack for waves effect breaking tabs */
|
||||||
/*.nav-tabs .nav-item > .nav-link.waves-effect {
|
/*.nav-tabs .nav-item > .nav-link.waves-effect {
|
||||||
|
|
@ -4264,7 +4291,7 @@ th {
|
||||||
|
|
||||||
.nav-tabs .nav-link.active,
|
.nav-tabs .nav-link.active,
|
||||||
.nav-tabs .nav-item.show .nav-link {
|
.nav-tabs .nav-item.show .nav-link {
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
|
|
||||||
.tooltip-inner {
|
.tooltip-inner {
|
||||||
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
|
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
|
||||||
|
|
@ -5200,7 +5227,7 @@ span.img-share {
|
||||||
.status.status-success:before {
|
.status.status-success:before {
|
||||||
background: #1dc9b7; }
|
background: #1dc9b7; }
|
||||||
.status.status-danger:before {
|
.status.status-danger:before {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
.status.status-warning:before {
|
.status.status-warning:before {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
|
|
||||||
|
|
@ -5857,14 +5884,14 @@ $grid-breakpoints: (
|
||||||
height: 26px;
|
height: 26px;
|
||||||
font-size: 1rem; }
|
font-size: 1rem; }
|
||||||
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
||||||
border: 1px solid #886ab5;
|
border: 1px solid #3674B5;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 3rem;
|
padding-right: 3rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
background: #fff; }
|
background: #fff; }
|
||||||
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
|
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
|
||||||
border-color: #886ab5; }
|
border-color: #3674B5; }
|
||||||
.mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] {
|
.mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
.page-header [data-toggle="dropdown"] + .dropdown-menu {
|
.page-header [data-toggle="dropdown"] + .dropdown-menu {
|
||||||
|
|
@ -5952,15 +5979,15 @@ $grid-breakpoints: (
|
||||||
|
|
||||||
/* add background to focused inpur prepend and append */
|
/* add background to focused inpur prepend and append */
|
||||||
.form-control:focus ~ .input-group-prepend {
|
.form-control:focus ~ .input-group-prepend {
|
||||||
background: #886ab5; }
|
background: #3674B5; }
|
||||||
|
|
||||||
.has-length .input-group-text {
|
.has-length .input-group-text {
|
||||||
border-color: #886ab5; }
|
border-color: #3674B5; }
|
||||||
.has-length .input-group-text + .input-group-text {
|
.has-length .input-group-text + .input-group-text {
|
||||||
border-left: 1px solid rgba(0, 0, 0, 0.1); }
|
border-left: 1px solid rgba(0, 0, 0, 0.1); }
|
||||||
|
|
||||||
.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
|
.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
color: #fff !important; }
|
color: #fff !important; }
|
||||||
|
|
||||||
.input-group-text {
|
.input-group-text {
|
||||||
|
|
@ -6102,7 +6129,7 @@ input[type="checkbox"]:checked + .custom-control-label {
|
||||||
.settings-panel .expanded.theme-colors > ul:last-child {
|
.settings-panel .expanded.theme-colors > ul:last-child {
|
||||||
margin-right: 0; }
|
margin-right: 0; }
|
||||||
.settings-panel .expanded.theme-colors #myapp-0 {
|
.settings-panel .expanded.theme-colors #myapp-0 {
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
-webkit-box-shadow: inset 0 0 0 3px #2ba1ff;
|
-webkit-box-shadow: inset 0 0 0 3px #2ba1ff;
|
||||||
box-shadow: inset 0 0 0 3px #2ba1ff; }
|
box-shadow: inset 0 0 0 3px #2ba1ff; }
|
||||||
.settings-panel .expanded.theme-colors #myapp-1 {
|
.settings-panel .expanded.theme-colors #myapp-1 {
|
||||||
|
|
@ -6356,7 +6383,7 @@ body:not(.mod-pace-custom) .pace {
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none; }
|
user-select: none; }
|
||||||
body:not(.mod-pace-custom) .pace .pace-progress {
|
body:not(.mod-pace-custom) .pace .pace-progress {
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 2000;
|
z-index: 2000;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -6407,8 +6434,8 @@ body.mod-pace-custom {
|
||||||
right: 100%;
|
right: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #886ab5;
|
background-color: #3674B5;
|
||||||
background-image: linear-gradient(135deg, #886ab5 0%, #886ab5 25%, #6e4e9e 25%, #6e4e9e 50%, #886ab5 50%, #886ab5 75%, #6e4e9e 75%, #6e4e9e 100%);
|
background-image: linear-gradient(135deg, #3674B5 0%, #3674B5 25%, #3674B5 25%, #3674B5 50%, #3674B5 50%, #3674B5 75%, #3674B5 75%, #3674B5 100%);
|
||||||
background-repeat: repeat;
|
background-repeat: repeat;
|
||||||
background-position: 0 0;
|
background-position: 0 0;
|
||||||
background-size: 13px 13px;
|
background-size: 13px 13px;
|
||||||
|
|
@ -7057,7 +7084,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
|
||||||
color: rgba(0, 0, 0, 0.8); }
|
color: rgba(0, 0, 0, 0.8); }
|
||||||
|
|
||||||
.bg-primary-300 {
|
.bg-primary-300 {
|
||||||
background-color: #a38cc6;
|
background-color: #3674B5;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-primary-300:hover {
|
.bg-primary-300:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -7069,19 +7096,19 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-primary-500 {
|
.bg-primary-500 {
|
||||||
background-color: #886ab5;
|
background-color: #3674B5;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-primary-500:hover {
|
.bg-primary-500:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-primary-600 {
|
.bg-primary-600 {
|
||||||
background-color: #7a59ad;
|
background-color: #3674B5;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-primary-600:hover {
|
.bg-primary-600:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-primary-700 {
|
.bg-primary-700 {
|
||||||
background-color: #6e4e9e;
|
background-color: #3674B5;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-primary-700:hover {
|
.bg-primary-700:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -7108,19 +7135,19 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
|
||||||
color: #b19dce; }
|
color: #b19dce; }
|
||||||
|
|
||||||
.color-primary-300 {
|
.color-primary-300 {
|
||||||
color: #a38cc6; }
|
color: #3674B5; }
|
||||||
|
|
||||||
.color-primary-400 {
|
.color-primary-400 {
|
||||||
color: #967bbd; }
|
color: #967bbd; }
|
||||||
|
|
||||||
.color-primary-500 {
|
.color-primary-500 {
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
|
|
||||||
.color-primary-600 {
|
.color-primary-600 {
|
||||||
color: #7a59ad; }
|
color: #3674B5; }
|
||||||
|
|
||||||
.color-primary-700 {
|
.color-primary-700 {
|
||||||
color: #6e4e9e; }
|
color: #3674B5; }
|
||||||
|
|
||||||
.color-primary-800 {
|
.color-primary-800 {
|
||||||
color: #62468d; }
|
color: #62468d; }
|
||||||
|
|
@ -7429,7 +7456,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-500 {
|
.bg-danger-500 {
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-500:hover {
|
.bg-danger-500:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -7441,7 +7468,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-700 {
|
.bg-danger-700 {
|
||||||
background-color: #fc077a;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-700:hover {
|
.bg-danger-700:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -7474,13 +7501,13 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
|
||||||
color: #fd52a3; }
|
color: #fd52a3; }
|
||||||
|
|
||||||
.color-danger-500 {
|
.color-danger-500 {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-600 {
|
.color-danger-600 {
|
||||||
color: #fd2087; }
|
color: #fd2087; }
|
||||||
|
|
||||||
.color-danger-700 {
|
.color-danger-700 {
|
||||||
color: #fc077a; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-800 {
|
.color-danger-800 {
|
||||||
color: #e7026e; }
|
color: #e7026e; }
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -949,19 +949,19 @@ table.dataTable tbody th.selected a,
|
||||||
table.dataTable tbody td.selected a {
|
table.dataTable tbody td.selected a {
|
||||||
color: #a2d4ed; }
|
color: #a2d4ed; }
|
||||||
|
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -970,16 +970,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -1006,37 +1006,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -1046,28 +1046,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -1082,35 +1082,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -1128,22 +1128,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
table.dataTable > tbody > tr.child ul.dtr-details {
|
table.dataTable > tbody > tr.child ul.dtr-details {
|
||||||
|
|
@ -1198,7 +1198,7 @@ table.dataTable.dtr-column > tbody > tr > th.control:before {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: #886ab5; }
|
background-color: #3674B5; }
|
||||||
|
|
||||||
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
|
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
|
||||||
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
|
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
|
||||||
|
|
@ -1227,7 +1227,7 @@ table.dataTable thead .sorting_desc_disabled:after {
|
||||||
font-family: 'Font Awesome 5 Pro'; }
|
font-family: 'Font Awesome 5 Pro'; }
|
||||||
|
|
||||||
.dataTables_empty {
|
.dataTables_empty {
|
||||||
color: #fd3995;
|
color: #B82132;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
padding-top: 2.5rem !important;
|
padding-top: 2.5rem !important;
|
||||||
padding-bottom: 2.5rem !important; }
|
padding-bottom: 2.5rem !important; }
|
||||||
|
|
@ -1318,12 +1318,12 @@ div.dt-autofill-background {
|
||||||
padding-right: 2rem !important; }
|
padding-right: 2rem !important; }
|
||||||
|
|
||||||
div.dt-autofill-handle {
|
div.dt-autofill-handle {
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
height: 0.875rem;
|
height: 0.875rem;
|
||||||
width: 0.875rem; }
|
width: 0.875rem; }
|
||||||
|
|
||||||
div.dt-autofill-select {
|
div.dt-autofill-select {
|
||||||
background-color: #886ab5; }
|
background-color: #3674B5; }
|
||||||
|
|
||||||
/* FixedColumns */
|
/* FixedColumns */
|
||||||
.DTFC_LeftHeadWrapper:before,
|
.DTFC_LeftHeadWrapper:before,
|
||||||
|
|
@ -1335,7 +1335,7 @@ div.dt-autofill-select {
|
||||||
top: 1px;
|
top: 1px;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
background: #fd3995;
|
background: #B82132;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
-webkit-box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4);
|
-webkit-box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4);
|
||||||
box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); }
|
box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); }
|
||||||
|
|
@ -1348,8 +1348,8 @@ div.dt-autofill-select {
|
||||||
/* KeyTable */
|
/* KeyTable */
|
||||||
table.dataTable tbody th.focus,
|
table.dataTable tbody th.focus,
|
||||||
table.dataTable tbody td.focus {
|
table.dataTable tbody td.focus {
|
||||||
-webkit-box-shadow: inset 0 0 0px 1px #886ab5;
|
-webkit-box-shadow: inset 0 0 0px 1px #3674B5;
|
||||||
box-shadow: inset 0 0 0px 1px #886ab5;
|
box-shadow: inset 0 0 0px 1px #3674B5;
|
||||||
background: rgba(136, 106, 181, 0.1);
|
background: rgba(136, 106, 181, 0.1);
|
||||||
font-weight: 500; }
|
font-weight: 500; }
|
||||||
|
|
||||||
|
|
@ -1379,7 +1379,7 @@ tr.dt-rowReorder-moving {
|
||||||
outline-offset: -2px; }
|
outline-offset: -2px; }
|
||||||
|
|
||||||
table.dt-rowReorder-float {
|
table.dt-rowReorder-float {
|
||||||
outline: 2px solid #886ab5;
|
outline: 2px solid #3674B5;
|
||||||
outline-offset: -2px; }
|
outline-offset: -2px; }
|
||||||
|
|
||||||
/* w-100 bug for some tables */
|
/* w-100 bug for some tables */
|
||||||
|
|
@ -1401,8 +1401,8 @@ table.dataTable.table-bordered td.selected {
|
||||||
|
|
||||||
table.dataTable tbody > tr.selected,
|
table.dataTable tbody > tr.selected,
|
||||||
table.dataTable tbody > tr > .selected {
|
table.dataTable tbody > tr > .selected {
|
||||||
-webkit-box-shadow: inset 0 0 0px 1px #886ab5;
|
-webkit-box-shadow: inset 0 0 0px 1px #3674B5;
|
||||||
box-shadow: inset 0 0 0px 1px #886ab5;
|
box-shadow: inset 0 0 0px 1px #3674B5;
|
||||||
background: rgba(136, 106, 181, 0.1);
|
background: rgba(136, 106, 181, 0.1);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: inherit; }
|
color: inherit; }
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -680,64 +680,64 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
|
||||||
margin-right: -5px; }
|
margin-right: -5px; }
|
||||||
|
|
||||||
/*# sourceMappingURL=bootstrap-datepicker3.css.map */
|
/*# sourceMappingURL=bootstrap-datepicker3.css.map */
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -746,16 +746,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -782,37 +782,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -822,28 +822,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -858,35 +858,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -904,22 +904,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
body {
|
body {
|
||||||
|
|
@ -977,9 +977,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -987,70 +987,70 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
.datepicker table tr td,
|
.datepicker table tr td,
|
||||||
|
|
@ -1071,7 +1071,7 @@ RESULT:
|
||||||
.datepicker table tr td span.active.active,
|
.datepicker table tr td span.active.active,
|
||||||
.datepicker table tr td span.focused {
|
.datepicker table tr td span.focused {
|
||||||
background-color: #967bbd;
|
background-color: #967bbd;
|
||||||
border-color: #886ab5;
|
border-color: #3674B5;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
.datepicker table tr td.active:active:hover,
|
.datepicker table tr td.active:active:hover,
|
||||||
|
|
@ -1100,8 +1100,8 @@ RESULT:
|
||||||
.datepicker table tr td.selected.highlighted.active.focus,
|
.datepicker table tr td.selected.highlighted.active.focus,
|
||||||
.datepicker table tr td.selected:hover,
|
.datepicker table tr td.selected:hover,
|
||||||
.datepicker table tr td.selected.highlighted:hover {
|
.datepicker table tr td.selected.highlighted:hover {
|
||||||
background-color: #7a59ad;
|
background-color: #3674B5;
|
||||||
border-color: #6e4e9e;
|
border-color: #3674B5;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
.datepicker table {
|
.datepicker table {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -321,64 +321,64 @@
|
||||||
.daterangepicker .drp-calendar.left {
|
.daterangepicker .drp-calendar.left {
|
||||||
clear: none !important; } }
|
clear: none !important; } }
|
||||||
|
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -387,16 +387,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -423,37 +423,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -463,28 +463,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -499,35 +499,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -545,22 +545,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
body {
|
body {
|
||||||
|
|
@ -618,9 +618,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -628,70 +628,70 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
.daterangepicker table tr td,
|
.daterangepicker table tr td,
|
||||||
|
|
@ -740,7 +740,7 @@ RESULT:
|
||||||
.daterangepicker table tr td.selected.highlighted.active.focus,
|
.daterangepicker table tr td.selected.highlighted.active.focus,
|
||||||
.daterangepicker table tr td.selected:hover,
|
.daterangepicker table tr td.selected:hover,
|
||||||
.daterangepicker table tr td.selected.highlighted:hover {
|
.daterangepicker table tr td.selected.highlighted:hover {
|
||||||
background-color: #7a59ad;
|
background-color: #3674B5;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
.daterangepicker .calendar-table .next,
|
.daterangepicker .calendar-table .next,
|
||||||
|
|
@ -786,6 +786,6 @@ RESULT:
|
||||||
font-size: 0.8125rem;
|
font-size: 0.8125rem;
|
||||||
padding: 0.75rem 1rem; }
|
padding: 0.75rem 1rem; }
|
||||||
.daterangepicker .ranges li.active {
|
.daterangepicker .ranges li.active {
|
||||||
background-color: #886ab5; }
|
background-color: #3674B5; }
|
||||||
|
|
||||||
/*# sourceMappingURL=bootstrap-daterangepicker.css.map */
|
/*# sourceMappingURL=bootstrap-daterangepicker.css.map */
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -306,19 +306,19 @@
|
||||||
border-right: 6px solid transparent;
|
border-right: 6px solid transparent;
|
||||||
border-bottom: 6px solid #be2626; }
|
border-bottom: 6px solid #be2626; }
|
||||||
|
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -327,16 +327,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -363,37 +363,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -403,28 +403,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -439,35 +439,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -485,22 +485,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
.dropzone {
|
.dropzone {
|
||||||
|
|
@ -548,7 +548,7 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
|
|
||||||
.dropzone.dz-drag-hover {
|
.dropzone.dz-drag-hover {
|
||||||
border-style: dashed;
|
border-style: dashed;
|
||||||
border-color: #886ab5; }
|
border-color: #3674B5; }
|
||||||
|
|
||||||
.dropzone .dz-preview.dz-file-preview .dz-image {
|
.dropzone .dz-preview.dz-file-preview .dz-image {
|
||||||
border-radius: 4px; }
|
border-radius: 4px; }
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -690,64 +690,64 @@ Build date: 2018-12-11 23:23:51
|
||||||
color: silver;
|
color: silver;
|
||||||
font-size: 11px; }
|
font-size: 11px; }
|
||||||
|
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -756,16 +756,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -792,37 +792,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -832,28 +832,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -868,35 +868,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -914,22 +914,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
body {
|
body {
|
||||||
|
|
@ -987,9 +987,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -997,70 +997,70 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
.irs--flat .irs-bar,
|
.irs--flat .irs-bar,
|
||||||
|
|
@ -1068,7 +1068,7 @@ RESULT:
|
||||||
.irs--flat .irs-to,
|
.irs--flat .irs-to,
|
||||||
.irs--flat .irs-single,
|
.irs--flat .irs-single,
|
||||||
.irs--flat .irs-handle > i:first-child {
|
.irs--flat .irs-handle > i:first-child {
|
||||||
background-color: #886ab5; }
|
background-color: #3674B5; }
|
||||||
|
|
||||||
.irs--flat .irs-from,
|
.irs--flat .irs-from,
|
||||||
.irs--flat .irs-to,
|
.irs--flat .irs-to,
|
||||||
|
|
@ -1078,22 +1078,22 @@ RESULT:
|
||||||
.irs--flat .irs-from:before,
|
.irs--flat .irs-from:before,
|
||||||
.irs--flat .irs-to:before,
|
.irs--flat .irs-to:before,
|
||||||
.irs--flat .irs-single:before {
|
.irs--flat .irs-single:before {
|
||||||
border-top-color: #886ab5; }
|
border-top-color: #3674B5; }
|
||||||
|
|
||||||
.irs--flat .irs-handle.state_hover > i:first-child,
|
.irs--flat .irs-handle.state_hover > i:first-child,
|
||||||
.irs--flat .irs-handle:hover > i:first-child {
|
.irs--flat .irs-handle:hover > i:first-child {
|
||||||
background-color: #7a59ad; }
|
background-color: #3674B5; }
|
||||||
|
|
||||||
.irs--big .irs-bar {
|
.irs--big .irs-bar {
|
||||||
background-color: #a38cc6;
|
background-color: #3674B5;
|
||||||
border-color: #886ab5;
|
border-color: #3674B5;
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #a38cc6), to(#886ab5));
|
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #3674B5), to(#3674B5));
|
||||||
background: linear-gradient(to bottom, #ffffff 0%, #a38cc6 30%, #886ab5 100%); }
|
background: linear-gradient(to bottom, #ffffff 0%, #3674B5 30%, #3674B5 100%); }
|
||||||
|
|
||||||
.irs--big .irs-from,
|
.irs--big .irs-from,
|
||||||
.irs--big .irs-to,
|
.irs--big .irs-to,
|
||||||
.irs--big .irs-single {
|
.irs--big .irs-single {
|
||||||
background: #886ab5; }
|
background: #3674B5; }
|
||||||
|
|
||||||
.irs--modern .irs-bar {
|
.irs--modern .irs-bar {
|
||||||
background: #1ab3a3;
|
background: #1ab3a3;
|
||||||
|
|
@ -1119,13 +1119,13 @@ RESULT:
|
||||||
.irs--sharp .irs-from,
|
.irs--sharp .irs-from,
|
||||||
.irs--sharp .irs-to,
|
.irs--sharp .irs-to,
|
||||||
.irs--sharp .irs-single {
|
.irs--sharp .irs-single {
|
||||||
background-color: #fd3995; }
|
background-color: #B82132; }
|
||||||
|
|
||||||
.irs--sharp .irs-handle > i:first-child,
|
.irs--sharp .irs-handle > i:first-child,
|
||||||
.irs--sharp .irs-from:before,
|
.irs--sharp .irs-from:before,
|
||||||
.irs--sharp .irs-to:before,
|
.irs--sharp .irs-to:before,
|
||||||
.irs--sharp .irs-single:before {
|
.irs--sharp .irs-single:before {
|
||||||
border-top-color: #fd3995; }
|
border-top-color: #B82132; }
|
||||||
|
|
||||||
.irs--sharp .irs-min,
|
.irs--sharp .irs-min,
|
||||||
.irs--sharp .irs-max {
|
.irs--sharp .irs-max {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -541,64 +541,64 @@
|
||||||
.select2-container--classic.select2-container--open .select2-dropdown {
|
.select2-container--classic.select2-container--open .select2-dropdown {
|
||||||
border-color: #5897fb; }
|
border-color: #5897fb; }
|
||||||
|
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -607,16 +607,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -643,37 +643,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -683,28 +683,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -719,35 +719,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -765,22 +765,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
body {
|
body {
|
||||||
|
|
@ -838,9 +838,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -848,70 +848,70 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
.select2 {
|
.select2 {
|
||||||
|
|
@ -948,7 +948,7 @@ RESULT:
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: calc(1rem + 0.875rem);
|
left: calc(1rem + 0.875rem);
|
||||||
top: calc(0.6rem + 0.875rem);
|
top: calc(0.6rem + 0.875rem);
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
|
|
||||||
.select2-results {
|
.select2-results {
|
||||||
padding: 0.875rem; }
|
padding: 0.875rem; }
|
||||||
|
|
@ -959,12 +959,12 @@ RESULT:
|
||||||
.select2-container--open .select2-dropdown--above {
|
.select2-container--open .select2-dropdown--above {
|
||||||
-webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
|
-webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
|
||||||
box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
|
box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
|
||||||
border-color: #886ab5; }
|
border-color: #3674B5; }
|
||||||
|
|
||||||
.select2-container--open .select2-dropdown--below {
|
.select2-container--open .select2-dropdown--below {
|
||||||
-webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
|
-webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
|
||||||
box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
|
box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
|
||||||
border-color: #886ab5; }
|
border-color: #3674B5; }
|
||||||
|
|
||||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -992,7 +992,7 @@ RESULT:
|
||||||
color: #563d7c; }
|
color: #563d7c; }
|
||||||
|
|
||||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||||
background-color: #886ab5;
|
background-color: #3674B5;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
.select2-selection--single,
|
.select2-selection--single,
|
||||||
|
|
@ -1009,7 +1009,7 @@ RESULT:
|
||||||
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
|
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1151;
|
z-index: 1151;
|
||||||
border-color: #886ab5; }
|
border-color: #3674B5; }
|
||||||
|
|
||||||
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
|
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
|
||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
|
|
@ -1021,7 +1021,7 @@ RESULT:
|
||||||
|
|
||||||
.select2-container--default.select2-container--focus .select2-selection--single,
|
.select2-container--default.select2-container--focus .select2-selection--single,
|
||||||
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
||||||
border-color: #886ab5; }
|
border-color: #3674B5; }
|
||||||
|
|
||||||
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -1061,9 +1061,9 @@ RESULT:
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
color: #a38cc6; }
|
color: #3674B5; }
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
|
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active {
|
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active {
|
||||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
||||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
|
||||||
|
|
@ -1083,7 +1083,7 @@ span.select2-selection.select2-selection--multiple {
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
|
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
|
||||||
color: #fd2087; }
|
color: #fd2087; }
|
||||||
|
|
||||||
|
|
@ -1094,6 +1094,6 @@ span.select2-selection.select2-selection--multiple {
|
||||||
margin-top: 8px; } }
|
margin-top: 8px; } }
|
||||||
|
|
||||||
.select2-results__message {
|
.select2-results__message {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
/*# sourceMappingURL=select2.bundle.css.map */
|
/*# sourceMappingURL=select2.bundle.css.map */
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -660,64 +660,64 @@
|
||||||
background-color: #428bca;
|
background-color: #428bca;
|
||||||
outline: 0; }
|
outline: 0; }
|
||||||
|
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -726,16 +726,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -762,37 +762,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -802,28 +802,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -838,35 +838,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -884,22 +884,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
body {
|
body {
|
||||||
|
|
@ -957,9 +957,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -967,70 +967,70 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1365,64 +1365,64 @@ Docs & License: https://fullcalendar.io/
|
||||||
/* some themes have background color. see through to slats */
|
/* some themes have background color. see through to slats */
|
||||||
background: none; }
|
background: none; }
|
||||||
|
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -1431,16 +1431,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -1467,37 +1467,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -1507,28 +1507,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -1543,35 +1543,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -1589,22 +1589,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
body {
|
body {
|
||||||
|
|
@ -1662,9 +1662,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -1672,106 +1672,106 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
/*.panel {
|
/*.panel {
|
||||||
.panel-content.p-0 {
|
.panel-content.p-0 {
|
||||||
.fc-bootstrap {
|
.fc-bootstrap {
|
||||||
table {
|
table {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
|
|
||||||
td:first-child,
|
td:first-child,
|
||||||
th:first-child {
|
th:first-child {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
td:last-child,
|
td:last-child,
|
||||||
th:last-child {
|
th:last-child {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fc-toolbar.fc-header-toolbar,
|
.fc-toolbar.fc-header-toolbar,
|
||||||
.fc-toolbar.fc-footer-toolbar {
|
.fc-toolbar.fc-footer-toolbar {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fc-row.fc-rigid:last-child {
|
.fc-row.fc-rigid:last-child {
|
||||||
td,
|
td,
|
||||||
th {
|
th {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.fc-day-grid-event .fc-time {
|
.fc-day-grid-event .fc-time {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
@ -1798,7 +1798,7 @@ RESULT:
|
||||||
background: #967bbd; }
|
background: #967bbd; }
|
||||||
|
|
||||||
.fc-event {
|
.fc-event {
|
||||||
border: 1px solid #7a59ad; }
|
border: 1px solid #3674B5; }
|
||||||
|
|
||||||
.fc-day-top.fc-other-month {
|
.fc-day-top.fc-other-month {
|
||||||
opacity: 1; }
|
opacity: 1; }
|
||||||
|
|
@ -1808,23 +1808,23 @@ RESULT:
|
||||||
background-color: #FAFCFD;
|
background-color: #FAFCFD;
|
||||||
background-size: 1rem 1rem; }
|
background-size: 1rem 1rem; }
|
||||||
|
|
||||||
/*.fc-day.fc-other-month.fc-future {
|
/*.fc-day.fc-other-month.fc-future {
|
||||||
background-color: lighten($success-50, 25%);
|
background-color: lighten($success-50, 25%);
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.fc-head-container thead tr {
|
.fc-head-container thead tr {
|
||||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), to(#fafafa));
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), to(#fafafa));
|
||||||
background-image: linear-gradient(to top, #f2f2f2 0, #fafafa 100%); }
|
background-image: linear-gradient(to top, #f2f2f2 0, #fafafa 100%); }
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 768px) {
|
||||||
/*.panel {
|
/*.panel {
|
||||||
.panel-content.p-0 {
|
.panel-content.p-0 {
|
||||||
.fc-toolbar.fc-header-toolbar,
|
.fc-toolbar.fc-header-toolbar,
|
||||||
.fc-toolbar.fc-footer-toolbar {
|
.fc-toolbar.fc-footer-toolbar {
|
||||||
padding: $panel-spacer-y/2 10px;
|
padding: $panel-spacer-y/2 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
.fc-day-grid-event .fc-time {
|
.fc-day-grid-event .fc-time {
|
||||||
display: inline; }
|
display: inline; }
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -39,64 +39,64 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 500px; }
|
height: 500px; }
|
||||||
|
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -105,16 +105,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -141,37 +141,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -181,28 +181,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -217,35 +217,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -263,22 +263,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
body {
|
body {
|
||||||
|
|
@ -336,9 +336,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -346,70 +346,70 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
.jqvmap-zoomin, .jqvmap-zoomout {
|
.jqvmap-zoomin, .jqvmap-zoomout {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -96,19 +96,19 @@
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
border-radius: 6px; }
|
border-radius: 6px; }
|
||||||
|
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -117,16 +117,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -153,37 +153,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -193,28 +193,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -229,35 +229,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -275,22 +275,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
@ -1169,7 +1169,7 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
|
||||||
|
|
||||||
.lg-outer .lg-thumb-item.active,
|
.lg-outer .lg-thumb-item.active,
|
||||||
.lg-outer .lg-thumb-item:hover {
|
.lg-outer .lg-thumb-item:hover {
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
|
|
||||||
.lg-toolbar .lg-icon {
|
.lg-toolbar .lg-icon {
|
||||||
font-size: 1.3rem; }
|
font-size: 1.3rem; }
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,62 +1,62 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -65,16 +65,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -101,37 +101,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -141,28 +141,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -177,35 +177,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -223,22 +223,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
||||||
|
|
@ -297,9 +297,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -307,70 +307,70 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
.dd-item, .dd-empty, .dd-placeholder {
|
.dd-item, .dd-empty, .dd-placeholder {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,17 +1,17 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -20,16 +20,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -56,37 +56,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -96,28 +96,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -132,35 +132,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -178,22 +178,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
.swal2-styled,
|
.swal2-styled,
|
||||||
|
|
@ -1088,7 +1088,7 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 0.25em;
|
border-radius: 0.25em;
|
||||||
background: initial;
|
background: initial;
|
||||||
background-color: #886ab5;
|
background-color: #3674B5;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 0.875em; }
|
font-size: 0.875em; }
|
||||||
.swal2-styled.swal2-cancel {
|
.swal2-styled.swal2-cancel {
|
||||||
|
|
@ -1147,7 +1147,7 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
-webkit-transform: none;
|
-webkit-transform: none;
|
||||||
transform: none;
|
transform: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
> .swal2-input,
|
> .swal2-input,
|
||||||
> .swal2-file,
|
> .swal2-file,
|
||||||
|
|
@ -1199,13 +1199,13 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
.swal2-input.swal2-inputerror,
|
.swal2-input.swal2-inputerror,
|
||||||
.swal2-file.swal2-inputerror,
|
.swal2-file.swal2-inputerror,
|
||||||
.swal2-textarea.swal2-inputerror {
|
.swal2-textarea.swal2-inputerror {
|
||||||
border-color: #fd3995 !important;
|
border-color: #B82132 !important;
|
||||||
-webkit-box-shadow: 0 0 2px #fd3995 !important;
|
-webkit-box-shadow: 0 0 2px #B82132 !important;
|
||||||
box-shadow: 0 0 2px #fd3995 !important; }
|
box-shadow: 0 0 2px #B82132 !important; }
|
||||||
.swal2-input:focus,
|
.swal2-input:focus,
|
||||||
.swal2-file:focus,
|
.swal2-file:focus,
|
||||||
.swal2-textarea:focus {
|
.swal2-textarea:focus {
|
||||||
border: 1px solid #886ab5;
|
border: 1px solid #3674B5;
|
||||||
outline: none;
|
outline: none;
|
||||||
-webkit-box-shadow: transparent;
|
-webkit-box-shadow: transparent;
|
||||||
box-shadow: transparent; }
|
box-shadow: transparent; }
|
||||||
|
|
@ -1310,7 +1310,7 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
margin: 0 .625em;
|
margin: 0 .625em;
|
||||||
zoom: normal;
|
zoom: normal;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
|
@ -1362,7 +1362,7 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
height: 92%;
|
height: 92%;
|
||||||
font-size: 3.75em; }
|
font-size: 3.75em; }
|
||||||
.swal2-icon.swal2-error {
|
.swal2-icon.swal2-error {
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.swal2-icon.swal2-error .swal2-x-mark {
|
.swal2-icon.swal2-error .swal2-x-mark {
|
||||||
position: relative;
|
position: relative;
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
|
|
@ -1375,7 +1375,7 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
width: 2.9375em;
|
width: 2.9375em;
|
||||||
height: .3125em;
|
height: .3125em;
|
||||||
border-radius: .125em;
|
border-radius: .125em;
|
||||||
background-color: #fd3995; }
|
background-color: #B82132; }
|
||||||
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
|
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
|
||||||
left: 1.0625em;
|
left: 1.0625em;
|
||||||
-webkit-transform: rotate(45deg);
|
-webkit-transform: rotate(45deg);
|
||||||
|
|
@ -1396,7 +1396,7 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
content: 'i'; }
|
content: 'i'; }
|
||||||
.swal2-icon.swal2-question {
|
.swal2-icon.swal2-question {
|
||||||
border-color: #beaed7;
|
border-color: #beaed7;
|
||||||
color: #886ab5; }
|
color: #3674B5; }
|
||||||
.swal2-icon.swal2-question::before {
|
.swal2-icon.swal2-question::before {
|
||||||
content: '?'; }
|
content: '?'; }
|
||||||
.swal2-icon.swal2-question.swal2-arabic-question-mark::before {
|
.swal2-icon.swal2-question.swal2-arabic-question-mark::before {
|
||||||
|
|
@ -1482,12 +1482,12 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
width: 2em;
|
width: 2em;
|
||||||
height: 2em;
|
height: 2em;
|
||||||
border-radius: 2em;
|
border-radius: 2em;
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
|
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
|
||||||
background: #886ab5; }
|
background: #3674B5; }
|
||||||
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
|
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
|
||||||
background: #beaed7;
|
background: #beaed7;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
@ -1498,7 +1498,7 @@ body.swal2-no-backdrop .swal2-shown {
|
||||||
width: 2.5em;
|
width: 2.5em;
|
||||||
height: .4em;
|
height: .4em;
|
||||||
margin: 0 -1px;
|
margin: 0 -1px;
|
||||||
background: #886ab5; }
|
background: #3674B5; }
|
||||||
|
|
||||||
[class^='swal2'] {
|
[class^='swal2'] {
|
||||||
-webkit-tap-highlight-color: transparent; }
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,19 +186,19 @@ button.toast-close-button {
|
||||||
padding: 15px 15px 15px 50px;
|
padding: 15px 15px 15px 50px;
|
||||||
width: 25em; } }
|
width: 25em; } }
|
||||||
|
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -207,16 +207,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -243,37 +243,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -283,28 +283,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -319,35 +319,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -365,26 +365,26 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
.toast {
|
.toast {
|
||||||
background-color: #886ab5;
|
background-color: #3674B5;
|
||||||
background-image: none !important; }
|
background-image: none !important; }
|
||||||
.toast:before {
|
.toast:before {
|
||||||
content: "\f05a";
|
content: "\f05a";
|
||||||
|
|
@ -407,7 +407,7 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
content: "\f2f7"; }
|
content: "\f2f7"; }
|
||||||
|
|
||||||
.toast-error {
|
.toast-error {
|
||||||
background-color: #fd3995; }
|
background-color: #B82132; }
|
||||||
.toast-error:before {
|
.toast-error:before {
|
||||||
content: "\f2f0"; }
|
content: "\f2f0"; }
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,63 +1,63 @@
|
||||||
/* Theme IMPORTS
|
/* Theme IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* #BASE - Base Variable file along with font library, and colors.
|
/* #BASE - Base Variable file along with font library, and colors.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -66,16 +66,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -102,37 +102,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -142,28 +142,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -178,35 +178,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -224,22 +224,22 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
||||||
|
|
@ -298,9 +298,9 @@ h6 small,
|
||||||
|
|
||||||
/* text-gradient */
|
/* text-gradient */
|
||||||
.text-gradient {
|
.text-gradient {
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||||
color: #886ab5;
|
color: #3674B5;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
text-fill-color: transparent;
|
text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
@ -308,73 +308,73 @@ h6 small,
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/* looking for font size? Check _helpers.scss */
|
/* looking for font size? Check _helpers.scss */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
/*%fixed-header-shadow {
|
/*%fixed-header-shadow {
|
||||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||||
}*/
|
}*/
|
||||||
/* %selected-dot {
|
/* %selected-dot {
|
||||||
&:before {
|
&:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 2px solid rgba(0,0,0,0.2);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
border: 5px solid rgba(0,0,0,0.1);
|
border: 5px solid rgba(0,0,0,0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
/* patterns */
|
/* patterns */
|
||||||
/* Page Layout Starts below...
|
/* Page Layout Starts below...
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
html body {
|
html body {
|
||||||
background: #faf8fb;
|
background: #faf8fb;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,16 +1,16 @@
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -19,16 +19,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -55,37 +55,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -95,28 +95,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -131,35 +131,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -177,54 +177,54 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
/*// Container ratio
|
/*// Container ratio
|
||||||
$ct-container-ratio: (1/1.618) !default;
|
$ct-container-ratio: (1/1.618) !default;
|
||||||
|
|
||||||
// Text styles for labels
|
// Text styles for labels
|
||||||
$ct-text-color: rgba(0, 0, 0, 0.4) !default;
|
$ct-text-color: rgba(0, 0, 0, 0.4) !default;
|
||||||
$ct-text-size: 0.75rem !default;
|
$ct-text-size: 0.75rem !default;
|
||||||
$ct-text-align: flex-start !default;
|
$ct-text-align: flex-start !default;
|
||||||
$ct-text-justify: flex-start !default;
|
$ct-text-justify: flex-start !default;
|
||||||
$ct-text-line-height: 1;
|
$ct-text-line-height: 1;
|
||||||
|
|
||||||
// Grid styles
|
// Grid styles
|
||||||
$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
|
$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
|
||||||
$ct-grid-dasharray: 2px !default;
|
$ct-grid-dasharray: 2px !default;
|
||||||
$ct-grid-width: 1px !default;
|
$ct-grid-width: 1px !default;
|
||||||
$ct-grid-background-fill: none !default;
|
$ct-grid-background-fill: none !default;
|
||||||
|
|
||||||
// Line chart properties
|
// Line chart properties
|
||||||
$ct-line-width: 4px !default;
|
$ct-line-width: 4px !default;
|
||||||
$ct-line-dasharray: false !default;
|
$ct-line-dasharray: false !default;
|
||||||
|
|
||||||
// Line chart point, can be either round or square
|
// Line chart point, can be either round or square
|
||||||
$ct-point-shape: round !default;
|
$ct-point-shape: round !default;
|
||||||
// Area fill transparency between 0 and 1
|
// Area fill transparency between 0 and 1
|
||||||
$ct-area-opacity: 0.1 !default;
|
$ct-area-opacity: 0.1 !default;
|
||||||
|
|
||||||
// Bar chart bar width
|
// Bar chart bar width
|
||||||
$ct-bar-width: 10px !default;
|
$ct-bar-width: 10px !default;
|
||||||
|
|
||||||
// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
|
// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
|
||||||
$ct-donut-width: 60px !default;
|
$ct-donut-width: 60px !default;
|
||||||
*/
|
*/
|
||||||
.ct-label {
|
.ct-label {
|
||||||
fill: rgba(0, 0, 0, 0.4);
|
fill: rgba(0, 0, 0, 0.4);
|
||||||
|
|
@ -372,16 +372,16 @@ $ct-donut-width: 60px !default;
|
||||||
stroke-width: 60px; }
|
stroke-width: 60px; }
|
||||||
|
|
||||||
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
|
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
|
||||||
stroke: #886ab5; }
|
stroke: #3674B5; }
|
||||||
|
|
||||||
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
|
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
|
||||||
fill: #886ab5; }
|
fill: #3674B5; }
|
||||||
|
|
||||||
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
|
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
|
||||||
stroke: #fd3995; }
|
stroke: #B82132; }
|
||||||
|
|
||||||
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
|
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
|
||||||
fill: #fd3995; }
|
fill: #B82132; }
|
||||||
|
|
||||||
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
|
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
|
||||||
stroke: #ffc241; }
|
stroke: #ffc241; }
|
||||||
|
|
@ -456,10 +456,10 @@ $ct-donut-width: 60px !default;
|
||||||
fill: #51adf6; }
|
fill: #51adf6; }
|
||||||
|
|
||||||
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
|
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
|
||||||
stroke: #a38cc6; }
|
stroke: #3674B5; }
|
||||||
|
|
||||||
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
|
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
|
||||||
fill: #a38cc6; }
|
fill: #3674B5; }
|
||||||
|
|
||||||
.ct-square {
|
.ct-square {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
||||||
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
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
File diff suppressed because one or more lines are too long
|
|
@ -1,63 +1,63 @@
|
||||||
/* #THEME COLOR (variable overrides)
|
/* #THEME COLOR (variable overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* #GLOBAL IMPORTS
|
/* #GLOBAL IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* #IMPORTS ~~
|
/* #IMPORTS ~~
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -66,16 +66,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -102,37 +102,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -142,28 +142,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -178,35 +178,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -224,65 +224,65 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
||||||
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
|
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
|
||||||
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
|
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
|
||||||
background-color: #617a28; }
|
background-color: #617a28; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.btn-default {
|
.btn-default {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
|
|
@ -325,11 +325,11 @@ RESULT:
|
||||||
border: 1px solid #ffb20e;
|
border: 1px solid #ffb20e;
|
||||||
color: #111111; }
|
color: #111111; }
|
||||||
|
|
||||||
/* #GLOBAL IMPORTS
|
/* #GLOBAL IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*@import '_imports/_global-import';*/
|
/*@import '_imports/_global-import';*/
|
||||||
/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
|
/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
|
||||||
DOC: you can disable unused _modules
|
DOC: you can disable unused _modules
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* contains root variables to be used with css (see docs) */
|
/* contains root variables to be used with css (see docs) */
|
||||||
/* html and body base styles */
|
/* html and body base styles */
|
||||||
|
|
@ -466,7 +466,7 @@ html body {
|
||||||
color: #9ac142; }
|
color: #9ac142; }
|
||||||
.nav-menu li > ul li a > .badge {
|
.nav-menu li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995; }
|
background-color: #B82132; }
|
||||||
.nav-menu li > ul li a:hover {
|
.nav-menu li > ul li a:hover {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: rgba(0, 0, 0, 0.1); }
|
background-color: rgba(0, 0, 0, 0.1); }
|
||||||
|
|
@ -490,7 +490,7 @@ html body {
|
||||||
color: white; }
|
color: white; }
|
||||||
.nav-menu li > ul li > ul li a > .badge {
|
.nav-menu li > ul li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border: 1px solid #444444; }
|
border: 1px solid #444444; }
|
||||||
|
|
||||||
/* nav clean elements */
|
/* nav clean elements */
|
||||||
|
|
@ -661,11 +661,11 @@ html body {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #9fcb3d; }
|
background-color: #9fcb3d; }
|
||||||
|
|
||||||
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
||||||
does not allow you to add your own alert colors via variable control rather
|
does not allow you to add your own alert colors via variable control rather
|
||||||
through a systemetic agent that changes the theme colors.
|
through a systemetic agent that changes the theme colors.
|
||||||
|
|
||||||
REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
|
REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
|
||||||
*/
|
*/
|
||||||
.alert-primary {
|
.alert-primary {
|
||||||
color: #626a52;
|
color: #626a52;
|
||||||
|
|
@ -698,7 +698,7 @@ html body {
|
||||||
border-color: #d1d1d1; }
|
border-color: #d1d1d1; }
|
||||||
|
|
||||||
.badge.badge-icon {
|
.badge.badge-icon {
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
-webkit-box-shadow: 0 0 0 1px #fff;
|
-webkit-box-shadow: 0 0 0 1px #fff;
|
||||||
box-shadow: 0 0 0 1px #fff; }
|
box-shadow: 0 0 0 1px #fff; }
|
||||||
|
|
@ -726,7 +726,7 @@ html body {
|
||||||
|
|
||||||
/* buttons used in the header section of the page */
|
/* buttons used in the header section of the page */
|
||||||
.header-btn[data-class='mobile-nav-on'] {
|
.header-btn[data-class='mobile-nav-on'] {
|
||||||
border-color: #fc077a;
|
border-color: #B82132;
|
||||||
background-color: #fd2087;
|
background-color: #fd2087;
|
||||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
||||||
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
||||||
|
|
@ -842,7 +842,7 @@ html body {
|
||||||
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1);
|
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1);
|
||||||
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1); }
|
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1); }
|
||||||
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
|
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
/* panel tag can be used globally */
|
/* panel tag can be used globally */
|
||||||
.panel-tag {
|
.panel-tag {
|
||||||
|
|
@ -860,9 +860,9 @@ html body {
|
||||||
.panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
|
.panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
|
||||||
border-color: transparent rgba(159, 203, 61, 0.7) rgba(145, 188, 50, 0.7); }
|
border-color: transparent rgba(159, 203, 61, 0.7) rgba(145, 188, 50, 0.7); }
|
||||||
|
|
||||||
/*.panel-sortable .panel-hdr:active,
|
/*.panel-sortable .panel-hdr:active,
|
||||||
.panel-sortable .panel-hdr:active + .panel-container {
|
.panel-sortable .panel-hdr:active + .panel-container {
|
||||||
@include transition-border(0.4s, ease-out);
|
@include transition-border(0.4s, ease-out);
|
||||||
}*/
|
}*/
|
||||||
.panel-sortable.panel-locked .panel-hdr:active {
|
.panel-sortable.panel-locked .panel-hdr:active {
|
||||||
border-top-color: #fe6bb0;
|
border-top-color: #fe6bb0;
|
||||||
|
|
@ -879,7 +879,7 @@ html body {
|
||||||
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
|
|
||||||
/* placeholder */
|
/* placeholder */
|
||||||
.panel-placeholder {
|
.panel-placeholder {
|
||||||
|
|
@ -1012,7 +1012,7 @@ label.menu-open-button {
|
||||||
.status.status-success:before {
|
.status.status-success:before {
|
||||||
background: #1dc9b7; }
|
background: #1dc9b7; }
|
||||||
.status.status-danger:before {
|
.status.status-danger:before {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
.status.status-warning:before {
|
.status.status-warning:before {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
|
|
||||||
|
|
@ -1078,8 +1078,8 @@ code {
|
||||||
|
|
||||||
@media only screen and (max-width: 576px) {
|
@media only screen and (max-width: 576px) {
|
||||||
/* here we turn on mobile font for smaller screens */
|
/* here we turn on mobile font for smaller screens */
|
||||||
/*body {
|
/*body {
|
||||||
font-family: $mobile-page-font !important;
|
font-family: $mobile-page-font !important;
|
||||||
}*/
|
}*/
|
||||||
/* mobile nav search */
|
/* mobile nav search */
|
||||||
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
||||||
|
|
@ -1560,7 +1560,7 @@ code {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-500 {
|
.bg-danger-500 {
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-500:hover {
|
.bg-danger-500:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -1572,7 +1572,7 @@ code {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-700 {
|
.bg-danger-700 {
|
||||||
background-color: #fc077a;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-700:hover {
|
.bg-danger-700:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -1605,13 +1605,13 @@ code {
|
||||||
color: #fd52a3; }
|
color: #fd52a3; }
|
||||||
|
|
||||||
.color-danger-500 {
|
.color-danger-500 {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-600 {
|
.color-danger-600 {
|
||||||
color: #fd2087; }
|
color: #fd2087; }
|
||||||
|
|
||||||
.color-danger-700 {
|
.color-danger-700 {
|
||||||
color: #fc077a; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-800 {
|
.color-danger-800 {
|
||||||
color: #e7026e; }
|
color: #e7026e; }
|
||||||
|
|
@ -1870,25 +1870,25 @@ code {
|
||||||
|
|
||||||
.btn-danger {
|
.btn-danger {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995;
|
border-color: #B82132;
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
|
||||||
.btn-danger:hover {
|
.btn-danger:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd1381;
|
background-color: #B82132;
|
||||||
border-color: #fc077a; }
|
border-color: #B82132; }
|
||||||
.btn-danger:focus, .btn-danger.focus {
|
.btn-danger:focus, .btn-danger.focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
|
||||||
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
|
||||||
.btn-danger.disabled, .btn-danger:disabled {
|
.btn-danger.disabled, .btn-danger:disabled {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
|
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
|
||||||
.show > .btn-danger.dropdown-toggle {
|
.show > .btn-danger.dropdown-toggle {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fc077a;
|
background-color: #B82132;
|
||||||
border-color: #f40274; }
|
border-color: #f40274; }
|
||||||
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
|
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
|
||||||
.show > .btn-danger.dropdown-toggle:focus {
|
.show > .btn-danger.dropdown-toggle:focus {
|
||||||
|
|
@ -2065,23 +2065,23 @@ code {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
|
||||||
|
|
||||||
.btn-outline-danger {
|
.btn-outline-danger {
|
||||||
color: #fd3995;
|
color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:hover {
|
.btn-outline-danger:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
||||||
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
|
||||||
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
||||||
color: #fd3995;
|
color: #B82132;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
|
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
|
||||||
.show > .btn-outline-danger.dropdown-toggle {
|
.show > .btn-outline-danger.dropdown-toggle {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
|
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
|
||||||
.show > .btn-outline-danger.dropdown-toggle:focus {
|
.show > .btn-outline-danger.dropdown-toggle:focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
||||||
|
|
@ -2149,7 +2149,7 @@ code {
|
||||||
border-color: #ffc241 !important; }
|
border-color: #ffc241 !important; }
|
||||||
|
|
||||||
.border-danger {
|
.border-danger {
|
||||||
border-color: #fd3995 !important; }
|
border-color: #B82132 !important; }
|
||||||
|
|
||||||
.border-light {
|
.border-light {
|
||||||
border-color: #fff !important; }
|
border-color: #fff !important; }
|
||||||
|
|
@ -2188,7 +2188,7 @@ a.text-warning:hover, a.text-warning:focus {
|
||||||
color: #f4a500 !important; }
|
color: #f4a500 !important; }
|
||||||
|
|
||||||
.text-danger {
|
.text-danger {
|
||||||
color: #fd3995 !important; }
|
color: #B82132 !important; }
|
||||||
|
|
||||||
a.text-danger:hover, a.text-danger:focus {
|
a.text-danger:hover, a.text-danger:focus {
|
||||||
color: #e7026e !important; }
|
color: #e7026e !important; }
|
||||||
|
|
@ -2205,7 +2205,7 @@ a.text-light:hover, a.text-light:focus {
|
||||||
a.text-dark:hover, a.text-dark:focus {
|
a.text-dark:hover, a.text-dark:focus {
|
||||||
color: #1e1e1e !important; }
|
color: #1e1e1e !important; }
|
||||||
|
|
||||||
/* #Reset userselect
|
/* #Reset userselect
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
#myapp-0 {
|
#myapp-0 {
|
||||||
-webkit-box-shadow: none !important;
|
-webkit-box-shadow: none !important;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,63 +1,63 @@
|
||||||
/* #THEME COLOR (variable overrides)
|
/* #THEME COLOR (variable overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* #GLOBAL IMPORTS
|
/* #GLOBAL IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* #IMPORTS ~~
|
/* #IMPORTS ~~
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -66,16 +66,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -102,37 +102,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -142,28 +142,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -178,35 +178,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -224,65 +224,65 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
||||||
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
|
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
|
||||||
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
|
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
|
||||||
background-color: #2b4c81; }
|
background-color: #2b4c81; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.btn-default {
|
.btn-default {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
|
|
@ -325,11 +325,11 @@ RESULT:
|
||||||
border: 1px solid #ffb20e;
|
border: 1px solid #ffb20e;
|
||||||
color: #161616; }
|
color: #161616; }
|
||||||
|
|
||||||
/* #GLOBAL IMPORTS
|
/* #GLOBAL IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*@import '_imports/_global-import';*/
|
/*@import '_imports/_global-import';*/
|
||||||
/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
|
/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
|
||||||
DOC: you can disable unused _modules
|
DOC: you can disable unused _modules
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* contains root variables to be used with css (see docs) */
|
/* contains root variables to be used with css (see docs) */
|
||||||
/* html and body base styles */
|
/* html and body base styles */
|
||||||
|
|
@ -466,7 +466,7 @@ html body {
|
||||||
color: #4a78c2; }
|
color: #4a78c2; }
|
||||||
.nav-menu li > ul li a > .badge {
|
.nav-menu li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995; }
|
background-color: #B82132; }
|
||||||
.nav-menu li > ul li a:hover {
|
.nav-menu li > ul li a:hover {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: rgba(0, 0, 0, 0.1); }
|
background-color: rgba(0, 0, 0, 0.1); }
|
||||||
|
|
@ -490,7 +490,7 @@ html body {
|
||||||
color: white; }
|
color: white; }
|
||||||
.nav-menu li > ul li > ul li a > .badge {
|
.nav-menu li > ul li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border: 1px solid #494949; }
|
border: 1px solid #494949; }
|
||||||
|
|
||||||
/* nav clean elements */
|
/* nav clean elements */
|
||||||
|
|
@ -661,11 +661,11 @@ html body {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #4679cc; }
|
background-color: #4679cc; }
|
||||||
|
|
||||||
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
||||||
does not allow you to add your own alert colors via variable control rather
|
does not allow you to add your own alert colors via variable control rather
|
||||||
through a systemetic agent that changes the theme colors.
|
through a systemetic agent that changes the theme colors.
|
||||||
|
|
||||||
REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
|
REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
|
||||||
*/
|
*/
|
||||||
.alert-primary {
|
.alert-primary {
|
||||||
color: #57606e;
|
color: #57606e;
|
||||||
|
|
@ -698,7 +698,7 @@ html body {
|
||||||
border-color: #d6d6d6; }
|
border-color: #d6d6d6; }
|
||||||
|
|
||||||
.badge.badge-icon {
|
.badge.badge-icon {
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
-webkit-box-shadow: 0 0 0 1px #fff;
|
-webkit-box-shadow: 0 0 0 1px #fff;
|
||||||
box-shadow: 0 0 0 1px #fff; }
|
box-shadow: 0 0 0 1px #fff; }
|
||||||
|
|
@ -726,7 +726,7 @@ html body {
|
||||||
|
|
||||||
/* buttons used in the header section of the page */
|
/* buttons used in the header section of the page */
|
||||||
.header-btn[data-class='mobile-nav-on'] {
|
.header-btn[data-class='mobile-nav-on'] {
|
||||||
border-color: #fc077a;
|
border-color: #B82132;
|
||||||
background-color: #fd2087;
|
background-color: #fd2087;
|
||||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
||||||
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
||||||
|
|
@ -842,7 +842,7 @@ html body {
|
||||||
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1);
|
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1);
|
||||||
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1); }
|
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1); }
|
||||||
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
|
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
/* panel tag can be used globally */
|
/* panel tag can be used globally */
|
||||||
.panel-tag {
|
.panel-tag {
|
||||||
|
|
@ -860,9 +860,9 @@ html body {
|
||||||
.panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
|
.panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
|
||||||
border-color: transparent rgba(70, 121, 204, 0.7) rgba(54, 107, 195, 0.7); }
|
border-color: transparent rgba(70, 121, 204, 0.7) rgba(54, 107, 195, 0.7); }
|
||||||
|
|
||||||
/*.panel-sortable .panel-hdr:active,
|
/*.panel-sortable .panel-hdr:active,
|
||||||
.panel-sortable .panel-hdr:active + .panel-container {
|
.panel-sortable .panel-hdr:active + .panel-container {
|
||||||
@include transition-border(0.4s, ease-out);
|
@include transition-border(0.4s, ease-out);
|
||||||
}*/
|
}*/
|
||||||
.panel-sortable.panel-locked .panel-hdr:active {
|
.panel-sortable.panel-locked .panel-hdr:active {
|
||||||
border-top-color: #fe6bb0;
|
border-top-color: #fe6bb0;
|
||||||
|
|
@ -879,7 +879,7 @@ html body {
|
||||||
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
|
|
||||||
/* placeholder */
|
/* placeholder */
|
||||||
.panel-placeholder {
|
.panel-placeholder {
|
||||||
|
|
@ -1012,7 +1012,7 @@ label.menu-open-button {
|
||||||
.status.status-success:before {
|
.status.status-success:before {
|
||||||
background: #1dc9b7; }
|
background: #1dc9b7; }
|
||||||
.status.status-danger:before {
|
.status.status-danger:before {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
.status.status-warning:before {
|
.status.status-warning:before {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
|
|
||||||
|
|
@ -1078,8 +1078,8 @@ code {
|
||||||
|
|
||||||
@media only screen and (max-width: 576px) {
|
@media only screen and (max-width: 576px) {
|
||||||
/* here we turn on mobile font for smaller screens */
|
/* here we turn on mobile font for smaller screens */
|
||||||
/*body {
|
/*body {
|
||||||
font-family: $mobile-page-font !important;
|
font-family: $mobile-page-font !important;
|
||||||
}*/
|
}*/
|
||||||
/* mobile nav search */
|
/* mobile nav search */
|
||||||
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
||||||
|
|
@ -1560,7 +1560,7 @@ code {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-500 {
|
.bg-danger-500 {
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-500:hover {
|
.bg-danger-500:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -1572,7 +1572,7 @@ code {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-700 {
|
.bg-danger-700 {
|
||||||
background-color: #fc077a;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-700:hover {
|
.bg-danger-700:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -1605,13 +1605,13 @@ code {
|
||||||
color: #fd52a3; }
|
color: #fd52a3; }
|
||||||
|
|
||||||
.color-danger-500 {
|
.color-danger-500 {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-600 {
|
.color-danger-600 {
|
||||||
color: #fd2087; }
|
color: #fd2087; }
|
||||||
|
|
||||||
.color-danger-700 {
|
.color-danger-700 {
|
||||||
color: #fc077a; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-800 {
|
.color-danger-800 {
|
||||||
color: #e7026e; }
|
color: #e7026e; }
|
||||||
|
|
@ -1870,25 +1870,25 @@ code {
|
||||||
|
|
||||||
.btn-danger {
|
.btn-danger {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995;
|
border-color: #B82132;
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
|
||||||
.btn-danger:hover {
|
.btn-danger:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd1381;
|
background-color: #B82132;
|
||||||
border-color: #fc077a; }
|
border-color: #B82132; }
|
||||||
.btn-danger:focus, .btn-danger.focus {
|
.btn-danger:focus, .btn-danger.focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
|
||||||
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
|
||||||
.btn-danger.disabled, .btn-danger:disabled {
|
.btn-danger.disabled, .btn-danger:disabled {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
|
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
|
||||||
.show > .btn-danger.dropdown-toggle {
|
.show > .btn-danger.dropdown-toggle {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fc077a;
|
background-color: #B82132;
|
||||||
border-color: #f40274; }
|
border-color: #f40274; }
|
||||||
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
|
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
|
||||||
.show > .btn-danger.dropdown-toggle:focus {
|
.show > .btn-danger.dropdown-toggle:focus {
|
||||||
|
|
@ -2065,23 +2065,23 @@ code {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
|
||||||
|
|
||||||
.btn-outline-danger {
|
.btn-outline-danger {
|
||||||
color: #fd3995;
|
color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:hover {
|
.btn-outline-danger:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
||||||
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
|
||||||
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
||||||
color: #fd3995;
|
color: #B82132;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
|
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
|
||||||
.show > .btn-outline-danger.dropdown-toggle {
|
.show > .btn-outline-danger.dropdown-toggle {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
|
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
|
||||||
.show > .btn-outline-danger.dropdown-toggle:focus {
|
.show > .btn-outline-danger.dropdown-toggle:focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
||||||
|
|
@ -2149,7 +2149,7 @@ code {
|
||||||
border-color: #ffc241 !important; }
|
border-color: #ffc241 !important; }
|
||||||
|
|
||||||
.border-danger {
|
.border-danger {
|
||||||
border-color: #fd3995 !important; }
|
border-color: #B82132 !important; }
|
||||||
|
|
||||||
.border-light {
|
.border-light {
|
||||||
border-color: #fff !important; }
|
border-color: #fff !important; }
|
||||||
|
|
@ -2188,7 +2188,7 @@ a.text-warning:hover, a.text-warning:focus {
|
||||||
color: #f4a500 !important; }
|
color: #f4a500 !important; }
|
||||||
|
|
||||||
.text-danger {
|
.text-danger {
|
||||||
color: #fd3995 !important; }
|
color: #B82132 !important; }
|
||||||
|
|
||||||
a.text-danger:hover, a.text-danger:focus {
|
a.text-danger:hover, a.text-danger:focus {
|
||||||
color: #e7026e !important; }
|
color: #e7026e !important; }
|
||||||
|
|
@ -2205,7 +2205,7 @@ a.text-light:hover, a.text-light:focus {
|
||||||
a.text-dark:hover, a.text-dark:focus {
|
a.text-dark:hover, a.text-dark:focus {
|
||||||
color: #232323 !important; }
|
color: #232323 !important; }
|
||||||
|
|
||||||
/* #Reset userselect
|
/* #Reset userselect
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
#myapp-0 {
|
#myapp-0 {
|
||||||
-webkit-box-shadow: none !important;
|
-webkit-box-shadow: none !important;
|
||||||
|
|
|
||||||
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
|
|
@ -1,63 +1,63 @@
|
||||||
/* #THEME COLOR (variable overrides)
|
/* #THEME COLOR (variable overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* #GLOBAL IMPORTS
|
/* #GLOBAL IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* #IMPORTS ~~
|
/* #IMPORTS ~~
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*---------------------------------------------------
|
/*---------------------------------------------------
|
||||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||||
-------------------------------- -------------------
|
-------------------------------- -------------------
|
||||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||||
---------------------------------------------------*/
|
---------------------------------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
Usage
|
Usage
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32);
|
font-size: rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
OR:
|
OR:
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: rem(32px);
|
font-size: rem(32px);
|
||||||
}
|
}
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
FADE IN
|
FADE IN
|
||||||
e.g. @include fadeIn( 2s );
|
e.g. @include fadeIn( 2s );
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
mixin that calculates if text needs to be light or dark
|
mixin that calculates if text needs to be light or dark
|
||||||
depending on the background color passed.
|
depending on the background color passed.
|
||||||
|
|
||||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||||
|
|
||||||
usage:
|
usage:
|
||||||
@include text-contrast($bgcolor)
|
@include text-contrast($bgcolor)
|
||||||
|
|
||||||
Color brightness is determined by the following formula:
|
Color brightness is determined by the following formula:
|
||||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/*------------------------
|
/*------------------------
|
||||||
color factory
|
color factory
|
||||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||||
------------------------*/
|
------------------------*/
|
||||||
/* backface visibility */
|
/* backface visibility */
|
||||||
/* generate theme button */
|
/* generate theme button */
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
$color-primary: #826bb0;
|
$color-primary: #826bb0;
|
||||||
$color-success: #31cb55;
|
$color-success: #31cb55;
|
||||||
$color-info: #5e93ec;
|
$color-info: #5e93ec;
|
||||||
$color-warning: #eec559;
|
$color-warning: #eec559;
|
||||||
$color-danger: #dc4b92;
|
$color-danger: #dc4b92;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||||
/* Color Polarity
|
/* Color Polarity
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAINTBUCKET MIXER
|
/* PAINTBUCKET MIXER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* the grays */
|
/* the grays */
|
||||||
/* the sapphires */
|
/* the sapphires */
|
||||||
|
|
@ -66,16 +66,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* the topaz */
|
/* the topaz */
|
||||||
/* the rubies */
|
/* the rubies */
|
||||||
/* the graphites */
|
/* the graphites */
|
||||||
/* Define universal border difition (div outlines, etc)
|
/* Define universal border difition (div outlines, etc)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||||
/* global var used for spacing*/
|
/* global var used for spacing*/
|
||||||
/* Uniform Padding variable */
|
/* Uniform Padding variable */
|
||||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* usage: theme-colors("primary"); */
|
/* usage: theme-colors("primary"); */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
@ -102,37 +102,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
/* popovers */
|
/* popovers */
|
||||||
/* tooltips */
|
/* tooltips */
|
||||||
/* modal */
|
/* modal */
|
||||||
/* reference guide
|
/* reference guide
|
||||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
8px = 0.5rem
|
8px = 0.5rem
|
||||||
9px = 0.5625rem
|
9px = 0.5625rem
|
||||||
10px = 0.625rem
|
10px = 0.625rem
|
||||||
11px = 0.6875rem
|
11px = 0.6875rem
|
||||||
12px = 0.75rem
|
12px = 0.75rem
|
||||||
13px = 0.8125rem
|
13px = 0.8125rem
|
||||||
14px = 0.875rem
|
14px = 0.875rem
|
||||||
15px = 0.9375rem
|
15px = 0.9375rem
|
||||||
16px = 1rem (base)
|
16px = 1rem (base)
|
||||||
17px = 1.0625rem
|
17px = 1.0625rem
|
||||||
18px = 1.125rem
|
18px = 1.125rem
|
||||||
19px = 1.1875rem
|
19px = 1.1875rem
|
||||||
20px = 1.25rem
|
20px = 1.25rem
|
||||||
21px = 1.3125rem
|
21px = 1.3125rem
|
||||||
22px = 1.375rem
|
22px = 1.375rem
|
||||||
24px = 1.5rem
|
24px = 1.5rem
|
||||||
25px = 1.5625rem
|
25px = 1.5625rem
|
||||||
26px = 1.625rem
|
26px = 1.625rem
|
||||||
28px = 1.75rem
|
28px = 1.75rem
|
||||||
30px = 1.875rem
|
30px = 1.875rem
|
||||||
32px = 2rem
|
32px = 2rem
|
||||||
34px = 2.125rem
|
34px = 2.125rem
|
||||||
36px = 2.25rem
|
36px = 2.25rem
|
||||||
38px = 2.375rem
|
38px = 2.375rem
|
||||||
40px = 2.5rem
|
40px = 2.5rem
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
/* carousel */
|
/* carousel */
|
||||||
/* BASE VARS
|
/* BASE VARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* font vars below will auto change to rem values using function rem($value)*/
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||||||
/* 11px */
|
/* 11px */
|
||||||
|
|
@ -142,28 +142,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* 15px */
|
/* 15px */
|
||||||
/* 16px */
|
/* 16px */
|
||||||
/* 28px */
|
/* 28px */
|
||||||
/* Font Family
|
/* Font Family
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||||
/* ANIMATIONS
|
/* ANIMATIONS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* this addresses all animation related to nav hide to nav minify */
|
/* this addresses all animation related to nav hide to nav minify */
|
||||||
/* Z-INDEX declearation
|
/* Z-INDEX declearation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||||
/* CUSTOM ICON PREFIX
|
/* CUSTOM ICON PREFIX
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PRINT CSS (landscape or portrait)
|
/* PRINT CSS (landscape or portrait)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* landscape or portrait */
|
/* landscape or portrait */
|
||||||
/* auto, letter */
|
/* auto, letter */
|
||||||
/* Common Element Variables
|
/* Common Element Variables
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Z-index decleartion "birds eye view"
|
/* Z-index decleartion "birds eye view"
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Components
|
/* Components
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE HEADER STUFF
|
/* PAGE HEADER STUFF
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* colors */
|
/* colors */
|
||||||
/* height */
|
/* height */
|
||||||
|
|
@ -178,35 +178,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||||
/* dropdown: app list */
|
/* dropdown: app list */
|
||||||
/* badge */
|
/* badge */
|
||||||
/* COMPONENTS & MODS */
|
/* COMPONENTS & MODS */
|
||||||
/* NAVIGATION STUFF
|
/* NAVIGATION STUFF
|
||||||
|
|
||||||
Guide:
|
Guide:
|
||||||
|
|
||||||
aside.page-sidebar ($nav-width, $nav-background)
|
aside.page-sidebar ($nav-width, $nav-background)
|
||||||
.page-logo
|
.page-logo
|
||||||
.primary-nav
|
.primary-nav
|
||||||
.info-card
|
.info-card
|
||||||
ul.nav-menu
|
ul.nav-menu
|
||||||
li
|
li
|
||||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||||
icon
|
icon
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-one
|
ul.nav-menu-sub-one
|
||||||
li
|
li
|
||||||
a ($nav-level-1... $nav-sub-link-height)
|
a ($nav-level-1... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
collapse-sign
|
collapse-sign
|
||||||
|
|
||||||
ul.nav-menu-sub-two
|
ul.nav-menu-sub-two
|
||||||
li
|
li
|
||||||
a ($nav-level-2... $nav-sub-link-height)
|
a ($nav-level-2... $nav-sub-link-height)
|
||||||
span
|
span
|
||||||
|
|
||||||
p.nav-title ($nav-title-*...)
|
p.nav-title ($nav-title-*...)
|
||||||
|
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* main navigation */
|
/* main navigation */
|
||||||
/* left panel */
|
/* left panel */
|
||||||
|
|
@ -224,65 +224,65 @@ aside.page-sidebar ($nav-width, $nav-background)
|
||||||
/* width is auto */
|
/* width is auto */
|
||||||
/* nav DL labels for all child */
|
/* nav DL labels for all child */
|
||||||
/* will be pulled to left as a negative value */
|
/* will be pulled to left as a negative value */
|
||||||
/* MISC Settings
|
/* MISC Settings
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* List Table */
|
/* List Table */
|
||||||
/* PAGE SETTINGS
|
/* PAGE SETTINGS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE BREADCRUMB
|
/* PAGE BREADCRUMB
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PANELS
|
/* PAGE COMPONENT PANELS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT PROGRESSBARS
|
/* PAGE COMPONENT PROGRESSBARS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* PAGE COMPONENT MESSENGER
|
/* PAGE COMPONENT MESSENGER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* FOOTER
|
/* FOOTER
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* GLOBALS
|
/* GLOBALS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* ACCESSIBILITIES */
|
/* ACCESSIBILITIES */
|
||||||
/* PLACEHOLDER
|
/* PLACEHOLDER
|
||||||
=============================================
|
=============================================
|
||||||
|
|
||||||
EXAMPLE:
|
EXAMPLE:
|
||||||
|
|
||||||
%bg-image {
|
%bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-one {
|
.image-one {
|
||||||
@extend %bg-image;
|
@extend %bg-image;
|
||||||
background-image:url(/img/image-one.jpg");
|
background-image:url(/img/image-one.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
RESULT:
|
RESULT:
|
||||||
|
|
||||||
.image-one, .image-two {
|
.image-one, .image-two {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
*/
|
*/
|
||||||
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
|
||||||
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
|
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
|
||||||
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
|
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
|
||||||
background-color: #a12861; }
|
background-color: #a12861; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
%shadow-hover {
|
%shadow-hover {
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.btn-default {
|
.btn-default {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
|
|
@ -325,11 +325,11 @@ RESULT:
|
||||||
border: 1px solid #ffb20e;
|
border: 1px solid #ffb20e;
|
||||||
color: #252525; }
|
color: #252525; }
|
||||||
|
|
||||||
/* #GLOBAL IMPORTS
|
/* #GLOBAL IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/*@import '_imports/_global-import';*/
|
/*@import '_imports/_global-import';*/
|
||||||
/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
|
/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
|
||||||
DOC: you can disable unused _modules
|
DOC: you can disable unused _modules
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* contains root variables to be used with css (see docs) */
|
/* contains root variables to be used with css (see docs) */
|
||||||
/* html and body base styles */
|
/* html and body base styles */
|
||||||
|
|
@ -466,7 +466,7 @@ html body {
|
||||||
color: #d55591; }
|
color: #d55591; }
|
||||||
.nav-menu li > ul li a > .badge {
|
.nav-menu li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995; }
|
background-color: #B82132; }
|
||||||
.nav-menu li > ul li a:hover {
|
.nav-menu li > ul li a:hover {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: rgba(0, 0, 0, 0.1); }
|
background-color: rgba(0, 0, 0, 0.1); }
|
||||||
|
|
@ -490,7 +490,7 @@ html body {
|
||||||
color: white; }
|
color: white; }
|
||||||
.nav-menu li > ul li > ul li a > .badge {
|
.nav-menu li > ul li > ul li a > .badge {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border: 1px solid #585858; }
|
border: 1px solid #585858; }
|
||||||
|
|
||||||
/* nav clean elements */
|
/* nav clean elements */
|
||||||
|
|
@ -661,11 +661,11 @@ html body {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #dd5293; }
|
background-color: #dd5293; }
|
||||||
|
|
||||||
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
|
||||||
does not allow you to add your own alert colors via variable control rather
|
does not allow you to add your own alert colors via variable control rather
|
||||||
through a systemetic agent that changes the theme colors.
|
through a systemetic agent that changes the theme colors.
|
||||||
|
|
||||||
REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
|
REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
|
||||||
*/
|
*/
|
||||||
.alert-primary {
|
.alert-primary {
|
||||||
color: #8a5870;
|
color: #8a5870;
|
||||||
|
|
@ -698,7 +698,7 @@ html body {
|
||||||
border-color: #e4e4e4; }
|
border-color: #e4e4e4; }
|
||||||
|
|
||||||
.badge.badge-icon {
|
.badge.badge-icon {
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
-webkit-box-shadow: 0 0 0 1px #fff;
|
-webkit-box-shadow: 0 0 0 1px #fff;
|
||||||
box-shadow: 0 0 0 1px #fff; }
|
box-shadow: 0 0 0 1px #fff; }
|
||||||
|
|
@ -726,7 +726,7 @@ html body {
|
||||||
|
|
||||||
/* buttons used in the header section of the page */
|
/* buttons used in the header section of the page */
|
||||||
.header-btn[data-class='mobile-nav-on'] {
|
.header-btn[data-class='mobile-nav-on'] {
|
||||||
border-color: #fc077a;
|
border-color: #B82132;
|
||||||
background-color: #fd2087;
|
background-color: #fd2087;
|
||||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
|
||||||
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
background-image: linear-gradient(to top, #fd2087, #e7026e);
|
||||||
|
|
@ -842,7 +842,7 @@ html body {
|
||||||
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1);
|
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1);
|
||||||
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1); }
|
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1); }
|
||||||
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
|
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
/* panel tag can be used globally */
|
/* panel tag can be used globally */
|
||||||
.panel-tag {
|
.panel-tag {
|
||||||
|
|
@ -860,9 +860,9 @@ html body {
|
||||||
.panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
|
.panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
|
||||||
border-color: transparent rgba(221, 82, 147, 0.7) rgba(217, 61, 134, 0.7); }
|
border-color: transparent rgba(221, 82, 147, 0.7) rgba(217, 61, 134, 0.7); }
|
||||||
|
|
||||||
/*.panel-sortable .panel-hdr:active,
|
/*.panel-sortable .panel-hdr:active,
|
||||||
.panel-sortable .panel-hdr:active + .panel-container {
|
.panel-sortable .panel-hdr:active + .panel-container {
|
||||||
@include transition-border(0.4s, ease-out);
|
@include transition-border(0.4s, ease-out);
|
||||||
}*/
|
}*/
|
||||||
.panel-sortable.panel-locked .panel-hdr:active {
|
.panel-sortable.panel-locked .panel-hdr:active {
|
||||||
border-top-color: #fe6bb0;
|
border-top-color: #fe6bb0;
|
||||||
|
|
@ -879,7 +879,7 @@ html body {
|
||||||
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
|
|
||||||
/* placeholder */
|
/* placeholder */
|
||||||
.panel-placeholder {
|
.panel-placeholder {
|
||||||
|
|
@ -1012,7 +1012,7 @@ label.menu-open-button {
|
||||||
.status.status-success:before {
|
.status.status-success:before {
|
||||||
background: #1dc9b7; }
|
background: #1dc9b7; }
|
||||||
.status.status-danger:before {
|
.status.status-danger:before {
|
||||||
background: #fd3995; }
|
background: #B82132; }
|
||||||
.status.status-warning:before {
|
.status.status-warning:before {
|
||||||
background: #ffc241; }
|
background: #ffc241; }
|
||||||
|
|
||||||
|
|
@ -1078,8 +1078,8 @@ code {
|
||||||
|
|
||||||
@media only screen and (max-width: 576px) {
|
@media only screen and (max-width: 576px) {
|
||||||
/* here we turn on mobile font for smaller screens */
|
/* here we turn on mobile font for smaller screens */
|
||||||
/*body {
|
/*body {
|
||||||
font-family: $mobile-page-font !important;
|
font-family: $mobile-page-font !important;
|
||||||
}*/
|
}*/
|
||||||
/* mobile nav search */
|
/* mobile nav search */
|
||||||
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
|
||||||
|
|
@ -1560,7 +1560,7 @@ code {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-500 {
|
.bg-danger-500 {
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-500:hover {
|
.bg-danger-500:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -1572,7 +1572,7 @@ code {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.bg-danger-700 {
|
.bg-danger-700 {
|
||||||
background-color: #fc077a;
|
background-color: #B82132;
|
||||||
color: white; }
|
color: white; }
|
||||||
.bg-danger-700:hover {
|
.bg-danger-700:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
@ -1605,13 +1605,13 @@ code {
|
||||||
color: #fd52a3; }
|
color: #fd52a3; }
|
||||||
|
|
||||||
.color-danger-500 {
|
.color-danger-500 {
|
||||||
color: #fd3995; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-600 {
|
.color-danger-600 {
|
||||||
color: #fd2087; }
|
color: #fd2087; }
|
||||||
|
|
||||||
.color-danger-700 {
|
.color-danger-700 {
|
||||||
color: #fc077a; }
|
color: #B82132; }
|
||||||
|
|
||||||
.color-danger-800 {
|
.color-danger-800 {
|
||||||
color: #e7026e; }
|
color: #e7026e; }
|
||||||
|
|
@ -1870,25 +1870,25 @@ code {
|
||||||
|
|
||||||
.btn-danger {
|
.btn-danger {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995;
|
border-color: #B82132;
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
|
||||||
.btn-danger:hover {
|
.btn-danger:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd1381;
|
background-color: #B82132;
|
||||||
border-color: #fc077a; }
|
border-color: #B82132; }
|
||||||
.btn-danger:focus, .btn-danger.focus {
|
.btn-danger:focus, .btn-danger.focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
|
||||||
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
|
||||||
.btn-danger.disabled, .btn-danger:disabled {
|
.btn-danger.disabled, .btn-danger:disabled {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
|
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
|
||||||
.show > .btn-danger.dropdown-toggle {
|
.show > .btn-danger.dropdown-toggle {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fc077a;
|
background-color: #B82132;
|
||||||
border-color: #f40274; }
|
border-color: #f40274; }
|
||||||
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
|
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
|
||||||
.show > .btn-danger.dropdown-toggle:focus {
|
.show > .btn-danger.dropdown-toggle:focus {
|
||||||
|
|
@ -2065,23 +2065,23 @@ code {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
|
||||||
|
|
||||||
.btn-outline-danger {
|
.btn-outline-danger {
|
||||||
color: #fd3995;
|
color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:hover {
|
.btn-outline-danger:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
||||||
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
|
||||||
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
||||||
color: #fd3995;
|
color: #B82132;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
|
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
|
||||||
.show > .btn-outline-danger.dropdown-toggle {
|
.show > .btn-outline-danger.dropdown-toggle {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #fd3995;
|
background-color: #B82132;
|
||||||
border-color: #fd3995; }
|
border-color: #B82132; }
|
||||||
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
|
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
|
||||||
.show > .btn-outline-danger.dropdown-toggle:focus {
|
.show > .btn-outline-danger.dropdown-toggle:focus {
|
||||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
|
||||||
|
|
@ -2149,7 +2149,7 @@ code {
|
||||||
border-color: #ffc241 !important; }
|
border-color: #ffc241 !important; }
|
||||||
|
|
||||||
.border-danger {
|
.border-danger {
|
||||||
border-color: #fd3995 !important; }
|
border-color: #B82132 !important; }
|
||||||
|
|
||||||
.border-light {
|
.border-light {
|
||||||
border-color: #fff !important; }
|
border-color: #fff !important; }
|
||||||
|
|
@ -2188,7 +2188,7 @@ a.text-warning:hover, a.text-warning:focus {
|
||||||
color: #f4a500 !important; }
|
color: #f4a500 !important; }
|
||||||
|
|
||||||
.text-danger {
|
.text-danger {
|
||||||
color: #fd3995 !important; }
|
color: #B82132 !important; }
|
||||||
|
|
||||||
a.text-danger:hover, a.text-danger:focus {
|
a.text-danger:hover, a.text-danger:focus {
|
||||||
color: #e7026e !important; }
|
color: #e7026e !important; }
|
||||||
|
|
@ -2205,7 +2205,7 @@ a.text-light:hover, a.text-light:focus {
|
||||||
a.text-dark:hover, a.text-dark:focus {
|
a.text-dark:hover, a.text-dark:focus {
|
||||||
color: #323232 !important; }
|
color: #323232 !important; }
|
||||||
|
|
||||||
/* #Reset userselect
|
/* #Reset userselect
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
#myapp-0 {
|
#myapp-0 {
|
||||||
-webkit-box-shadow: none !important;
|
-webkit-box-shadow: none !important;
|
||||||
|
|
|
||||||
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
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -2,11 +2,11 @@ var myapp_get_color = {
|
||||||
primary_50: '#ccbfdf',
|
primary_50: '#ccbfdf',
|
||||||
primary_100: '#beaed7',
|
primary_100: '#beaed7',
|
||||||
primary_200: '#b19dce',
|
primary_200: '#b19dce',
|
||||||
primary_300: '#a38cc6',
|
primary_300: '#3674B5',
|
||||||
primary_400: '#967bbd',
|
primary_400: '#967bbd',
|
||||||
primary_500: '#886ab5',
|
primary_500: '#3674B5',
|
||||||
primary_600: '#7a59ad',
|
primary_600: '#3674B5',
|
||||||
primary_700: '#6e4e9e',
|
primary_700: '#3674B5',
|
||||||
primary_800: '#62468d',
|
primary_800: '#62468d',
|
||||||
primary_900: '#563d7c',
|
primary_900: '#563d7c',
|
||||||
success_50: '#7aece0',
|
success_50: '#7aece0',
|
||||||
|
|
@ -44,9 +44,9 @@ var myapp_get_color = {
|
||||||
danger_200: '#fe85be',
|
danger_200: '#fe85be',
|
||||||
danger_300: '#fe6bb0',
|
danger_300: '#fe6bb0',
|
||||||
danger_400: '#fd52a3',
|
danger_400: '#fd52a3',
|
||||||
danger_500: '#fd3995',
|
danger_500: '#B82132',
|
||||||
danger_600: '#fd2087',
|
danger_600: '#fd2087',
|
||||||
danger_700: '#fc077a',
|
danger_700: '#B82132',
|
||||||
danger_800: '#e7026e',
|
danger_800: '#e7026e',
|
||||||
danger_900: '#ce0262',
|
danger_900: '#ce0262',
|
||||||
fusion_50: '#909090',
|
fusion_50: '#909090',
|
||||||
|
|
@ -59,7 +59,7 @@ var myapp_get_color = {
|
||||||
fusion_700: '#363636',
|
fusion_700: '#363636',
|
||||||
fusion_800: '#2a2a2a',
|
fusion_800: '#2a2a2a',
|
||||||
fusion_900: '#1d1d1d'
|
fusion_900: '#1d1d1d'
|
||||||
}
|
}
|
||||||
//--------------------------------------------------------------------------
|
//--------------------------------------------------------------------------
|
||||||
// HEADSUP!
|
// HEADSUP!
|
||||||
// Please be sure to re-run gulp again if you do not see the config changes
|
// Please be sure to re-run gulp again if you do not see the config changes
|
||||||
|
|
@ -162,7 +162,7 @@ var myapp_config = {
|
||||||
*/
|
*/
|
||||||
jsArray : []
|
jsArray : []
|
||||||
};
|
};
|
||||||
|
|
||||||
/*!
|
/*!
|
||||||
* jQuery app.navigation v1.0.0
|
* jQuery app.navigation v1.0.0
|
||||||
*
|
*
|
||||||
|
|
@ -367,7 +367,7 @@ var myapp_config = {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
})(jQuery, window, document);
|
})(jQuery, window, document);
|
||||||
/*!
|
/*!
|
||||||
* jQuery menuSlider v1.0.0
|
* jQuery menuSlider v1.0.0
|
||||||
*
|
*
|
||||||
|
|
@ -549,7 +549,7 @@ var myapp_config = {
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
/*!
|
/*!
|
||||||
* jQuery SmartAdmin v4.0.0
|
* jQuery SmartAdmin v4.0.0
|
||||||
*
|
*
|
||||||
|
|
@ -1352,7 +1352,7 @@ var initApp = (function(app) {
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
if (myapp_config.debugState)
|
if (myapp_config.debugState)
|
||||||
console.log("%c✘ Waves plugin inactive! ", "color: #fd3995");
|
console.log("%c✘ Waves plugin inactive! ", "color: #B82132");
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1730,7 +1730,7 @@ var initApp = (function(app) {
|
||||||
Oh wow, you actually opened this file and read it all the way though! Congrats!
|
Oh wow, you actually opened this file and read it all the way though! Congrats!
|
||||||
Please do drop me a line at @myplaneticket :)
|
Please do drop me a line at @myplaneticket :)
|
||||||
|
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
* Bind the throttled handler to the resize event.
|
* Bind the throttled handler to the resize event.
|
||||||
* NOTE: Please do not change the order displayed (e.g. 1a, 1b, 2a, 2b...etc)
|
* NOTE: Please do not change the order displayed (e.g. 1a, 1b, 2a, 2b...etc)
|
||||||
|
|
@ -1758,7 +1758,7 @@ $(window).resize(
|
||||||
|
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Bind the throttled handler to the scroll event
|
* Bind the throttled handler to the scroll event
|
||||||
**/
|
**/
|
||||||
|
|
@ -1784,7 +1784,7 @@ $(window).scroll(
|
||||||
* Initiate scroll events
|
* Initiate scroll events
|
||||||
**/
|
**/
|
||||||
$(window).on('scroll', initApp.windowScrollEvents);
|
$(window).on('scroll', initApp.windowScrollEvents);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* DOCUMENT LOADED EVENT
|
* DOCUMENT LOADED EVENT
|
||||||
* DOC: Fire when DOM is ready
|
* DOC: Fire when DOM is ready
|
||||||
|
|
@ -1828,7 +1828,7 @@ jQuery(document).ready(function() {
|
||||||
initApp.appForms('.input-group', 'has-length', 'has-disabled');
|
initApp.appForms('.input-group', 'has-length', 'has-disabled');
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Mobile orientation change events
|
* Mobile orientation change events
|
||||||
* DOC: recalculates app height
|
* DOC: recalculates app height
|
||||||
|
|
@ -1839,7 +1839,7 @@ $( window ).on( "orientationchange", function( event ) {
|
||||||
if (myapp_config.debugState)
|
if (myapp_config.debugState)
|
||||||
console.log("orientationchange event");
|
console.log("orientationchange event");
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Window load function
|
* Window load function
|
||||||
* DOC: window focus blur detection
|
* DOC: window focus blur detection
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -261,7 +261,7 @@
|
||||||
<div class="panel-tag">
|
<div class="panel-tag">
|
||||||
The colorpicker ColorItem class uses and comes bundled with Qix Color, a great color parsing library with a friendly API that allows you to manipulate and convert the color. ColorItem is just an abstraction layer on top of the library, which is more convenient for Bootstrap Colorpicker. In this example we use the ColorItem API to add color swatches based on a tetrad of the selected color
|
The colorpicker ColorItem class uses and comes bundled with Qix Color, a great color parsing library with a friendly API that allows you to manipulate and convert the color. ColorItem is just an abstraction layer on top of the library, which is more convenient for Bootstrap Colorpicker. In this example we use the ColorItem API to add color swatches based on a tetrad of the selected color
|
||||||
</div>
|
</div>
|
||||||
<div id="cp16" data-color="#886ab5">
|
<div id="cp16" data-color="#3674B5">
|
||||||
<input type="text" class="form-control" style="width:auto"/> <br>
|
<input type="text" class="form-control" style="width:auto"/> <br>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
$47,000
|
$47,000
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<span class="sparklines hidden-lg-down" sparkType="bar" sparkBarColor="#886ab5" sparkHeight="32px" sparkBarWidth="5px" values="3,4,3,6,7,3,3,6,2,6,4"></span>
|
<span class="sparklines hidden-lg-down" sparkType="bar" sparkBarColor="#3674B5" sparkHeight="32px" sparkBarWidth="5px" values="3,4,3,6,7,3,3,6,2,6,4"></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="subheader-block d-lg-flex align-items-center border-faded border-right-0 border-top-0 border-bottom-0 ml-3 pl-3">
|
<div class="subheader-block d-lg-flex align-items-center border-faded border-right-0 border-top-0 border-bottom-0 ml-3 pl-3">
|
||||||
<div class="d-inline-flex flex-column justify-content-center mr-3">
|
<div class="d-inline-flex flex-column justify-content-center mr-3">
|
||||||
|
|
@ -128,7 +128,7 @@
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="ml-auto d-inline-flex align-items-center">
|
<div class="ml-auto d-inline-flex align-items-center">
|
||||||
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#886ab5" sparkfillcolor="false" sparklinewidth="1" values="5,6,5,3,8,6,9,7,4,2"></div>
|
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#3674B5" sparkfillcolor="false" sparklinewidth="1" values="5,6,5,3,8,6,9,7,4,2"></div>
|
||||||
<div class="d-inline-flex flex-column small ml-2">
|
<div class="d-inline-flex flex-column small ml-2">
|
||||||
<span class="d-inline-block badge badge-success opacity-50 text-center p-1 width-6">97%</span>
|
<span class="d-inline-block badge badge-success opacity-50 text-center p-1 width-6">97%</span>
|
||||||
<span class="d-inline-block badge bg-fusion-300 opacity-50 text-center p-1 width-6 mt-1">44%</span>
|
<span class="d-inline-block badge bg-fusion-300 opacity-50 text-center p-1 width-6 mt-1">44%</span>
|
||||||
|
|
@ -197,7 +197,7 @@
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="ml-auto d-inline-flex align-items-center">
|
<div class="ml-auto d-inline-flex align-items-center">
|
||||||
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#fd3995" sparkfillcolor="false" sparklinewidth="1" values="5,3,9,6,5,9,7,3,5,2"></div>
|
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#B82132" sparkfillcolor="false" sparklinewidth="1" values="5,3,9,6,5,9,7,3,5,2"></div>
|
||||||
<div class="d-inline-flex flex-column small ml-2">
|
<div class="d-inline-flex flex-column small ml-2">
|
||||||
<span class="d-inline-block badge badge-danger opacity-50 text-center p-1 width-6">124</span>
|
<span class="d-inline-block badge badge-danger opacity-50 text-center p-1 width-6">124</span>
|
||||||
<span class="d-inline-block badge bg-info-300 opacity-50 text-center p-1 width-6 mt-1">40F</span>
|
<span class="d-inline-block badge bg-info-300 opacity-50 text-center p-1 width-6 mt-1">40F</span>
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
<h4 class="mb-g mt-2 text-center">
|
<h4 class="mb-g mt-2 text-center">
|
||||||
Skin "<strong>Ruby</strong>" <br>
|
Skin "<strong>Ruby</strong>" <br>
|
||||||
<small>
|
<small>
|
||||||
Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #1dc9b7;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #fd3995;</code>
|
Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #1dc9b7;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #B82132;</code>
|
||||||
</small>
|
</small>
|
||||||
</h4>
|
</h4>
|
||||||
<div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px">
|
<div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px">
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
$38,500
|
$38,500
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#fd3995", "height": 32, "width": 100 }'>1,4,3,6,5,3,9,6,5,9,7</span>
|
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#B82132", "height": 32, "width": 100 }'>1,4,3,6,5,3,9,6,5,9,7</span>
|
||||||
</div>
|
</div>
|
||||||
{{/inline}}
|
{{/inline}}
|
||||||
|
|
||||||
|
|
@ -82,13 +82,13 @@
|
||||||
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#1dc9b7", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span>
|
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#1dc9b7", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#fd3995", "height": 40, "width": "110", "strokeWidth": 2 }'>0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
|
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#B82132", "height": 40, "width": "110", "strokeWidth": 2 }'>0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#ffc241", "height": 40, "width": "110", "strokeWidth": 3 }'>0,1,7,6,4,2,3,5,3,4</span>
|
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#ffc241", "height": 40, "width": "110", "strokeWidth": 3 }'>0,1,7,6,4,2,3,5,3,4</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#886ab5", "height": 40, "width": "110", "strokeWidth": 4 }'>5,3,9,6,5,3,1,7,6,4</span>
|
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#3674B5", "height": 40, "width": "110", "strokeWidth": 4 }'>5,3,9,6,5,3,1,7,6,4</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -117,10 +117,10 @@
|
||||||
<span class="peity-line" data-peity='{ "fill": "#1dc9b7", "stroke": "#179c8e", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span>
|
<span class="peity-line" data-peity='{ "fill": "#1dc9b7", "stroke": "#179c8e", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#fd3995", "height": 40, "width": "110" }'>1,4,4,7,5,9,10,4,4,7,5,9,10</span>
|
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#B82132", "height": 40, "width": "110" }'>1,4,4,7,5,9,10,4,4,7,5,9,10</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-line" data-peity='{ "fill": "#886ab5", "stroke": "#6e4e9e", "height": 40, "width": "110" }'>5,3,9,6,5,3,1,7,6,4,4,1,5</span>
|
<span class="peity-line" data-peity='{ "fill": "#3674B5", "stroke": "#3674B5", "height": 40, "width": "110" }'>5,3,9,6,5,3,1,7,6,4,4,1,5</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-line" data-peity='{ "fill": "#ffc241", "stroke": "#ffc241", "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4,3,1,4,6</span>
|
<span class="peity-line" data-peity='{ "fill": "#ffc241", "stroke": "#ffc241", "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4,3,1,4,6</span>
|
||||||
|
|
@ -149,17 +149,17 @@
|
||||||
<div class="panel-container show">
|
<div class="panel-container show">
|
||||||
<div class="panel-content">
|
<div class="panel-content">
|
||||||
<div class="panel-tag">
|
<div class="panel-tag">
|
||||||
Bar charts can have positive or negative integers. You can change the bar colors via the following <code> data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"] }'</code>
|
Bar charts can have positive or negative integers. You can change the bar colors via the following <code> data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"] }'</code>
|
||||||
</div>
|
</div>
|
||||||
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
|
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-bar" data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"], "height": 40, "width": "110" }'>5,3,9,6,5,9,7,3,5,2</span>
|
<span class="peity-bar" data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"], "height": 40, "width": "110" }'>5,3,9,6,5,9,7,3,5,2</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-bar" data-peity='{ "fill": ["#7a59ad","#1dc9b7"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span>
|
<span class="peity-bar" data-peity='{ "fill": ["#3674B5","#1dc9b7"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-bar" data-peity='{ "fill": ["#7a59ad","#1dc9b7"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span>
|
<span class="peity-bar" data-peity='{ "fill": ["#3674B5","#1dc9b7"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-bar" data-peity='{ "fill": ["#1dc9b7"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span>
|
<span class="peity-bar" data-peity='{ "fill": ["#1dc9b7"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span>
|
||||||
|
|
@ -184,20 +184,20 @@
|
||||||
<div class="panel-container show">
|
<div class="panel-container show">
|
||||||
<div class="panel-content">
|
<div class="panel-content">
|
||||||
<div class="panel-tag">
|
<div class="panel-tag">
|
||||||
Pie charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"] }'</code>
|
Pie charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"] }'</code>
|
||||||
</div>
|
</div>
|
||||||
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
|
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-pie" data-peity='{ "fill": ["#7a59ad","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/4</span>
|
<span class="peity-pie" data-peity='{ "fill": ["#3674B5","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/4</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-pie" data-peity='{ "fill": ["#7a59ad","#ffc241","#37e2d0","#51adf6"], "height": 40, "width": "50" }'>7,6,3,4</span>
|
<span class="peity-pie" data-peity='{ "fill": ["#3674B5","#ffc241","#37e2d0","#51adf6"], "height": 40, "width": "50" }'>7,6,3,4</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-pie" data-peity='{ "fill": ["#21dfcb","#fd3995"], "height": 40, "width": "50" }'>5/10</span>
|
<span class="peity-pie" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-pie" data-peity='{ "fill": ["#886ab5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#6e4e9e","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
|
<span class="peity-pie" data-peity='{ "fill": ["#3674B5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -223,20 +223,20 @@
|
||||||
<div class="panel-container show">
|
<div class="panel-container show">
|
||||||
<div class="panel-content">
|
<div class="panel-content">
|
||||||
<div class="panel-tag">
|
<div class="panel-tag">
|
||||||
Donut charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"] }'</code>
|
Donut charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"] }'</code>
|
||||||
</div>
|
</div>
|
||||||
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
|
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-donut" data-peity='{ "fill": ["#7a59ad","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/3</span>
|
<span class="peity-donut" data-peity='{ "fill": ["#3674B5","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/3</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-donut" data-peity='{ "fill": ["#7a59ad","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>10,4,4,6</span>
|
<span class="peity-donut" data-peity='{ "fill": ["#3674B5","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>10,4,4,6</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-donut" data-peity='{ "fill": ["#21dfcb","#fd3995"], "height": 40, "width": "50" }'>5/10</span>
|
<span class="peity-donut" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="peity-donut" data-peity='{ "fill": ["#886ab5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#6e4e9e","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
|
<span class="peity-donut" data-peity='{ "fill": ["#3674B5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -320,12 +320,12 @@
|
||||||
Since the chart is just a generated SVG file, you can potentially generate the chart to any sizes using the values <code>innerRadius</code> and <code>radius</code> for pie and donut charts, and <code>width</code> and <code>height</code> for other charts
|
Since the chart is just a generated SVG file, you can potentially generate the chart to any sizes using the values <code>innerRadius</code> and <code>radius</code> for pie and donut charts, and <code>width</code> and <code>height</code> for other charts
|
||||||
</div>
|
</div>
|
||||||
<div class="js-data-attributes demo demo-h-spacing d-flex justify-content-center flex-wrap d-sm-block">
|
<div class="js-data-attributes demo demo-h-spacing d-flex justify-content-center flex-wrap d-sm-block">
|
||||||
<span data-peity='{ "fill": ["#fd3995", "#f2f2f2"], "innerRadius": 13, "radius": 37 }'>1/7</span>
|
<span data-peity='{ "fill": ["#B82132", "#f2f2f2"], "innerRadius": 13, "radius": 37 }'>1/7</span>
|
||||||
<span data-peity='{ "fill": ["#ffc241", "#f2f2f2"], "innerRadius": 10, "radius": 30 }'>2/7</span>
|
<span data-peity='{ "fill": ["#ffc241", "#f2f2f2"], "innerRadius": 10, "radius": 30 }'>2/7</span>
|
||||||
<span data-peity='{ "fill": ["#ffdb8e", "#f2f2f2"], "innerRadius": 20, "radius": 28 }'>3/7</span>
|
<span data-peity='{ "fill": ["#ffdb8e", "#f2f2f2"], "innerRadius": 20, "radius": 28 }'>3/7</span>
|
||||||
<span data-peity='{ "fill": ["#1dc9b7", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span>
|
<span data-peity='{ "fill": ["#1dc9b7", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span>
|
||||||
<span data-peity='{ "fill": ["#2196F3", "#f2f2f2"], "innerRadius": 17, "radius": 21 }'>5/7</span>
|
<span data-peity='{ "fill": ["#2196F3", "#f2f2f2"], "innerRadius": 17, "radius": 21 }'>5/7</span>
|
||||||
<span data-peity='{ "fill": ["#886ab5", "#f2f2f2"], "innerRadius": 15, "radius": 18 }'>6/7</span>
|
<span data-peity='{ "fill": ["#3674B5", "#f2f2f2"], "innerRadius": 15, "radius": 18 }'>6/7</span>
|
||||||
<span data-peity='{ "fill": ["#5d5d5d", "#f2f2f2"], "innerRadius": 13, "radius": 15 }'>7/7</span>
|
<span data-peity='{ "fill": ["#5d5d5d", "#f2f2f2"], "innerRadius": 13, "radius": 15 }'>7/7</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -94,7 +94,7 @@
|
||||||
sparkType="line"
|
sparkType="line"
|
||||||
sparkHeight="40"
|
sparkHeight="40"
|
||||||
sparkWidth="110"
|
sparkWidth="110"
|
||||||
sparkLineColor="#fd3995"
|
sparkLineColor="#B82132"
|
||||||
sparkFillColor="false"
|
sparkFillColor="false"
|
||||||
sparkLineWidth="2"
|
sparkLineWidth="2"
|
||||||
values="0,-3,-6,-4,-5,-4,-7,-3,-5,-2"></span>
|
values="0,-3,-6,-4,-5,-4,-7,-3,-5,-2"></span>
|
||||||
|
|
@ -158,8 +158,8 @@
|
||||||
sparkType="line"
|
sparkType="line"
|
||||||
sparkHeight="40"
|
sparkHeight="40"
|
||||||
sparkWidth="110"
|
sparkWidth="110"
|
||||||
sparkLineColor="#886ab5"
|
sparkLineColor="#3674B5"
|
||||||
sparkFillColor="#a38cc6"
|
sparkFillColor="#3674B5"
|
||||||
sparkLineWidth="1"
|
sparkLineWidth="1"
|
||||||
values="1,4,4,7,5,9,10,4,4,7,5,9,10"></span>
|
values="1,4,4,7,5,9,10,4,4,7,5,9,10"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -214,7 +214,7 @@
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="sparklines"
|
<span class="sparklines"
|
||||||
sparkType="bar"
|
sparkType="bar"
|
||||||
sparkBarColor="#886ab5"
|
sparkBarColor="#3674B5"
|
||||||
values="5,3,9,6,5,9,7,5,2,6,2,1,5,3,6,7,5,7"></span>
|
values="5,3,9,6,5,9,7,5,2,6,2,1,5,3,6,7,5,7"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -223,7 +223,7 @@
|
||||||
sparkType="bar"
|
sparkType="bar"
|
||||||
sparkHeight="40"
|
sparkHeight="40"
|
||||||
sparkBarColor="#21dfcb"
|
sparkBarColor="#21dfcb"
|
||||||
sparkNegBarColor="#fd3995"
|
sparkNegBarColor="#B82132"
|
||||||
values="4,-3,-6,-4,-5,7,-3,-5,2,3,1,-3,4,3,-6,-4,-7"></span>
|
values="4,-3,-6,-4,-5,7,-3,-5,2,3,1,-3,4,3,-6,-4,-7"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -231,7 +231,7 @@
|
||||||
<span class="sparklines"
|
<span class="sparklines"
|
||||||
sparkType="bar"
|
sparkType="bar"
|
||||||
sparkBarColor="#21dfcb"
|
sparkBarColor="#21dfcb"
|
||||||
sparkNegBarColor="#fd3995"
|
sparkNegBarColor="#B82132"
|
||||||
values="4,3,6,4,-5,4,3,5,-2,3,1,3,4,3,6,4,5"></span>
|
values="4,3,6,4,-5,4,3,5,-2,3,1,3,4,3,6,4,5"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -345,7 +345,7 @@
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="sparklines"
|
<span class="sparklines"
|
||||||
sparkType="discrete"
|
sparkType="discrete"
|
||||||
sparkLineColor="#fd3995"
|
sparkLineColor="#B82132"
|
||||||
values="4,6,7,7,4,3,2,1,4,-4,5,6,7,6,6,-2,"></span>
|
values="4,6,7,7,4,3,2,1,4,-4,5,6,7,6,6,-2,"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -366,7 +366,7 @@
|
||||||
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
<div class="p-3 w-auto text-center d-inline-flex border-faded">
|
||||||
<span class="sparklines"
|
<span class="sparklines"
|
||||||
sparkType="discrete"
|
sparkType="discrete"
|
||||||
sparkLineColor="#886ab5"
|
sparkLineColor="#3674B5"
|
||||||
values="-4,-7,6,3,7,6,-2,-8,4,6,2,6,4,-2,-4,-5"></span>
|
values="-4,-7,6,3,7,6,-2,-8,4,6,2,6,4,-2,-4,-5"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -541,8 +541,8 @@
|
||||||
sparkBoxFillColor="#ffebc1"
|
sparkBoxFillColor="#ffebc1"
|
||||||
sparkBoxLineColor="#563d7c"
|
sparkBoxLineColor="#563d7c"
|
||||||
sparkWhiskerColor="#563d7c"
|
sparkWhiskerColor="#563d7c"
|
||||||
sparkMedianColor="#886ab5"
|
sparkMedianColor="#3674B5"
|
||||||
sparkTargetColor="#fd3995"
|
sparkTargetColor="#B82132"
|
||||||
values="1, 3, 5, 8, 10, 15, 18"></span>
|
values="1, 3, 5, 8, 10, 15, 18"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -2,11 +2,11 @@ var myapp_get_color = {
|
||||||
primary_50: '#ccbfdf',
|
primary_50: '#ccbfdf',
|
||||||
primary_100: '#beaed7',
|
primary_100: '#beaed7',
|
||||||
primary_200: '#b19dce',
|
primary_200: '#b19dce',
|
||||||
primary_300: '#a38cc6',
|
primary_300: '#3674B5',
|
||||||
primary_400: '#967bbd',
|
primary_400: '#967bbd',
|
||||||
primary_500: '#886ab5',
|
primary_500: '#3674B5',
|
||||||
primary_600: '#7a59ad',
|
primary_600: '#3674B5',
|
||||||
primary_700: '#6e4e9e',
|
primary_700: '#3674B5',
|
||||||
primary_800: '#62468d',
|
primary_800: '#62468d',
|
||||||
primary_900: '#563d7c',
|
primary_900: '#563d7c',
|
||||||
success_50: '#7aece0',
|
success_50: '#7aece0',
|
||||||
|
|
@ -44,9 +44,9 @@ var myapp_get_color = {
|
||||||
danger_200: '#fe85be',
|
danger_200: '#fe85be',
|
||||||
danger_300: '#fe6bb0',
|
danger_300: '#fe6bb0',
|
||||||
danger_400: '#fd52a3',
|
danger_400: '#fd52a3',
|
||||||
danger_500: '#fd3995',
|
danger_500: '#B82132',
|
||||||
danger_600: '#fd2087',
|
danger_600: '#fd2087',
|
||||||
danger_700: '#fc077a',
|
danger_700: '#B82132',
|
||||||
danger_800: '#e7026e',
|
danger_800: '#e7026e',
|
||||||
danger_900: '#ce0262',
|
danger_900: '#ce0262',
|
||||||
fusion_50: '#909090',
|
fusion_50: '#909090',
|
||||||
|
|
|
||||||
|
|
@ -800,7 +800,7 @@ var initApp = (function(app) {
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
if (myapp_config.debugState)
|
if (myapp_config.debugState)
|
||||||
console.log("%c✘ Waves plugin inactive! ", "color: #fd3995");
|
console.log("%c✘ Waves plugin inactive! ", "color: #B82132");
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,7 @@
|
||||||
/*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/
|
/*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/
|
||||||
|
|
||||||
#myapp-0 {
|
#myapp-0 {
|
||||||
background: #886ab5;
|
background: #3674B5;
|
||||||
box-shadow: inset 0 0 0 3px rgb(43, 161, 255);
|
box-shadow: inset 0 0 0 3px rgb(43, 161, 255);
|
||||||
}
|
}
|
||||||
#myapp-1 {
|
#myapp-1 {
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
$color-primary: #886ab5;
|
$color-primary: #3674B5;
|
||||||
$color-success: #1dc9b7;
|
$color-success: #1dc9b7;
|
||||||
$color-info: #2196F3;
|
$color-info: #2196F3;
|
||||||
$color-warning: #ffc241;
|
$color-warning: #ffc241;
|
||||||
$color-danger: #fd3995;
|
$color-danger: #B82132;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
|
||||||
|
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
/* THEME COLORs
|
/* THEME COLORs
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* Looks good on chrome default color profile */
|
/* Looks good on chrome default color profile */
|
||||||
$color-primary: #886ab5 !default;
|
$color-primary: #3674B5 !default;
|
||||||
$color-success: #1dc9b7 !default;
|
$color-success: #1dc9b7 !default;
|
||||||
$color-info: #2196F3 !default;
|
$color-info: #2196F3 !default;
|
||||||
$color-warning: #ffc241 !default;
|
$color-warning: #ffc241 !default;
|
||||||
$color-danger: #fd3995 !default;
|
$color-danger: #B82132 !default;
|
||||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default;
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default;
|
||||||
|
|
||||||
/* looks good in sRGB but washed up on chrome default
|
/* looks good in sRGB but washed up on chrome default
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ $color-primary: #dd5293;
|
||||||
$color-success: #1dc9b7;
|
$color-success: #1dc9b7;
|
||||||
$color-info: #2196F3;
|
$color-info: #2196F3;
|
||||||
$color-warning: #ffc241;
|
$color-warning: #ffc241;
|
||||||
$color-danger: #fd3995;
|
$color-danger: #B82132;
|
||||||
|
|
||||||
/* #GLOBAL IMPORTS
|
/* #GLOBAL IMPORTS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
|
||||||
|
|
@ -18,11 +18,6 @@
|
||||||
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<style type="text/css">
|
|
||||||
body{
|
|
||||||
font-family: "Poppins", Arial, sans-serif;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<div class="page-wrapper">
|
<div class="page-wrapper">
|
||||||
<div class="page-inner bg-brand-gradient">
|
<div class="page-inner bg-brand-gradient">
|
||||||
<div class="page-content-wrapper bg-transparent m-0">
|
<div class="page-content-wrapper bg-transparent m-0">
|
||||||
|
|
@ -70,7 +65,7 @@
|
||||||
OR
|
OR
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-12 pl-lg-1 my-2">
|
<div class="col-lg-12 pl-lg-1 my-2">
|
||||||
<a href="{{url('register')}}" class="btn btn-danger btn-block btn-lg">Daftar Akun Baru</a>
|
<a href="{{url('register')}}" class="btn btn-danger btn-block btn-lg">Registrasi Sekolah</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
|
||||||
|
|
@ -23,11 +23,6 @@
|
||||||
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<style type="text/css">
|
|
||||||
body{
|
|
||||||
font-family: "Poppins", Arial, sans-serif;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<div class="page-wrapper">
|
<div class="page-wrapper">
|
||||||
<div class="page-inner bg-brand-gradient">
|
<div class="page-inner bg-brand-gradient">
|
||||||
<div class="page-content-wrapper bg-transparent m-0">
|
<div class="page-content-wrapper bg-transparent m-0">
|
||||||
|
|
@ -36,7 +31,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xl-12">
|
<div class="col-xl-12">
|
||||||
<h2 style="font-size: 40px!important;" class="fw-900 mt-4 text-center">
|
<h2 style="font-size: 40px!important;" class="fw-900 mt-4 text-center">
|
||||||
Daftar Sekarang!
|
Sekolah Adiwiyata
|
||||||
<small class=" fw-500 mt-3 mb-5 opacity-60 hidden-sm-down">
|
<small class=" fw-500 mt-3 mb-5 opacity-60 hidden-sm-down">
|
||||||
Your registration is free for a limited time. Enjoy SmartAdmin on your mobile, desktop or tablet.
|
Your registration is free for a limited time. Enjoy SmartAdmin on your mobile, desktop or tablet.
|
||||||
<br>It is ready to go wherever you go!
|
<br>It is ready to go wherever you go!
|
||||||
|
|
@ -45,36 +40,83 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xl-6 ml-auto mr-auto">
|
<div class="col-xl-6 ml-auto mr-auto">
|
||||||
<div class="card p-4 rounded-plus bg-faded">
|
<div class="card p-4 rounded-plus bg-faded">
|
||||||
<div class="alert alert-primary text-dark" role="alert">
|
<div class="alert alert-primary text-center text-dark" role="alert">
|
||||||
<strong>Heads Up!</strong> Due to server maintenance from 9:30GTA to 12GTA, the verification emails could be delayed by up to 10 minutes.
|
<h4>Registrasi Sekolah</h4>
|
||||||
</div>
|
</div>
|
||||||
<form id="js-login" novalidate="" action="intel_analytics_dashboard.html">
|
<form id="js-login" novalidate="" action="intel_analytics_dashboard.html">
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<label class="col-xl-12 form-label" for="fname">Nama</label>
|
<label class="col-xl-12 form-label" for="fname">NPSN</label>
|
||||||
<div class="col-12 pr-1">
|
<div class="col-12 pr-1">
|
||||||
<input type="text" id="fname" class="form-control" placeholder="Masukan Nama Anda" required>
|
<input type="text" name="npsn" class="form-control" placeholder="Masukan NPSN Sekolah" required>
|
||||||
|
<small class="text-primary"><i>Pastikan NPSN Telah Sesuai</i></small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
|
<label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
|
||||||
<div class="col-12 pr-1">
|
<div class="col-12 pr-1">
|
||||||
<input type="text" id="fname" class="form-control" placeholder="Masukan Nama Sekolah Anda" required>
|
<input type="text" name="name" class="form-control" placeholder="Masukan Nama Sekolah" required>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-xl-12 form-label" for="fname">Tingkat Sekolah</label>
|
||||||
|
<div class="col-12 pr-1">
|
||||||
|
<select class="form-control">
|
||||||
|
<option value="" data-select2-id="3">-Pilih Tingkat Sekolah-</option>
|
||||||
|
<option value="1" data-select2-id="11">SD</option>
|
||||||
|
<option value="2" data-select2-id="12">SMP</option>
|
||||||
|
<option value="3" data-select2-id="13">SMA</option>
|
||||||
|
<option value="4" data-select2-id="14">SMK</option>
|
||||||
|
<option value="5" data-select2-id="15">MI</option>
|
||||||
|
<option value="6" data-select2-id="16">MTs</option>
|
||||||
|
<option value="7" data-select2-id="17">MA</option>
|
||||||
|
<option value="8" data-select2-id="18">SD LB</option>
|
||||||
|
<option value="9" data-select2-id="19">SMP LB</option>
|
||||||
|
<option value="10" data-select2-id="20">SMA LM</option>
|
||||||
|
<option value="11" data-select2-id="21">SLB Khusus</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
|
||||||
|
<div class="col-12 pr-1">
|
||||||
|
<select class="form-control">
|
||||||
|
<option value="" data-select2-id="3">-Pilih Status Sekolah-</option>
|
||||||
|
<option value="Negeri">Negeri</option>
|
||||||
|
<option value="Swasta">Swasta</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="emailverify">Alamat Sekolah</label>
|
||||||
|
<input type="text" class="form-control" placeholder="Masukan Alamat Sekolah, Nama Jalan / Dusun / RT-RW" required>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="emailverify">Kontak Person</label>
|
||||||
|
<input type="text" class="form-control" placeholder="Masukan Kontak Person" required>
|
||||||
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label" for="emailverify">Email</label>
|
<label class="form-label" for="emailverify">Email</label>
|
||||||
<input type="email" id="emailverify" class="form-control" placeholder="Masukan Email Aktif" required>
|
<input type="email" id="emailverify" class="form-control" placeholder="Masukan Email Aktif" required>
|
||||||
|
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label" for="userpassword">Password</label>
|
<label class="form-label" for="userpassword">Password</label>
|
||||||
<input type="password" id="userpassword" class="form-control" placeholder="Masukan Password Minimm 8 characters" required>
|
<input type="password" id="userpassword" class="form-control" placeholder="Masukan Password Minimm 8 characters" required>
|
||||||
<div class="help-block">Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.</div>
|
<div class="help-block">Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="checkbox" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
|
||||||
|
</div>
|
||||||
<div class="row no-gutters">
|
<div class="row no-gutters">
|
||||||
<div class="col-md-12 ml-auto text-right">
|
<div class="col-md-12 ml-auto text-right">
|
||||||
<button id="js-login-btn" type="submit" class="btn btn-block btn-success btn-lg mt-3">Simpan Data</button>
|
<button id="js-login-btn" type="submit" class="btn btn-block btn-primary btn-lg mt-3">Registrasi</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group text-center mt-3">
|
||||||
|
<span class="">
|
||||||
|
Sudah punya akun? <a href="{{url('login')}}">Login</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -16,859 +16,106 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul id="js-nav-menu" class="nav-menu">
|
<ul id="js-nav-menu" class="nav-menu">
|
||||||
<li class="active open">
|
<li class="active">
|
||||||
<a href="#" title="Application Intel" data-filter-tags="application intel">
|
<a href="{{url('dashboard')}}" title="Dashboard" data-filter-tags="application intel">
|
||||||
<i class="fal fa-info-circle"></i>
|
<i class="fal fa-chart-line"></i>
|
||||||
<span class="nav-link-text" data-i18n="nav.application_intel">Application Intel</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="{{url('profile-sekolah')}}" title="Profile Sekolah" data-filter-tags="application intel">
|
||||||
|
<i class="fal fa-building"></i>
|
||||||
|
<span class="nav-link-text" data-i18n="nav.application_intel">Profile Sekolah</span>
|
||||||
</a>
|
</a>
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="intel_analytics_dashboard.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Analytics Dashboard</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="active">
|
|
||||||
<a href="intel_marketing_dashboard.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.application_intel_marketing_dashboard">Marketing Dashboard</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="intel_introduction.html" title="Introduction" data-filter-tags="application intel introduction">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.application_intel_introduction">Introduction</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="intel_privacy.html" title="Privacy" data-filter-tags="application intel privacy">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.application_intel_privacy">Privacy</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="intel_build_notes.html" title="Build Notes" data-filter-tags="application intel build notes">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.application_intel_build_notes">Build Notes</span>
|
|
||||||
<span class="">v4.0.1</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#" title="Theme Settings" data-filter-tags="theme settings">
|
<a href="{{url('kuesioner')}}" title="Kuesioner Leveling" data-filter-tags="application intel">
|
||||||
<i class="fal fa-cog"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.theme_settings">Theme Settings</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="settings_how_it_works.html" title="How it works" data-filter-tags="theme settings how it works">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.theme_settings_how_it_works">How it works</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="settings_layout_options.html" title="Layout Options" data-filter-tags="theme settings layout options">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.theme_settings_layout_options">Layout Options</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="settings_skin_options.html" title="Skin Options" data-filter-tags="theme settings skin options">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.theme_settings_skin_options">Skin Options</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="settings_saving_db.html" title="Saving to Database" data-filter-tags="theme settings saving to database">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.theme_settings_saving_to_database">Saving to Database</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Package Info" data-filter-tags="package info">
|
|
||||||
<i class="fal fa-tag"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.package_info">Package Info</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="info_app_docs.html" title="Documentation" data-filter-tags="package info documentation">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.package_info_documentation">Documentation</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="info_app_licensing.html" title="Product Licensing" data-filter-tags="package info product licensing">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.package_info_product_licensing">Product Licensing</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="info_app_flavors.html" title="Different Flavors" data-filter-tags="package info different flavors">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.package_info_different_flavors">Different Flavors</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-title">Tools & Components</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="UI Components" data-filter-tags="ui components">
|
|
||||||
<i class="fal fa-window"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components">UI Components</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="ui_alerts.html" title="Alerts" data-filter-tags="ui components alerts">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_alerts">Alerts</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_accordion.html" title="Accordions" data-filter-tags="ui components accordions">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_accordions">Accordions</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_badges.html" title="Badges" data-filter-tags="ui components badges">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_badges">Badges</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_breadcrumbs.html" title="Breadcrumbs" data-filter-tags="ui components breadcrumbs">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_breadcrumbs">Breadcrumbs</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_buttons.html" title="Buttons" data-filter-tags="ui components buttons">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_buttons">Buttons</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_button_group.html" title="Button Group" data-filter-tags="ui components button group">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_button_group">Button Group</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_cards.html" title="Cards" data-filter-tags="ui components cards">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_cards">Cards</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_carousel.html" title="Carousel" data-filter-tags="ui components carousel">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_carousel">Carousel</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_collapse.html" title="Collapse" data-filter-tags="ui components collapse">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_collapse">Collapse</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_dropdowns.html" title="Dropdowns" data-filter-tags="ui components dropdowns">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_dropdowns">Dropdowns</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_list_filter.html" title="List Filter" data-filter-tags="ui components list filter">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_list_filter">List Filter</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_modal.html" title="Modal" data-filter-tags="ui components modal">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_modal">Modal</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_navbars.html" title="Navbars" data-filter-tags="ui components navbars">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_navbars">Navbars</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_panels.html" title="Panels" data-filter-tags="ui components panels">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_panels">Panels</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_pagination.html" title="Pagination" data-filter-tags="ui components pagination">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_pagination">Pagination</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_popovers.html" title="Popovers" data-filter-tags="ui components popovers">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_popovers">Popovers</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_progress_bars.html" title="Progress Bars" data-filter-tags="ui components progress bars">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_progress_bars">Progress Bars</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_scrollspy.html" title="ScrollSpy" data-filter-tags="ui components scrollspy">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_scrollspy">ScrollSpy</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_side_panel.html" title="Side Panel" data-filter-tags="ui components side panel">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_side_panel">Side Panel</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_spinners.html" title="Spinners" data-filter-tags="ui components spinners">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_spinners">Spinners</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_tabs_pills.html" title="Tabs & Pills" data-filter-tags="ui components tabs & pills">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_tabs_&_pills">Tabs & Pills</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_toasts.html" title="Toasts" data-filter-tags="ui components toasts">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_toasts">Toasts</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="ui_tooltips.html" title="Tooltips" data-filter-tags="ui components tooltips">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.ui_components_tooltips">Tooltips</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Utilities" data-filter-tags="utilities">
|
|
||||||
<i class="fal fa-bolt"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities">Utilities</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_borders.html" title="Borders" data-filter-tags="utilities borders">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_borders">Borders</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_clearfix.html" title="Clearfix" data-filter-tags="utilities clearfix">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_clearfix">Clearfix</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_color_pallet.html" title="Color Pallet" data-filter-tags="utilities color pallet">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_color_pallet">Color Pallet</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_display_property.html" title="Display Property" data-filter-tags="utilities display property">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_display_property">Display Property</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_fonts.html" title="Fonts" data-filter-tags="utilities fonts">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_fonts">Fonts</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_flexbox.html" title="Flexbox" data-filter-tags="utilities flexbox">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_flexbox">Flexbox</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_helpers.html" title="Helpers" data-filter-tags="utilities helpers">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_helpers">Helpers</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_position.html" title="Position" data-filter-tags="utilities position">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_position">Position</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_responsive_grid.html" title="Responsive Grid" data-filter-tags="utilities responsive grid">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_responsive_grid">Responsive Grid</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_sizing.html" title="Sizing" data-filter-tags="utilities sizing">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_sizing">Sizing</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_spacing.html" title="Spacing" data-filter-tags="utilities spacing">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_spacing">Spacing</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="utilities_typography.html" title="Typography" data-filter-tags="utilities typography fonts headings bold lead colors sizes link text states list styles truncate alignment">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_typography">Typography</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Menu child" data-filter-tags="utilities menu child">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_menu_child">Menu child</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Sublevel Item" data-filter-tags="utilities menu child sublevel item">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_menu_child_sublevel_item">Sublevel Item</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Another Item" data-filter-tags="utilities menu child another item">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_menu_child_another_item">Another Item</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="disabled">
|
|
||||||
<a href="javascript:void(0);" title="Disabled item" data-filter-tags="utilities disabled item">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">Disabled item</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Font Icons" data-filter-tags="font icons">
|
|
||||||
<i class="fal fa-map-marker-alt"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons">Font Icons</span>
|
|
||||||
<span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">2,500+</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="FontAwesome" data-filter-tags="font icons fontawesome">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome">FontAwesome Pro</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="icons_fontawesome_light.html" title="Light" data-filter-tags="font icons fontawesome light">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_light">Light</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="icons_fontawesome_regular.html" title="Regular" data-filter-tags="font icons fontawesome regular">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_regular">Regular</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="icons_fontawesome_solid.html" title="Solid" data-filter-tags="font icons fontawesome solid">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_solid">Solid</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="icons_fontawesome_brand.html" title="Brand" data-filter-tags="font icons fontawesome brand">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_brand">Brand</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="NextGen Icons" data-filter-tags="font icons nextgen icons">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons">NextGen Icons</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="icons_nextgen_general.html" title="General" data-filter-tags="font icons nextgen icons general">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_general">General</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="icons_nextgen_base.html" title="Base" data-filter-tags="font icons nextgen icons base">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_base">Base</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Stack Icons" data-filter-tags="font icons stack icons">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons">Stack Icons</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="icons_stack_showcase.html" title="Showcase" data-filter-tags="font icons stack icons showcase">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_showcase">Showcase</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="icons_stack_generate.html?layers=3" title="Generate Stack" data-filter-tags="font icons stack icons generate stack">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_generate_stack">Generate Stack</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Tables" data-filter-tags="tables">
|
|
||||||
<i class="fal fa-th-list"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.tables">Tables</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="tables_basic.html" title="Basic Tables" data-filter-tags="tables basic tables">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.tables_basic_tables">Basic Tables</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="tables_generate_style.html" title="Generate Table Style" data-filter-tags="tables generate table style">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.tables_generate_table_style">Generate Table Style</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Form Stuff" data-filter-tags="form stuff">
|
|
||||||
<i class="fal fa-edit"></i>
|
<i class="fal fa-edit"></i>
|
||||||
<span class="nav-link-text" data-i18n="nav.form_stuff">Form Stuff</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel">Kuesioner Leveling</span>
|
||||||
</a>
|
</a>
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="form_basic_inputs.html" title="Basic Inputs" data-filter-tags="form stuff basic inputs">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_stuff_basic_inputs">Basic Inputs</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_checkbox_radio.html" title="Checkbox & Radio" data-filter-tags="form stuff checkbox & radio">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_stuff_checkbox_&_radio">Checkbox & Radio</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_input_groups.html" title="Input Groups" data-filter-tags="form stuff input groups">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_stuff_input_groups">Input Groups</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_validation.html" title="Validation" data-filter-tags="form stuff validation">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_stuff_validation">Validation</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-title">Plugins & Addons</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="#" title="Plugins" data-filter-tags="plugins">
|
<a href="#" title="Usulan CSA" data-filter-tags="Usulan CSA">
|
||||||
<i class="fal fa-shield-alt"></i>
|
<i class="fal fa-trophy"></i>
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins">Core Plugins</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel">Usulan CSA</span>
|
||||||
</a>
|
</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="plugin_faq.html" title="Plugins FAQ" data-filter-tags="plugins plugins faq">
|
<a href="{{url('usulan/csak')}}" title="" data-filter-tags="application intel ">
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_plugins_faq">Plugins FAQ</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
|
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAK</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="plugin_waves.html" title="Waves" data-filter-tags="plugins waves">
|
<a href="{{url('usulan/csap')}}" title="" data-filter-tags="application intel ">
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_waves">Waves</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
<span class="dl-ref label bg-primary-400 ml-2">9 KB</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAP</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="plugin_pacejs.html" title="PaceJS" data-filter-tags="plugins pacejs">
|
<a href="{{url('usulan/csan')}}" title="" data-filter-tags="application intel ">
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_pacejs">PaceJS</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
<span class="dl-ref label bg-primary-500 ml-2">13 KB</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAN</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="plugin_smartpanels.html" title="SmartPanels" data-filter-tags="plugins smartpanels">
|
<a href="{{url('usulan/csam')}}" title="" data-filter-tags="application intel ">
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_smartpanels">SmartPanels</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
<span class="dl-ref label bg-primary-600 ml-2">9 KB</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAM</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="plugin_bootbox.html" title="BootBox" data-filter-tags="plugins bootbox alert sound">
|
<a href="{{url('usulan/surat')}}" title="" data-filter-tags="application intel ">
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_bootbox">BootBox</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
<span class="dl-ref label bg-primary-600 ml-2">15 KB</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Surat Usualan & Berita Acara</span>
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="plugin_slimscroll.html" title="Slimscroll" data-filter-tags="plugins slimscroll">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_slimscroll">Slimscroll</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">5 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="plugin_throttle.html" title="Throttle" data-filter-tags="plugins throttle">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_throttle">Throttle</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">1 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="plugin_navigation.html" title="Navigation" data-filter-tags="plugins navigation">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_navigation">Navigation</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">2 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="plugin_i18next.html" title="i18next" data-filter-tags="plugins i18next">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_i18next">i18next</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">10 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="plugin_appcore.html" title="App.Core" data-filter-tags="plugins app.core">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.plugins_app.core">App.Core</span>
|
|
||||||
<span class="dl-ref label bg-success-700 ml-2">14 KB</span>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#" title="Datatables" data-filter-tags="datatables datagrid">
|
<a href="#" title="Usulan CSA" data-filter-tags="Usulan CSA">
|
||||||
<i class="fal fa-table"></i>
|
<i class="fal fa-trophy"></i>
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables">Datatables</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel">Perpanjangan CSA</span>
|
||||||
<span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">235 KB</span>
|
|
||||||
</a>
|
</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="datatables_basic.html" title="Basic" data-filter-tags="datatables datagrid basic">
|
<a href="{{url('perpanjangan/sak')}}">
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_basic">Basic</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
|
<span class="nav-link-text">Daftar Usulan SAK</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="datatables_autofill.html" title="Autofill" data-filter-tags="datatables datagrid autofill">
|
<a href="{{url('perpanjangan/sap')}}">
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_autofill">Autofill</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
|
<span class="nav-link-text">Daftar Usulan SAP</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="datatables_buttons.html" title="Buttons" data-filter-tags="datatables datagrid buttons">
|
<a href="{{url('perpanjangan/san')}}">
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_buttons">Buttons</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
|
<span class="nav-link-text">Daftar Usulan SAN</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="datatables_export.html" title="Export" data-filter-tags="datatables datagrid export tables pdf excel print csv">
|
<a href="{{url('perpanjangan/sam')}}">
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_export">Export</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
</a>
|
<span class="nav-link-text">Daftar Usulan SAM</span>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_colreorder.html" title="ColReorder" data-filter-tags="datatables datagrid colreorder">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_colreorder">ColReorder</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_columnfilter.html" title="ColumnFilter" data-filter-tags="datatables datagrid columnfilter">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_columnfilter">ColumnFilter</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_fixedcolumns.html" title="FixedColumns" data-filter-tags="datatables datagrid fixedcolumns">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_fixedcolumns">FixedColumns</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_fixedheader.html" title="FixedHeader" data-filter-tags="datatables datagrid fixedheader">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_fixedheader">FixedHeader</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_keytable.html" title="KeyTable" data-filter-tags="datatables datagrid keytable">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_keytable">KeyTable</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_responsive.html" title="Responsive" data-filter-tags="datatables datagrid responsive">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_responsive">Responsive</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_responsive_alt.html" title="Responsive Alt" data-filter-tags="datatables datagrid responsive alt">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_responsive_alt">Responsive Alt</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_rowgroup.html" title="RowGroup" data-filter-tags="datatables datagrid rowgroup">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_rowgroup">RowGroup</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_rowreorder.html" title="RowReorder" data-filter-tags="datatables datagrid rowreorder">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_rowreorder">RowReorder</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_scroller.html" title="Scroller" data-filter-tags="datatables datagrid scroller">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_scroller">Scroller</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_select.html" title="Select" data-filter-tags="datatables datagrid select">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_select">Select</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="datatables_alteditor.html" title="AltEditor" data-filter-tags="datatables datagrid alteditor">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.datatables_alteditor">AltEditor</span>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#" title="Statistics" data-filter-tags="statistics chart graphs">
|
<a href="#" title="Penghargaan Daerah" data-filter-tags="Penghargaan Daerah">
|
||||||
<i class="fal fa-chart-pie"></i>
|
<i class="fal fa-trophy"></i>
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics">Statistics</span>
|
<span class="nav-link-text" data-i18n="nav.application_intel">Penghargaan Daerah</span>
|
||||||
</a>
|
</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="statistics_flot.html" title="Flot" data-filter-tags="statistics chart graphs flot bar pie">
|
<a href="{{url('indikator')}}">
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_flot">Flot</span>
|
<i class="fal fa-caret-right"></i>
|
||||||
<span class="dl-ref label bg-primary-500 ml-2">36 KB</span>
|
<span class="nav-link-text">Indikator Aspek</span>
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="statistics_chartjs.html" title="Chart.js" data-filter-tags="statistics chart graphs chart.js bar pie">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_chart.js">Chart.js</span>
|
|
||||||
<span class="dl-ref label bg-primary-500 ml-2">205 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="statistics_chartist.html" title="Chartist.js" data-filter-tags="statistics chart graphs chartist.js">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_chartist.js">Chartist.js</span>
|
|
||||||
<span class="dl-ref label bg-primary-600 ml-2">39 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="statistics_c3.html" title="C3 Charts" data-filter-tags="statistics chart graphs c3 charts">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_c3_charts">C3 Charts</span>
|
|
||||||
<span class="dl-ref label bg-primary-600 ml-2">197 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="statistics_peity.html" title="Peity" data-filter-tags="statistics chart graphs peity small">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_peity">Peity</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="statistics_sparkline.html" title="Sparkline" data-filter-tags="statistics chart graphs sparkline small tiny">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_sparkline">Sparkline</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">42 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="statistics_easypiechart.html" title="Easy Pie Chart" data-filter-tags="statistics chart graphs easy pie chart">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_easy_pie_chart">Easy Pie Chart</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="statistics_dygraph.html" title="Dygraph" data-filter-tags="statistics chart graphs dygraph complex">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.statistics_dygraph">Dygraph</span>
|
|
||||||
<span class="dl-ref label bg-primary-700 ml-2">120 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Notifications" data-filter-tags="notifications">
|
|
||||||
<i class="fal fa-exclamation-circle"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.notifications">Notifications</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="notifications_sweetalert2.html" title="SweetAlert2" data-filter-tags="notifications sweetalert2">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.notifications_sweetalert2">SweetAlert2</span>
|
|
||||||
<span class="dl-ref label bg-primary-500 ml-2">40 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="notifications_toastr.html" title="Toastr" data-filter-tags="notifications toastr">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.notifications_toastr">Toastr</span>
|
|
||||||
<span class="dl-ref label bg-primary-600 ml-2">5 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Form Plugins" data-filter-tags="form plugins">
|
|
||||||
<i class="fal fa-credit-card-front"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins">Form Plugins</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugins_colorpicker.html" title="Color Picker" data-filter-tags="form plugins color picker">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_color_picker">Color Picker</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugins_datepicker.html" title="Date Picker" data-filter-tags="form plugins date picker">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_date_picker">Date Picker</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugins_daterange_picker.html" title="Date Range Picker" data-filter-tags="form plugins date range picker">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_date_range_picker">Date Range Picker</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugins_dropzone.html" title="Dropzone" data-filter-tags="form plugins dropzone">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_dropzone">Dropzone</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugins_ionrangeslider.html" title="Ion.RangeSlider" data-filter-tags="form plugins ion.rangeslider">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_ion.rangeslider">Ion.RangeSlider</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugins_inputmask.html" title="Inputmask" data-filter-tags="form plugins inputmask">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_inputmask">Inputmask</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugin_imagecropper.html" title="Image Cropper" data-filter-tags="form plugins image cropper">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_image_cropper">Image Cropper</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugin_select2.html" title="Select2" data-filter-tags="form plugins select2">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_select2">Select2</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="form_plugin_summernote.html" title="Summernote" data-filter-tags="form plugins summernote texteditor editor">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.form_plugins_summernote">Summernote</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Miscellaneous" data-filter-tags="miscellaneous">
|
|
||||||
<i class="fal fa-globe"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.miscellaneous">Miscellaneous</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="miscellaneous_fullcalendar.html" title="FullCalendar" data-filter-tags="miscellaneous fullcalendar">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.miscellaneous_fullcalendar">FullCalendar</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="miscellaneous_lightgallery.html" title="Light Gallery" data-filter-tags="miscellaneous light gallery">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.miscellaneous_light_gallery">Light Gallery</span>
|
|
||||||
<span class="dl-ref label bg-primary-500 ml-2">61 KB</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-title">Layouts & Apps</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" title="Pages" data-filter-tags="pages">
|
|
||||||
<i class="fal fa-plus-circle"></i>
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages">Page Views</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="page_chat.html" title="Chat" data-filter-tags="pages chat">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_chat">Chat</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_contacts.html" title="Contacts" data-filter-tags="pages contacts">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_contacts">Contacts</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Forum" data-filter-tags="pages forum">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_forum">Forum</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="page_forum_list.html" title="List" data-filter-tags="pages forum list">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_forum_list">List</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_forum_threads.html" title="Threads" data-filter-tags="pages forum threads">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_forum_threads">Threads</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_forum_discussion.html" title="Discussion" data-filter-tags="pages forum discussion">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_forum_discussion">Discussion</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Inbox" data-filter-tags="pages inbox">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_inbox">Inbox</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="page_inbox_general.html" title="General" data-filter-tags="pages inbox general">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_inbox_general">General</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_inbox_read.html" title="Read" data-filter-tags="pages inbox read">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_inbox_read">Read</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_inbox_write.html" title="Write" data-filter-tags="pages inbox write">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_inbox_write">Write</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_invoice.html" title="Invoice (printable)" data-filter-tags="pages invoice (printable)">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_invoice_(printable)">Invoice (printable)</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Authentication" data-filter-tags="pages authentication">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_authentication">Authentication</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="page_forget.html" title="Forget Password" data-filter-tags="pages authentication forget password">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_authentication_forget_password">Forget Password</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_locked.html" title="Locked Screen" data-filter-tags="pages authentication locked screen">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_authentication_locked_screen">Locked Screen</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_login.html" title="Login" data-filter-tags="pages authentication login">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_authentication_login">Login</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_login-alt.html" title="Login Alt" data-filter-tags="pages authentication login alt">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_authentication_login_alt">Login Alt</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_register.html" title="Register" data-filter-tags="pages authentication register">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_authentication_register">Register</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_confirmation.html" title="Confirmation" data-filter-tags="pages authentication confirmation">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_authentication_confirmation">Confirmation</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:void(0);" title="Error Pages" data-filter-tags="pages error pages">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_error_pages">Error Pages</span>
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="page_error.html" title="General Error" data-filter-tags="pages error pages general error">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_error_pages_general_error">General Error</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_error_404.html" title="Server Error" data-filter-tags="pages error pages server error">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_error_pages_server_error">Server Error</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_error_announced.html" title="Announced Error" data-filter-tags="pages error pages announced error">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_error_pages_announced_error">Announced Error</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_profile.html" title="Profile" data-filter-tags="pages profile">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_profile">Profile</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="page_search.html" title="Search Results" data-filter-tags="pages search results">
|
|
||||||
<span class="nav-link-text" data-i18n="nav.pages_search_results">Search Results</span>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -39,7 +39,6 @@
|
||||||
<li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li>
|
<li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li>
|
||||||
<li class="breadcrumb-item">Application Intel</li>
|
<li class="breadcrumb-item">Application Intel</li>
|
||||||
<li class="breadcrumb-item active">Marketing Dashboard</li>
|
<li class="breadcrumb-item active">Marketing Dashboard</li>
|
||||||
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
|
|
||||||
</ol>
|
</ol>
|
||||||
@yield('content')
|
@yield('content')
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,62 @@
|
||||||
|
@extends('layouts.master')
|
||||||
|
@section('page-css')
|
||||||
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/datagrid/datatables/datatables.bundle.css')}}">
|
||||||
|
<link rel="stylesheet" href="{{asset('assets/css/bootstrap-table.min.css')}}">
|
||||||
|
@endsection
|
||||||
|
@section('content')
|
||||||
|
<div class="subheader">
|
||||||
|
<h1 class="subheader-title">
|
||||||
|
<i class='subheader-icon fal fa-building'></i> Profile Sekolah
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div id="panel-4" class="panel">
|
||||||
|
<div class="panel-container show">
|
||||||
|
<div class="panel-content">
|
||||||
|
<div id="toolbar">
|
||||||
|
<button id="btn-add" class="btn btn-primary">
|
||||||
|
<i class="fal fa-plus"></i> Tambah Data
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table table-bordered table-hover table-striped w-100"
|
||||||
|
data-search="true"
|
||||||
|
data-toggle="table"
|
||||||
|
data-pagination="true"
|
||||||
|
data-toolbar="#toolbar"
|
||||||
|
data-show-refresh="false"
|
||||||
|
data-sort-name="ids"
|
||||||
|
data-sort-order="desc"
|
||||||
|
data-page-size="10"
|
||||||
|
data-id-field="id"
|
||||||
|
id="grid-data">
|
||||||
|
<thead>
|
||||||
|
<tr class="table-success">
|
||||||
|
<th>#</th>
|
||||||
|
<th>No</th>
|
||||||
|
<th>NPSN</th>
|
||||||
|
<th>Nama Sekolah</th>
|
||||||
|
<th>Status Level</th>
|
||||||
|
<th>Tanggal Level</th>
|
||||||
|
<th>Penghargaan Terakhir</th>
|
||||||
|
<th>DOK Administrasi</th>
|
||||||
|
<th>Pemenuhan Kriteria</th>
|
||||||
|
<th>Jenis Usulan</th>
|
||||||
|
<th>Usulankan CSA</th>
|
||||||
|
<th>Perpanjangan CSA</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody></tbody>
|
||||||
|
</table>
|
||||||
|
<!-- datatable end -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endsection
|
||||||
|
@section('page-js')
|
||||||
|
<script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script>
|
||||||
|
<script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
|
||||||
|
@endsection
|
||||||
|
|
@ -21,6 +21,10 @@ Route::get('/dashboard', function () {
|
||||||
return view('home');
|
return view('home');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Route::get('/profile-sekolah', function () {
|
||||||
|
return view('profile');
|
||||||
|
});
|
||||||
|
|
||||||
Auth::routes();
|
Auth::routes();
|
||||||
|
|
||||||
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
|
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue