added admin interface
This commit is contained in:
175
admin/assets/scss/skins/_blue.scss
Normal file
175
admin/assets/scss/skins/_blue.scss
Normal file
@ -0,0 +1,175 @@
|
||||
|
||||
$white: #ffffff;
|
||||
$blue-dark: #303844 !default;
|
||||
$blue-darklight: #9da1a7;
|
||||
$blue-primary: #0e9be2 !default;
|
||||
$blue-secondary: #ffaf1d !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #303844,
|
||||
b: #0e9be2,
|
||||
c: #ffaf1d,
|
||||
d: #02b5b2,
|
||||
e: #767ee9,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-blue{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $blue-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $blue-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $blue-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $blue-secondary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $blue-darklight;
|
||||
}
|
||||
ul{
|
||||
li.active{
|
||||
a{
|
||||
color: $blue-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $blue-darklight;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: #2d3435;
|
||||
}
|
||||
.has-arrow:after{
|
||||
color: $blue-secondary;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $blue-dark;
|
||||
.user-account{
|
||||
.user_div .user-photo{
|
||||
border-color: $blue-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $blue-primary;
|
||||
border-color: $blue-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $blue-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $blue-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $blue-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $blue-primary;
|
||||
border-color: $blue-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $blue-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $blue-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $blue-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $blue-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $blue-secondary;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $blue-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $blue-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $blue-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
171
admin/assets/scss/skins/_blush.scss
Normal file
171
admin/assets/scss/skins/_blush.scss
Normal file
@ -0,0 +1,171 @@
|
||||
$white: #ffffff;
|
||||
$blush-dark: #1b1f23 !default;
|
||||
$blush-darklight: #969696;
|
||||
$blush-primary: #e25985 !default;
|
||||
$blush-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #1b1f23,
|
||||
b: #e25985,
|
||||
c: #de7f9e,
|
||||
d: #debac6,
|
||||
e: #767ee9,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-blush{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $blush-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $blush-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $blush-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $blush-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $blush-darklight;
|
||||
}
|
||||
ul{
|
||||
li.active{
|
||||
a{
|
||||
color: $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $blush-darklight;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: rgba($blush-primary, 0.1);
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $blush-dark;
|
||||
.user-account{
|
||||
.user_div .user-photo{
|
||||
border-color: $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $blush-primary;
|
||||
border-color: $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $blush-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $blush-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $blush-primary;
|
||||
border-color: $blush-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $blush-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $blush-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $blush-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $blush-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $blush-dark;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $blush-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $blush-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $blush-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
171
admin/assets/scss/skins/_cyan.scss
Normal file
171
admin/assets/scss/skins/_cyan.scss
Normal file
@ -0,0 +1,171 @@
|
||||
$white: #ffffff;
|
||||
$cyan-dark: #242a2b !default;
|
||||
$cyan-darklight: #6f7b7d;
|
||||
$cyan-primary: #00bcd2 !default;
|
||||
$cyan-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #394344,
|
||||
b: #00bcd2,
|
||||
c: #5ed3e1,
|
||||
d: #97cad0,
|
||||
e: #394344,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-cyan{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $cyan-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $cyan-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $cyan-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $cyan-darklight;
|
||||
}
|
||||
ul{
|
||||
li.active{
|
||||
a{
|
||||
color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $cyan-darklight;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: #2d3435;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $cyan-dark;
|
||||
.user-account{
|
||||
.user_div .user-photo{
|
||||
border-color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $cyan-primary;
|
||||
border-color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $cyan-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $cyan-primary;
|
||||
border-color: $cyan-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $cyan-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $cyan-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $cyan-secondary;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $cyan-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $cyan-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
195
admin/assets/scss/skins/_green.scss
Normal file
195
admin/assets/scss/skins/_green.scss
Normal file
@ -0,0 +1,195 @@
|
||||
$white: #ffffff;
|
||||
$green-dark: #182973 !default;
|
||||
$green-darklight: #6f7b7d;
|
||||
$green-light: #e8e8e8;
|
||||
$green-primary: #29bd73 !default;
|
||||
$green-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #182973,
|
||||
b: #29bd73,
|
||||
c: #6bc196,
|
||||
d: #a4d4bc,
|
||||
e: #00bcd2,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-green{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $green-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $green-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $green-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $green-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $green-dark;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $green-dark;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: $green-dark;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.has-arrow:after{
|
||||
color: $green-light;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $white;
|
||||
.navbar-brand{
|
||||
border-color: $green-light;
|
||||
span{
|
||||
color: $green-primary;
|
||||
}
|
||||
}
|
||||
.user-account{
|
||||
color: $green-dark;
|
||||
.user_div{
|
||||
border-color: $green-light;
|
||||
.user-photo{
|
||||
border-color: $green-primary;
|
||||
}
|
||||
}
|
||||
.dropdown-menu{
|
||||
background: $green-dark;
|
||||
a{
|
||||
color: $green-light;
|
||||
&:hover{
|
||||
color: $green-primary;
|
||||
i{
|
||||
color: $green-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $green-primary;
|
||||
border-color: $green-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $green-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $green-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $green-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $green-primary;
|
||||
border-color: $green-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $green-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $green-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $green-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $green-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $green-dark;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $green-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $green-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $green-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
195
admin/assets/scss/skins/_orange.scss
Normal file
195
admin/assets/scss/skins/_orange.scss
Normal file
@ -0,0 +1,195 @@
|
||||
$white: #ffffff;
|
||||
$orange-dark: #380e47 !default;
|
||||
$orange-darklight: #6f7b7d;
|
||||
$orange-light: #e8e8e8;
|
||||
$orange-primary: #feb800 !default;
|
||||
$orange-secondary: #1a79ee !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #380e47,
|
||||
b: #feb800,
|
||||
c: #ffd974,
|
||||
d: #e4dbc2,
|
||||
e: #1a79ee,
|
||||
f: #2ac151,
|
||||
);
|
||||
|
||||
.theme-orange{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $orange-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $orange-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $orange-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $orange-dark;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $orange-dark;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $orange-dark;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: $orange-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.has-arrow:after{
|
||||
color: $orange-light;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $white;
|
||||
.navbar-brand{
|
||||
border-color: $orange-light;
|
||||
span{
|
||||
color: $orange-primary;
|
||||
}
|
||||
}
|
||||
.user-account{
|
||||
color: $orange-dark;
|
||||
.user_div{
|
||||
border-color: $orange-light;
|
||||
.user-photo{
|
||||
border-color: $orange-primary;
|
||||
}
|
||||
}
|
||||
.dropdown-menu{
|
||||
background: $orange-dark;
|
||||
a{
|
||||
color: $orange-light;
|
||||
&:hover{
|
||||
color: $orange-primary;
|
||||
i{
|
||||
color: $orange-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $orange-primary;
|
||||
border-color: $orange-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $orange-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $orange-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $orange-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $orange-primary;
|
||||
border-color: $orange-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $orange-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $orange-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $orange-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $orange-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $orange-dark;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $orange-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $orange-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $orange-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
175
admin/assets/scss/skins/_purple.scss
Normal file
175
admin/assets/scss/skins/_purple.scss
Normal file
@ -0,0 +1,175 @@
|
||||
$white: #ffffff;
|
||||
$purple-dark: #292c3f !default;
|
||||
$purple-darklight: #6f7b7d;
|
||||
$purple-light: #e8e8e8;
|
||||
$purple-primary: #6462ef !default;
|
||||
$purple-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #292c3f,
|
||||
b: #6462ef,
|
||||
c: #8f8de7,
|
||||
d: #b4b3e4,
|
||||
e: #00bcd2,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-purple{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $purple-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $purple-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $purple-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $purple-primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $purple-dark;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: $purple-dark;
|
||||
color: $purple-light;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $white;
|
||||
.navbar-brand{
|
||||
border-color: $purple-light;
|
||||
span{
|
||||
color: $purple-primary;
|
||||
}
|
||||
}
|
||||
.user-account{
|
||||
color: $purple-dark;
|
||||
.user_div{
|
||||
border-color: $purple-light;
|
||||
.user-photo{
|
||||
border-color: $purple-primary;
|
||||
}
|
||||
}
|
||||
.dropdown-menu{
|
||||
background: $purple-primary;
|
||||
a{
|
||||
color: $purple-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
&:checked + span:before {
|
||||
background: $purple-primary;
|
||||
border-color: $purple-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $purple-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $purple-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $purple-primary;
|
||||
}
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $purple-primary;
|
||||
}
|
||||
&:before{
|
||||
background: #17191c;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $purple-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $purple-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background:#feb800;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $purple-primary;
|
||||
border-color: $purple-primary;
|
||||
color: $white;
|
||||
}
|
||||
.maintenance{
|
||||
background: $purple-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $purple-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $purple-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user