primo upload
This commit is contained in:
claus75a
@@ -0,0 +1,48 @@
|
||||
/* ==============
|
||||
Account Pages
|
||||
===================*/
|
||||
.accountbg {
|
||||
background: url("../images/bg-account.jpg");
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
box-shadow: inset 0 0 0 2000px rgba(31, 35, 60, 0.8);
|
||||
}
|
||||
|
||||
.wrapper-page {
|
||||
margin: 7.5% auto;
|
||||
max-width: 460px;
|
||||
position: relative;
|
||||
|
||||
.logo-admin {
|
||||
font-size: 28px;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 7px double $primary;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.user-thumb {
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
img {
|
||||
height: 88px;
|
||||
margin: 0 auto;
|
||||
width: 88px;
|
||||
}
|
||||
}
|
||||
|
||||
.ex-page-content {
|
||||
h1 {
|
||||
font-size: 98px;
|
||||
font-weight: 500;
|
||||
line-height: 150px;
|
||||
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ==============
|
||||
Alertify
|
||||
===================*/
|
||||
|
||||
.alertify,.alertify-logs {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.alertify {
|
||||
input {
|
||||
border: 2px solid $muted;
|
||||
}
|
||||
}
|
||||
|
||||
.alertify-logs>.success {
|
||||
background-color: $success;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.alertify-logs>.error {
|
||||
background-color: $danger;
|
||||
color: $white;
|
||||
}
|
||||
.alertify-logs>*, .alertify-logs>.default {
|
||||
background-color: $dark;
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
/* =============
|
||||
Alerts
|
||||
============= */
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
border: 0;
|
||||
|
||||
.alert-link {
|
||||
font-weight: 600;
|
||||
}
|
||||
&.alert-outline-success{
|
||||
border:1px solid $success;
|
||||
background-color: transparent;
|
||||
color: $success;
|
||||
}
|
||||
&.alert-outline-danger{
|
||||
border:1px solid $danger;
|
||||
background-color: transparent;
|
||||
color: $danger;
|
||||
}
|
||||
&.alert-outline-primary{
|
||||
border:1px solid $primary;
|
||||
background-color: transparent;
|
||||
color: $primary;
|
||||
}
|
||||
&.alert-outline-warning{
|
||||
border:1px solid $warning;
|
||||
background-color: transparent;
|
||||
color: $warning;
|
||||
}
|
||||
&.alert-outline-info{
|
||||
border:1px solid $info;
|
||||
background-color: transparent;
|
||||
color: $info;
|
||||
}
|
||||
&.alert-outline-pink{
|
||||
border:1px solid $pink;
|
||||
background-color: transparent;
|
||||
color: $pink;
|
||||
}
|
||||
&.alert-outline-purple{
|
||||
border:1px solid $purple;
|
||||
background-color: transparent;
|
||||
color: $purple;
|
||||
}
|
||||
&.alert-outline-secondary{
|
||||
border:1px solid $secondary;
|
||||
background-color: transparent;
|
||||
color: $secondary;
|
||||
}
|
||||
&.alert-outline-dark{
|
||||
border:1px solid $dark;
|
||||
background-color: transparent;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
color: $success;
|
||||
background-color: lighten($success,30%);
|
||||
.alert-link {
|
||||
color: darken($success,10%);
|
||||
}
|
||||
hr {
|
||||
border-top-color: darken($success,10%);
|
||||
}
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
color: $info;
|
||||
background-color: lighten($info,25%);
|
||||
.alert-link {
|
||||
color: darken($info,10%);
|
||||
}
|
||||
hr {
|
||||
border-top-color: darken($info,10%);
|
||||
}
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
color: $warning;
|
||||
background-color: lighten($warning, 32%);
|
||||
.alert-link {
|
||||
color: darken($warning, 10%);
|
||||
}
|
||||
hr {
|
||||
border-top-color: darken($warning, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
color: $danger;
|
||||
background-color: lighten($danger,25%);
|
||||
.alert-link {
|
||||
color: darken($danger,10%);
|
||||
}
|
||||
hr {
|
||||
border-top-color: darken($danger,10%);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
.badge {
|
||||
|
||||
&.badge-outline-success{
|
||||
border:1px solid $success;
|
||||
background-color: transparent;
|
||||
color: $success;
|
||||
}
|
||||
&.badge-outline-danger{
|
||||
border:1px solid $danger;
|
||||
background-color: transparent;
|
||||
color: $danger;
|
||||
}
|
||||
&.badge-outline-primary{
|
||||
border:1px solid $primary;
|
||||
background-color: transparent;
|
||||
color: $primary;
|
||||
}
|
||||
&.badge-outline-warning{
|
||||
border:1px solid $warning;
|
||||
background-color: transparent;
|
||||
color: $warning;
|
||||
}
|
||||
&.badge-outline-info{
|
||||
border:1px solid $info;
|
||||
background-color: transparent;
|
||||
color: $info;
|
||||
}
|
||||
&.badge-outline-pink{
|
||||
border:1px solid $pink;
|
||||
background-color: transparent;
|
||||
color: $pink;
|
||||
}
|
||||
&.badge-outline-purple{
|
||||
border:1px solid $purple;
|
||||
background-color: transparent;
|
||||
color: $purple;
|
||||
}
|
||||
&.badge-outline-secondary{
|
||||
border:1px solid $secondary;
|
||||
background-color: transparent;
|
||||
color: $secondary;
|
||||
}
|
||||
&.badge-outline-dark{
|
||||
border:1px solid $dark;
|
||||
background-color: transparent;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,292 @@
|
||||
/* ==============
|
||||
Bootstrap-custom
|
||||
===================*/
|
||||
|
||||
// Breacrumb
|
||||
.breadcrumb {
|
||||
background-color: transparent;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
//Dropdown
|
||||
.dropdown-menu {
|
||||
padding: 4px 0;
|
||||
font-size: 15px;
|
||||
box-shadow: 0 2px 30px rgba($gray-600,.08);
|
||||
border-color: $light;
|
||||
}
|
||||
|
||||
.dropdown-item.active, .dropdown-item:active {
|
||||
color: $dark;
|
||||
text-decoration: none;
|
||||
background-color: $light;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
padding: .55rem 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
//Background color
|
||||
.bg-primary {
|
||||
background-color: $primary !important;
|
||||
}
|
||||
|
||||
.bg-success {
|
||||
background-color: $success !important;
|
||||
}
|
||||
|
||||
.bg-info {
|
||||
background-color: $info !important;
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
background-color: $warning !important;
|
||||
}
|
||||
|
||||
.bg-danger {
|
||||
background-color: $danger !important;
|
||||
}
|
||||
|
||||
.bg-muted {
|
||||
background-color: $muted !important;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: $white !important;
|
||||
}
|
||||
|
||||
.bg-pink {
|
||||
background-color: $pink !important;
|
||||
}
|
||||
|
||||
.bg-purple {
|
||||
background-color: $purple !important;
|
||||
}
|
||||
|
||||
//Text Color
|
||||
.text-white {
|
||||
color: $white !important;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: $danger !important;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: $muted !important;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: $primary !important;
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: $warning !important;
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: $success !important;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: $info !important;
|
||||
}
|
||||
|
||||
.text-dark {
|
||||
color: $dark !important;
|
||||
}
|
||||
|
||||
.text-pink {
|
||||
color: $pink !important;
|
||||
}
|
||||
.text-purple {
|
||||
color: $purple !important;
|
||||
}
|
||||
|
||||
|
||||
//Badge
|
||||
|
||||
.badge {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.badge-default {
|
||||
background-color: $light;
|
||||
color: $dark;
|
||||
}
|
||||
|
||||
.badge-primary {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.badge-success {
|
||||
background-color: $success;
|
||||
}
|
||||
|
||||
.badge-info {
|
||||
background-color: $info;
|
||||
}
|
||||
|
||||
.badge-warning {
|
||||
background-color: $warning;
|
||||
color: $light;
|
||||
}
|
||||
|
||||
.badge-danger {
|
||||
background-color: $danger;
|
||||
}
|
||||
|
||||
.badge-pink {
|
||||
background-color: $pink;
|
||||
}
|
||||
|
||||
.badge-purple {
|
||||
background-color: $purple;
|
||||
}
|
||||
|
||||
.badge-dark {
|
||||
background-color: $dark;
|
||||
}
|
||||
|
||||
/* Soft-Budge*/
|
||||
|
||||
.badge-soft-primary {
|
||||
background-color: rgba($primary, 0.2);
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.badge-soft-success {
|
||||
background-color: rgba($success, 0.2);
|
||||
color: $success;
|
||||
}
|
||||
|
||||
.badge-soft-info {
|
||||
background-color: rgba($info, 0.2);
|
||||
color: $info;
|
||||
}
|
||||
|
||||
.badge-soft-warning {
|
||||
background-color: rgba($warning, 0.2);
|
||||
color: $warning;
|
||||
}
|
||||
|
||||
.badge-soft-danger {
|
||||
background-color: rgba($danger, 0.2);
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
.badge-soft-pink {
|
||||
background-color: rgba($pink, 0.2);
|
||||
color: $pink;
|
||||
}
|
||||
|
||||
.badge-soft-purple {
|
||||
background-color: rgba($purple, 0.2);
|
||||
color: $purple;
|
||||
}
|
||||
|
||||
/* Navs & Tabs */
|
||||
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.nav-pills > .active > a > .badge {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
/* List Group */
|
||||
.list-group-item.active {
|
||||
background-color: $gray-300;
|
||||
border-color: $gray-300;
|
||||
color: $gray-400;
|
||||
z-index: 2;
|
||||
&:hover {
|
||||
background-color: $gray-300;
|
||||
border-color: $gray-300;
|
||||
color: $gray-400;
|
||||
z-index: 2;
|
||||
.list-group-item-text {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
&:focus {
|
||||
background-color: $gray-300;
|
||||
border-color: $gray-300;
|
||||
color: $gray-400;
|
||||
z-index: 2;
|
||||
.list-group-item-text {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.list-group-item-text {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
border-radius: 0;
|
||||
padding: 12px 20px;
|
||||
border: 1px solid fade($dark,6%);
|
||||
&:first-child {
|
||||
border-radius: 0;
|
||||
padding: 12px 20px;
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0;
|
||||
padding: 12px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group-item-heading {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.list-group-item.active > .badge {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
// checkbox
|
||||
|
||||
.custom-checkbox {
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
// radio button
|
||||
|
||||
.custom-radio {
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
background-color: $primary;
|
||||
}
|
||||
.custom-control-input:disabled:checked~.custom-control-label::before{
|
||||
background-color: rgba($primary, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Popover
|
||||
.popover-header {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
// Blockquote
|
||||
.blockquote {
|
||||
font-size: 1.05rem;
|
||||
padding: 10px 20px;
|
||||
margin-bottom: 20px;
|
||||
border-left: 4px solid $gray-200;
|
||||
}
|
||||
|
||||
.blockquote-reverse {
|
||||
border-left: 0;
|
||||
border-right: 4px solid $gray-200;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
//Modal
|
||||
.modal-title {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1,585 @@
|
||||
/* ==============
|
||||
Buttons
|
||||
===================*/
|
||||
|
||||
.btn {
|
||||
border-radius: 3px;
|
||||
font-family: $font-primary;
|
||||
font-size: $base-font;
|
||||
line-height: 24px;
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.2rem $gray-200;
|
||||
}
|
||||
}
|
||||
.animation-btn,
|
||||
.button-list,
|
||||
.button-items {
|
||||
margin-bottom: -8px;
|
||||
|
||||
.btn {
|
||||
margin-bottom: 8px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-round {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
|
||||
.btn-primary, .btn-success,.btn-secondary, .btn-info, .btn-warning,
|
||||
.btn-danger, .btn-dark,.btn-pink,.btn-purple{
|
||||
color: $white;
|
||||
}
|
||||
|
||||
/*btn-primary*/
|
||||
|
||||
.btn-primary{
|
||||
background-color: $primary;
|
||||
border: 1px solid $primary;
|
||||
box-shadow: 0 2px 6px 0 rgba($primary,.5);
|
||||
}
|
||||
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
|
||||
.open > .dropdown-toggle.btn-primary,.btn-outline-primary.active, .btn-outline-primary:active,
|
||||
.show>.btn-outline-primary.dropdown-toggle,.btn-outline-primary:hover,.btn-primary.active,.btn-primary:not(:disabled):not(.disabled):active,
|
||||
.btn-primary:active, .show>.btn-primary.dropdown-toggle,
|
||||
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
|
||||
background-color: darken($primary, 5%) !important;
|
||||
border: 1px solid darken($primary, 5%);
|
||||
}
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,
|
||||
.btn-primary.focus, .btn-primary:focus,.btn-outline-primary.focus, .btn-outline-primary:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
|
||||
/*btn-success*/
|
||||
|
||||
.btn-success {
|
||||
background-color: $success;
|
||||
border: 1px solid $success;
|
||||
box-shadow: 0 2px 6px 0 rgba($success,.5);
|
||||
}
|
||||
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
|
||||
.btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
|
||||
.btn-success:not(:disabled):not(.disabled):active,
|
||||
.open > .dropdown-toggle.btn-success,.btn-outline-success.active, .btn-outline-success:active,
|
||||
.show>.btn-outline-success.dropdown-toggle,.btn-outline-success:hover,.btn-success.active,
|
||||
.btn-success:active, .show>.btn-success.dropdown-toggle {
|
||||
background-color: darken($success, 5%);
|
||||
border: 1px solid darken($success, 5%);
|
||||
}
|
||||
.btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus,
|
||||
.btn-success.focus, .btn-success:focus,.btn-outline-success.focus, .btn-outline-success:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
}
|
||||
|
||||
/*btn-secondary*/
|
||||
|
||||
.btn-secondary {
|
||||
background-color: $secondary;
|
||||
border: 1px solid $secondary;
|
||||
box-shadow: 0 2px 6px 0 rgba($secondary,.5);
|
||||
}
|
||||
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active,
|
||||
.btn-secondary.focus, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover,
|
||||
.btn-secondary:not(:disabled):not(.disabled):active,
|
||||
.open > .dropdown-toggle.btn-secondary,.btn-outline-secondary.active, .btn-outline-secondary:active,
|
||||
.show>.btn-outline-secondary.dropdown-toggle,.btn-outline-secondary:hover,.btn-secondary.active,
|
||||
.btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
|
||||
background-color: darken($secondary, 5%);
|
||||
border: 1px solid darken($secondary, 5%);
|
||||
}
|
||||
.btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus,
|
||||
.btn-secondary.focus, .btn-secondary:focus,.btn-outline-secondary.focus, .btn-outline-secondary:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
}
|
||||
|
||||
/*btn-info*/
|
||||
|
||||
.btn-info {
|
||||
background-color: $info;
|
||||
border: 1px solid $info;
|
||||
box-shadow: 0 2px 6px 0 rgba($info,.5);
|
||||
}
|
||||
.btn-info:not(:disabled):not(.disabled):active,
|
||||
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus,
|
||||
.btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info,
|
||||
.btn-outline-info.active, .btn-outline-info:active,.btn-info.disabled, .btn-info:disabled,
|
||||
.show>.btn-outline-info.dropdown-toggle,.btn-outline-info:hover,.btn-info.active, .btn-info:active,
|
||||
.show>.btn-info.dropdown-toggle{
|
||||
background-color: darken($info, 5%);
|
||||
border: 1px solid darken($info, 5%);
|
||||
}
|
||||
.btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus,
|
||||
.btn-info.focus, .btn-info:focus,.btn-outline-info.focus, .btn-outline-info:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
}
|
||||
|
||||
/*btn-warning*/
|
||||
|
||||
.btn-warning {
|
||||
background-color: $warning;
|
||||
border: 1px solid $warning;
|
||||
box-shadow: 0 2px 6px 0 rgba($warning,.5);
|
||||
}
|
||||
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
|
||||
.btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover,
|
||||
.open > .dropdown-toggle.btn-warning,.btn-outline-warning.active, .btn-outline-warning:active,
|
||||
.show>.btn-outline-warning.dropdown-toggle,.btn-outline-warning:hover,.btn-warning.active,
|
||||
.btn-warning:active, .show>.btn-warning.dropdown-toggle {
|
||||
background-color: darken($warning, 5%);
|
||||
border: 1px solid darken($warning, 5%);
|
||||
}
|
||||
.btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus,
|
||||
.btn-warning.focus, .btn-warning:focus,.btn-outline-warning.focus, .btn-outline-warning:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
}
|
||||
|
||||
/*btn-danger*/
|
||||
|
||||
.btn-danger {
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
box-shadow: 0 2px 6px 0 rgba($danger,.5);
|
||||
}
|
||||
.btn-danger:not(:disabled):not(.disabled):active,
|
||||
.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
|
||||
.btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
|
||||
.open > .dropdown-toggle.btn-danger,.btn-outline-danger.active, .btn-outline-danger:active,
|
||||
.show>.btn-outline-danger.dropdown-toggle,.btn-outline-danger:hover,.btn-danger.active,
|
||||
.btn-danger:active, .show>.btn-danger.dropdown-toggle {
|
||||
background-color: darken($danger, 5%);
|
||||
border: 1px solid darken($danger, 5%);
|
||||
}
|
||||
|
||||
.btn-danger.focus, .btn-danger:focus,.btn-outline-danger.focus, .btn-outline-danger:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
}
|
||||
|
||||
|
||||
/*btn-light*/
|
||||
.btn-light {
|
||||
color: $gray-700;
|
||||
background-color: $light;
|
||||
border: 1px solid $gray-300;
|
||||
box-shadow: 0 2px 6px 0 rgba($light,.9);
|
||||
}
|
||||
.btn-light:active, .btn-light:focus, .btn-light:hover, .btn-light.active,
|
||||
.btn-light.focus, .btn-light:active, .btn-light:focus, .btn-light:hover,
|
||||
.open > .dropdown-toggle.btn-light,.btn-outline-light.active, .btn-outline-light:active,
|
||||
.show>.btn-outline-light.dropdown-toggle,.btn-outline-light:hover,.btn-light.active,
|
||||
.btn-light:active, .show>.btn-light.dropdown-toggle {
|
||||
background-color: darken($light, 5%);
|
||||
border: 1px solid darken($light, 5%);
|
||||
}
|
||||
|
||||
.btn-light.focus, .btn-light:focus,.btn-outline-light.focus, .btn-outline-light:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($light,.3);
|
||||
box-shadow: 0 0 0 2px rgba($light,.3);
|
||||
}
|
||||
|
||||
/*btn-dark*/
|
||||
|
||||
.btn-dark {
|
||||
background-color: $dark;
|
||||
border: 1px solid $dark;
|
||||
color: $white;
|
||||
box-shadow: 0 2px 6px 0 rgba($dark,.5);
|
||||
}
|
||||
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus,
|
||||
.btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark,
|
||||
.btn-outline-dark.active, .btn-outline-dark:active,
|
||||
.show>.btn-outline-dark.dropdown-toggle,.btn-outline-dark:hover{
|
||||
background-color: darken($dark, 5%);
|
||||
border: 1px solid darken($dark, 5%);
|
||||
color: $white;
|
||||
}
|
||||
.btn-dark.focus, .btn-dark:focus,.btn-outline-dark.focus, .btn-outline-dark:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
}
|
||||
|
||||
/*btn-link*/
|
||||
|
||||
.btn-link {
|
||||
color: $gray-400;
|
||||
}
|
||||
|
||||
.btn-link:hover,
|
||||
.btn-link:focus,
|
||||
.btn-link:active {
|
||||
text-decoration: none;
|
||||
color: lighten($gray-400, 10%);
|
||||
}
|
||||
|
||||
|
||||
/*btn-pink*/
|
||||
|
||||
.btn-pink {
|
||||
background-color: $pink;
|
||||
border: 1px solid $pink;
|
||||
color: $white;
|
||||
box-shadow: 0 2px 6px 0 rgba($pink,.5);
|
||||
}
|
||||
.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .btn-pink.focus,
|
||||
.btn-pink:active, .btn-pink:focus, .btn-pink:hover, .open > .dropdown-toggle.btn-pink,
|
||||
.btn-outline-pink.active, .btn-outline-pink:active,
|
||||
.show>.btn-outline-pink.dropdown-toggle,.btn-outline-pink:hover{
|
||||
background-color: darken($pink, 5%);
|
||||
border: 1px solid darken($pink, 5%);
|
||||
color: $white;
|
||||
}
|
||||
.btn-pink.focus, .btn-pink:focus,.btn-outline-pink.focus, .btn-outline-pink:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
}
|
||||
|
||||
/*btn-purple*/
|
||||
|
||||
.btn-purple {
|
||||
background-color: $purple;
|
||||
border: 1px solid $purple;
|
||||
color: $white;
|
||||
box-shadow: 0 2px 6px 0 rgba($purple,.5);
|
||||
}
|
||||
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple.focus,
|
||||
.btn-purple:active, .btn-purple:focus, .btn-purple:hover, .open > .dropdown-toggle.btn-purple,
|
||||
.btn-outline-purple.active, .btn-outline-purple:active,
|
||||
.show>.btn-outline-purple.dropdown-toggle,.btn-outline-purple:hover{
|
||||
background-color: darken($purple, 5%);
|
||||
border: 1px solid darken($purple, 5%);
|
||||
color: $white;
|
||||
}
|
||||
.btn-purple.focus, .btn-purple:focus,.btn-outline-purple.focus, .btn-outline-purple:focus {
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
}
|
||||
|
||||
|
||||
.btn-light {
|
||||
box-shadow: 0 2px 6px 0 rgba($light,.5);
|
||||
border-color: darken($light, 2%);
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
color: $gray-300;
|
||||
|
||||
&:hover {
|
||||
color: lighten($gray-300, 3%);
|
||||
}
|
||||
}
|
||||
|
||||
/* button Outline */
|
||||
.btn-outline-primary {
|
||||
color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
.btn-outline-success {
|
||||
color: $success;
|
||||
border-color: $success;
|
||||
}
|
||||
.btn-outline-info {
|
||||
color: $info;
|
||||
border-color: $info;
|
||||
}
|
||||
.btn-outline-warning {
|
||||
color: $warning;
|
||||
border-color: $warning;
|
||||
}
|
||||
.btn-outline-danger {
|
||||
color: $danger;
|
||||
border-color: $danger;
|
||||
}
|
||||
.btn-outline-pink {
|
||||
color: $pink;
|
||||
border-color: $pink;
|
||||
background-color: transparent;
|
||||
background-image:none;
|
||||
}
|
||||
.btn-outline-purple {
|
||||
color: $purple;
|
||||
border-color: $purple;
|
||||
background-color: transparent;
|
||||
background-image:none;
|
||||
}
|
||||
.btn-outline-dark {
|
||||
color: $dark;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border-color: $dark;
|
||||
}
|
||||
|
||||
/* Social Buttons */
|
||||
.btn-facebook {
|
||||
color: $white !important;
|
||||
background-color: #3b5998;
|
||||
}
|
||||
.btn-twitter {
|
||||
color: $white !important;
|
||||
background-color: #00aced;
|
||||
}
|
||||
.btn-linkedin {
|
||||
color: $white !important;
|
||||
background-color: #007bb6;
|
||||
}
|
||||
.btn-dribbble {
|
||||
color: $white !important;
|
||||
background-color: #ea4c89;
|
||||
}
|
||||
.btn-googleplus {
|
||||
color: $white !important;
|
||||
background-color: #dd4b39;
|
||||
}
|
||||
.btn-instagram {
|
||||
color: $white !important;
|
||||
background-color: #517fa4;
|
||||
}
|
||||
.btn-pinterest {
|
||||
color: $white !important;
|
||||
background-color: #cb2027;
|
||||
}
|
||||
.btn-dropbox {
|
||||
color: $white !important;
|
||||
background-color: #007ee5;
|
||||
}
|
||||
.btn-flickr {
|
||||
color: $white !important;
|
||||
background-color: #ff0084;
|
||||
}
|
||||
.btn-tumblr {
|
||||
color: $white !important;
|
||||
background-color: #32506d;
|
||||
}
|
||||
.btn-skype {
|
||||
color: $white !important;
|
||||
background-color: #00aff0;
|
||||
}
|
||||
.btn-youtube {
|
||||
color: $white !important;
|
||||
background-color: #bb0000;
|
||||
}
|
||||
.btn-github {
|
||||
color: $white !important;
|
||||
background-color: #171515;
|
||||
}
|
||||
|
||||
/*btn-gradient-success*/
|
||||
|
||||
|
||||
.btn-gradient-success{
|
||||
background-image: linear-gradient(120deg, $success 0%, #00c4b5 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($success,.5);
|
||||
border: 1px solid darken($success, 5%);
|
||||
}
|
||||
.btn-gradient-success:hover, .btn-gradient-success:focus, .btn-gradient-success:active, .btn-gradient-success.active,
|
||||
.btn-gradient-success.focus, .btn-gradient-success:active, .btn-gradient-success:focus, .btn-gradient-success:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-success,.btn-gradient-success.active,
|
||||
.btn-gradient-success:active, .show>.btn-gradient-success.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #00c4b5 0%,$success 100%);
|
||||
border: 1px solid darken($success, 5%);
|
||||
}
|
||||
.btn-gradient-success:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-success.dropdown-toggle:focus,
|
||||
.btn-gradient-success.focus, .btn-gradient-success:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-secondary*/
|
||||
|
||||
.btn-gradient-secondary{
|
||||
background-image: linear-gradient(120deg, $secondary 0%, #8898b3 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($secondary,.5);
|
||||
border: 1px solid lighten($secondary, 5%);
|
||||
}
|
||||
|
||||
.btn-gradient-secondary:hover, .btn-gradient-secondary:focus, .btn-gradient-secondary:active, .btn-gradient-secondary.active,
|
||||
.btn-gradient-secondary.focus, .btn-gradient-secondary:active, .btn-gradient-secondary:focus, .btn-gradient-secondary:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-secondary,.btn-gradient-secondary.active,
|
||||
.btn-gradient-secondary:active, .show>.btn-gradient-secondary.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #8898b3 0%,$secondary 100%);
|
||||
border: 1px solid darken($secondary, 5%);
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-secondary.dropdown-toggle:focus,
|
||||
.btn-gradient-secondary.focus, .btn-gradient-secondary:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-danger*/
|
||||
|
||||
.btn-gradient-danger{
|
||||
background-image: linear-gradient(120deg, $danger 0%, #f63f6a 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($danger,.5);
|
||||
border: 1px solid darken($danger, 5%);
|
||||
}
|
||||
.btn-gradient-danger:hover, .btn-gradient-danger:focus, .btn-gradient-danger:active, .btn-gradient-danger.active,
|
||||
.btn-gradient-danger.focus, .btn-gradient-danger:active, .btn-gradient-danger:focus, .btn-gradient-danger:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-danger,.btn-gradient-danger.active,
|
||||
.btn-gradient-danger:active, .show>.btn-gradient-danger.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #f63f6a 0%,$danger 100%);
|
||||
border: 1px solid darken($danger, 5%);
|
||||
}
|
||||
.btn-gradient-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-danger.dropdown-toggle:focus,
|
||||
.btn-gradient-danger.focus, .btn-gradient-danger:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-warning*/
|
||||
|
||||
.btn-gradient-warning{
|
||||
background-image: linear-gradient(120deg, $warning 0%, #f5604a 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($warning,.5);
|
||||
border: 1px solid darken($warning, 5%);
|
||||
}
|
||||
|
||||
.btn-gradient-warning:hover, .btn-gradient-warning:focus, .btn-gradient-warning:active, .btn-gradient-warning.active,
|
||||
.btn-gradient-warning.focus, .btn-gradient-warning:active, .btn-gradient-warning:focus, .btn-gradient-warning:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-warning,.btn-gradient-warning.active,
|
||||
.btn-gradient-warning:active, .show>.btn-gradient-warning.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #f5604a 0%,$warning 100%);
|
||||
border: 1px solid darken($warning, 5%);
|
||||
}
|
||||
.btn-gradient-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-warning.dropdown-toggle:focus,
|
||||
.btn-gradient-warning.focus, .btn-gradient-warning:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
}
|
||||
/*btn-gradient-info*/
|
||||
|
||||
.btn-gradient-info{
|
||||
background-image: linear-gradient(120deg, $info 0%, #0c93fe 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($info,.5);
|
||||
border: 1px solid darken($info, 5%);
|
||||
}
|
||||
.btn-gradient-info:hover, .btn-gradient-info:focus, .btn-gradient-info:active, .btn-gradient-info.active,
|
||||
.btn-gradient-info.focus, .btn-gradient-info:active, .btn-gradient-info:focus, .btn-gradient-info:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-info,.btn-gradient-info.active,
|
||||
.btn-gradient-info:active, .show>.btn-gradient-info.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #0c93fe 0%,$info 100%);
|
||||
border: 1px solid darken($info, 5%);
|
||||
}
|
||||
.btn-gradient-info:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-info.dropdown-toggle:focus,
|
||||
.btn-gradient-info.focus, .btn-gradient-info:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
}
|
||||
/*btn-gradient-primary*/
|
||||
|
||||
.btn-gradient-primary{
|
||||
background-image: linear-gradient(120deg, $primary 0%, #3c8da8 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($primary,.5);
|
||||
border: 1px solid lighten($primary, 15%);
|
||||
}
|
||||
.btn-gradient-primary:hover, .btn-gradient-primary:focus, .btn-gradient-primary:active, .btn-gradient-primary.active,
|
||||
.btn-gradient-primary.focus, .btn-gradient-primary:active, .btn-gradient-primary:focus, .btn-gradient-primary:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-primary,.btn-gradient-primary.active,
|
||||
.btn-gradient-primary:active, .show>.btn-gradient-primary.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #3c8da8 0%,$primary 100%);
|
||||
border: 1px solid lighten($primary, 15%);
|
||||
}
|
||||
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-primary.dropdown-toggle:focus,
|
||||
.btn-gradient-primary.focus, .btn-gradient-primary:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
/*btn-gradient-dark*/
|
||||
|
||||
.btn-gradient-dark{
|
||||
background-image: linear-gradient(120deg, $dark 0%, #5a6c82 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($dark,.5);
|
||||
border: 1px solid lighten($dark, 20%);
|
||||
}
|
||||
|
||||
.btn-gradient-dark:hover, .btn-gradient-dark:focus, .btn-gradient-dark:active, .btn-gradient-dark.active,
|
||||
.btn-gradient-dark.focus, .btn-gradient-dark:active, .btn-gradient-dark:focus, .btn-gradient-dark:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-dark,.btn-gradient-dark.active,
|
||||
.btn-gradient-dark:active, .show>.btn-gradient-dark.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #5a6c82 0%,$dark 100%);
|
||||
border: 1px solid lighten($dark, 20%);
|
||||
}
|
||||
.btn-gradient-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-dark.dropdown-toggle:focus,
|
||||
.btn-gradient-dark.focus, .btn-gradient-dark:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-light*/
|
||||
|
||||
.btn-gradient-light{
|
||||
background-image: linear-gradient(120deg, $light 0%, #f7f9ff 100%);
|
||||
color:$gray-800;
|
||||
box-shadow: 0 2px 6px 0 rgba($light,.5);
|
||||
border: 1px solid darken($light, 5%);
|
||||
}
|
||||
|
||||
.btn-gradient-light:hover, .btn-gradient-light:focus, .btn-gradient-light:active, .btn-gradient-light.active,
|
||||
.btn-gradient-light.focus, .btn-gradient-light:active, .btn-gradient-light:focus, .btn-gradient-light:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-light,.btn-gradient-light.active,
|
||||
.btn-gradient-light:active, .show>.btn-gradient-light.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #f7f9ff 0%,$light 100%);
|
||||
border: 1px solid darken($light, 5%);
|
||||
}
|
||||
.btn-gradient-light:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-light.dropdown-toggle:focus,
|
||||
.btn-gradient-light.focus, .btn-gradient-light:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($light,.3);
|
||||
box-shadow: 0 0 0 2px rgba($light,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-pink*/
|
||||
|
||||
.btn-gradient-pink{
|
||||
background-image: linear-gradient(120deg, $pink 0%, #f55654 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($pink,.5);
|
||||
border: 1px solid darken($pink, 5%);
|
||||
}
|
||||
.btn-gradient-pink:hover, .btn-gradient-pink:focus, .btn-gradient-pink:active, .btn-gradient-pink.active,
|
||||
.btn-gradient-pink.focus, .btn-gradient-pink:active, .btn-gradient-pink:focus, .btn-gradient-pink:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-pink,.btn-gradient-pink.active,
|
||||
.btn-gradient-pink:active, .show>.btn-gradient-pink.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #f55654 0%,$pink 100%);
|
||||
border: 1px solid darken($pink, 5%);
|
||||
}
|
||||
.btn-gradient-pink:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-pink.dropdown-toggle:focus,
|
||||
.btn-gradient-pink.focus, .btn-gradient-pink:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-purple*/
|
||||
|
||||
.btn-gradient-purple{
|
||||
background-image: linear-gradient(120deg, $purple 0%, #a456ad 100%);
|
||||
color:$white;
|
||||
box-shadow: 0 2px 6px 0 rgba($purple,.5);
|
||||
border: 1px solid lighten($purple, 5%);
|
||||
}
|
||||
|
||||
.btn-gradient-purple:hover, .btn-gradient-purple:focus, .btn-gradient-purple:active, .btn-gradient-purple.active,
|
||||
.btn-gradient-purple.focus, .btn-gradient-purple:active, .btn-gradient-purple:focus, .btn-gradient-purple:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-purple,.btn-gradient-purple.active,
|
||||
.btn-gradient-purple:active, .show>.btn-gradient-purple.dropdown-toggle {
|
||||
background-image: linear-gradient(120deg, #a456ad 0%,$purple 100%);
|
||||
border: 1px solid darken($purple, 5%);
|
||||
}
|
||||
.btn-gradient-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-purple.dropdown-toggle:focus,
|
||||
.btn-gradient-purple.focus, .btn-gradient-purple:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
}
|
||||
@@ -0,0 +1,113 @@
|
||||
/* ==============
|
||||
Calendar
|
||||
===================*/
|
||||
|
||||
.calendar {
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.none-border {
|
||||
.modal-footer {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-toolbar {
|
||||
margin-bottom: 8px;
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 30px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-day {
|
||||
background: $white;
|
||||
}
|
||||
|
||||
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
|
||||
.fc-toolbar button:focus, .fc-toolbar button:hover,
|
||||
.fc-toolbar .ui-state-hover {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.fc-widget-header {
|
||||
border: 1px solid $gray-400;
|
||||
background: $primary;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.fc-widget-content {
|
||||
border: 1px solid $gray-400;
|
||||
}
|
||||
|
||||
.fc {
|
||||
th.fc-widget-header {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
padding: 10px 0;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-button {
|
||||
background: $white;
|
||||
border: 1px solid $gray-300;
|
||||
color: $gray-600;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.fc-text-arrow {
|
||||
font-family: arial;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.fc-state-hover {
|
||||
background: $gray-300;
|
||||
}
|
||||
|
||||
.fc-state-highlight {
|
||||
background: $gray-300;
|
||||
}
|
||||
|
||||
.fc-cell-overlay {
|
||||
background: $gray-300;
|
||||
}
|
||||
|
||||
.fc-unthemed {
|
||||
.fc-today {
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-event {
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
cursor: move;
|
||||
font-size: 13px;
|
||||
margin: 5px 0;
|
||||
padding: 5px 5px;
|
||||
text-align: center;
|
||||
background: $primary;
|
||||
color: $white !important;
|
||||
}
|
||||
|
||||
.external-event {
|
||||
color: $white;
|
||||
cursor: move;
|
||||
margin: 10px 0;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.fc-basic-view {
|
||||
td.fc-week-number {
|
||||
span {
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
td.fc-day-number {
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/* ==============
|
||||
Card
|
||||
===================*/
|
||||
.card {
|
||||
border: none;
|
||||
box-shadow: $shadow-md;
|
||||
margin-bottom: 30px;
|
||||
.card-header{
|
||||
background-color: $gray-200;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.card-footer{
|
||||
background-color: $gray-200;
|
||||
}
|
||||
.card-title{
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.card-primary {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
.card-success {
|
||||
background-color: $success;
|
||||
border-color: $success;
|
||||
}
|
||||
.card-info {
|
||||
background-color: $info;
|
||||
border-color: $info;
|
||||
}
|
||||
.card-warning {
|
||||
background-color: $warning;
|
||||
border-color: $warning;
|
||||
}
|
||||
.card-danger {
|
||||
background-color: $danger;
|
||||
border-color: $danger;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
border-bottom: 1px solid rgba($dark,0.05);
|
||||
}
|
||||
@@ -0,0 +1,224 @@
|
||||
/* ==============
|
||||
Charts
|
||||
===================*/
|
||||
|
||||
.jqstooltip {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.chart {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.chart.chart-widget-pie {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.percent {
|
||||
display: inline-block;
|
||||
line-height: 110px;
|
||||
z-index: 2;
|
||||
|
||||
&:after {
|
||||
content: '%';
|
||||
margin-left: 0.1em;
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Morris chart */
|
||||
.morris-hover.morris-default-style {
|
||||
border-radius: 5px;
|
||||
padding: 10px 12px;
|
||||
background: $white;
|
||||
border: none;
|
||||
font-family: $font-primary;
|
||||
box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
|
||||
|
||||
.morris-hover-point {
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: $dark !important;
|
||||
}
|
||||
.morris-hover-row-label {
|
||||
background-color: $dark;
|
||||
color: $white;
|
||||
padding: 4px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
margin: -10px -12px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Flot chart */
|
||||
#flotTip {
|
||||
padding: 8px 12px;
|
||||
background-color: $white;
|
||||
z-index: 100;
|
||||
color: $dark;
|
||||
box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
/* Chartist chart */
|
||||
.ct-golden-section:before {
|
||||
float: none;
|
||||
}
|
||||
.ct-chart {
|
||||
height: 300px;
|
||||
}
|
||||
.ct-grid {
|
||||
stroke: rgba(0, 0, 0, 0.09);
|
||||
stroke-width: 2px;
|
||||
stroke-dasharray: 3px;
|
||||
}
|
||||
.ct-chart .ct-label {
|
||||
fill: $muted;
|
||||
color: $muted;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
.ct-chart.simple-pie-chart-chartist .ct-label {
|
||||
color: $white;
|
||||
fill: $white;
|
||||
font-size: 16px;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-a .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-a .ct-line,
|
||||
.ct-chart .ct-series.ct-series-a .ct-point,
|
||||
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
|
||||
stroke: $primary;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-b .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-b .ct-line,
|
||||
.ct-chart .ct-series.ct-series-b .ct-point,
|
||||
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
|
||||
stroke: $info;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-c .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-c .ct-line,
|
||||
.ct-chart .ct-series.ct-series-c .ct-point,
|
||||
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
|
||||
stroke: $warning;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-d .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-d .ct-line,
|
||||
.ct-chart .ct-series.ct-series-d .ct-point,
|
||||
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
|
||||
stroke: $dark;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-e .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-e .ct-line,
|
||||
.ct-chart .ct-series.ct-series-e .ct-point,
|
||||
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
|
||||
stroke: $success;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-f .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-f .ct-line,
|
||||
.ct-chart .ct-series.ct-series-f .ct-point,
|
||||
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
|
||||
stroke: $danger;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-g .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-g .ct-line,
|
||||
.ct-chart .ct-series.ct-series-g .ct-point,
|
||||
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
|
||||
stroke: $light;
|
||||
}
|
||||
.ct-series-a .ct-area,
|
||||
.ct-series-a .ct-slice-pie {
|
||||
fill: $primary;
|
||||
}
|
||||
.ct-series-b .ct-area,
|
||||
.ct-series-b .ct-slice-pie {
|
||||
fill: $warning;
|
||||
}
|
||||
.ct-series-c .ct-area,
|
||||
.ct-series-c .ct-slice-pie {
|
||||
fill: $dark;
|
||||
}
|
||||
|
||||
.chartist-tooltip {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
min-width: 10px;
|
||||
padding: 2px 10px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
background-clip: padding-box;
|
||||
background: $dark;
|
||||
color: $white;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
-webkit-transition: opacity .2s linear;
|
||||
-moz-transition: opacity .2s linear;
|
||||
-o-transition: opacity .2s linear;
|
||||
transition: opacity .2s linear;
|
||||
}
|
||||
.chartist-tooltip.tooltip-show {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* C3 chart */
|
||||
.c3 svg {
|
||||
max-width: 100%;
|
||||
}
|
||||
.c3-tooltip td>span {
|
||||
background: $dark;
|
||||
}
|
||||
.c3-tooltip td {
|
||||
border-left: none;
|
||||
}
|
||||
.c3-tooltip {
|
||||
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
|
||||
opacity: 1;
|
||||
}
|
||||
.c3-chart-arcs-title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
font-family: $font-primary;
|
||||
}
|
||||
.c3-tooltip tr {
|
||||
border: none !important;
|
||||
}
|
||||
.c3-tooltip th {
|
||||
background-color: $dark;
|
||||
}
|
||||
|
||||
.c3-tooltip {
|
||||
.value {
|
||||
font-weight: 600;
|
||||
font-family: $font-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.c3-line {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.c3-legend-item {
|
||||
font-size: 13px;
|
||||
font-family: $font-primary;
|
||||
}
|
||||
|
||||
#donut-chart #donut-chart-container .legend{
|
||||
position: relative;
|
||||
margin-right: -50px;
|
||||
top: -50px;
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
.text-gradient-success{
|
||||
background: -webkit-linear-gradient(#42e695, #3bb2b8);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.text-gradient-danger{
|
||||
background: -webkit-linear-gradient(#f81f8b, #f56348);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.text-gradient-warning{
|
||||
background: -webkit-linear-gradient(#f6d365, #ff7850);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.text-gradient-primary{
|
||||
background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.bg-gradient1{
|
||||
background-image: linear-gradient(120deg, #f56348 0%, #f81f8b 100%);
|
||||
}
|
||||
.bg-gradient2{
|
||||
background-image: linear-gradient(120deg, #00e795 0%, #0095e2 100%);
|
||||
}
|
||||
.bg-gradient3{
|
||||
background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
|
||||
}
|
||||
.bg-gradient4{
|
||||
background: linear-gradient(120deg, #606c88 0%, #330867 100%);
|
||||
}
|
||||
|
||||
.title-border::before{
|
||||
content: "";
|
||||
border-left: 4px solid ;
|
||||
margin-left: -20px;
|
||||
padding-right: 16px;
|
||||
height: 54px;
|
||||
top: 0px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
border-image: linear-gradient(to top, #f81f8b 0%, #ff7850 100%);
|
||||
border-image-slice: 1;
|
||||
border-width: 4px;
|
||||
|
||||
}
|
||||
.dashboard-map {
|
||||
height: 290px;
|
||||
}
|
||||
@@ -0,0 +1,133 @@
|
||||
/* ==============
|
||||
Dashboard-2
|
||||
===================*/
|
||||
|
||||
.icon-contain{
|
||||
i{
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.accordion {
|
||||
box-shadow: none;
|
||||
.card,
|
||||
.btn:focus{
|
||||
box-shadow: none;
|
||||
}
|
||||
.card-body{
|
||||
border:1px solid rgba($gray-400, .2);
|
||||
}
|
||||
.card-header{
|
||||
background-color: rgba($gray-300, .2);
|
||||
border: 1px solid rgba($gray-400, .2);
|
||||
padding: 0 12px;
|
||||
}
|
||||
.btn{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.blog-card h4{
|
||||
font-weight: 600;
|
||||
}
|
||||
.card-img-overlay{
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.round-icon{
|
||||
font-size: 22px;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*Timeline*/
|
||||
|
||||
.timeline-card{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
width:100%;
|
||||
max-width:800px;
|
||||
position: relative;
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left:calc(25% + 0px); //$gutter/2
|
||||
bottom: 0px;
|
||||
width: 4px;
|
||||
background: $light;
|
||||
}
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.entry {
|
||||
clear: both;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
.title {
|
||||
margin-bottom: .5em;
|
||||
float: left;
|
||||
width: 25%;
|
||||
padding-right: 30px;
|
||||
text-align: right;
|
||||
position: relative;
|
||||
h6{
|
||||
font-size: 16px;
|
||||
color: $muted;
|
||||
font-weight: 400;
|
||||
margin-top: 0px;
|
||||
}
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 4px solid $white;
|
||||
background-color:$info;
|
||||
border-radius:100%;
|
||||
top: 8%;
|
||||
right: -10px;
|
||||
z-index: 99;
|
||||
box-shadow: 0px 0px 0px 1.25px $success;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
}
|
||||
.body {
|
||||
margin: 0 0 42px;
|
||||
float: right;
|
||||
width: 75%;
|
||||
padding-left: 30px;
|
||||
|
||||
p {
|
||||
line-height: 1.4em;
|
||||
color: $muted;
|
||||
font-size: 14px;
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
/* ==============
|
||||
Demo Only css
|
||||
===================*/
|
||||
|
||||
|
||||
.bs-example-modal {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.icon-demo-content {
|
||||
text-align: center;
|
||||
color: $muted;
|
||||
|
||||
i{
|
||||
display: block;
|
||||
font-size: 28px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.col-sm-6 {
|
||||
margin-bottom: 30px;
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*===grid===*/
|
||||
|
||||
.grid-col div span{
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 15px;
|
||||
background: $light;
|
||||
border: 1px solid;
|
||||
border-color: $gray-400;
|
||||
display: block;
|
||||
}
|
||||
.grid-col .nested-col.row span{
|
||||
background-color: $light;
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
/* ==============
|
||||
Form-Advanced
|
||||
===================*/
|
||||
/* Datepicker */
|
||||
.datepicker {
|
||||
border: 1px solid $gray-200;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover,.datepicker table tr td.today, .datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover,.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected:hover {
|
||||
background-color: $primary !important;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.input-group-text{
|
||||
font-size: $base-font;
|
||||
}
|
||||
|
||||
/* Bootstrap-touchSpin */
|
||||
.bootstrap-touchspin .input-group-btn-vertical .btn {
|
||||
padding: 9px 12px;
|
||||
}
|
||||
.bootstrap-touchspin .input-group-btn-vertical i {
|
||||
top: 4px;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
/* Prism */
|
||||
:not(pre) > code[class*="language-"], pre[class*="language-"] {
|
||||
background: $light;
|
||||
}
|
||||
|
||||
/* Rating */
|
||||
.badge:empty {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.select2-container--default .select2-selection--single {
|
||||
border: 1px solid #d8d8d8;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
color: #444;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
height: 38px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple {
|
||||
min-height: 38px;
|
||||
border: 1px solid #d8d8d8;
|
||||
}
|
||||
|
||||
.select2-container .select2-search--inline .select2-search__field {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
||||
border: solid 1px #d8d8d8;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/*---datetimepicker---*/
|
||||
.dtp-btn-cancel {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.addon-color-picker .btn {
|
||||
padding: 8px;
|
||||
line-height: 0;
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
/*--colorpicker--*/
|
||||
.asColorPicker-clear {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 45px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.asColorPicker-trigger {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.asColorPicker-dropdown {
|
||||
max-width: 260px;
|
||||
}
|
||||
|
||||
.asColorPicker-wrap {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
|
||||
.input-title{
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
color: $dark;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
/* ==============
|
||||
Form Editor
|
||||
===================*/
|
||||
|
||||
.mce-panel {
|
||||
border-color: darken($light,5%) !important;
|
||||
background-color: $light !important;
|
||||
}
|
||||
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
|
||||
background-color: $primary !important;
|
||||
}
|
||||
.mce-menu {
|
||||
background-color: $white !important;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/* ==============
|
||||
Form-elements
|
||||
===================*/
|
||||
|
||||
label {
|
||||
font-weight: 500;
|
||||
color: $gray-800;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
font-size: $base-font;
|
||||
&:focus {
|
||||
border-color: $primary;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-control-input:checked~.custom-control-indicator {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.custom-control-input:focus~.custom-control-indicator {
|
||||
-webkit-box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
|
||||
box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
|
||||
}
|
||||
|
||||
.has-success {
|
||||
.form-control {
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.has-warning {
|
||||
.form-control {
|
||||
border-color: $warning;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.has-error {
|
||||
.form-control {
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-addon {
|
||||
border-radius: 2px;
|
||||
border: 1px solid $light;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
/* ==============
|
||||
Form-Upload
|
||||
===================*/
|
||||
/* Dropzone */
|
||||
.dropzone {
|
||||
min-height: 230px;
|
||||
border: 2px dashed rgba(0, 0, 0, 0.3);
|
||||
background: white;
|
||||
border-radius: 6px;
|
||||
|
||||
.dz-message {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
/* ==============
|
||||
Form-Validation
|
||||
===================*/
|
||||
|
||||
.error {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.parsley-error {
|
||||
border-color: $danger;
|
||||
}
|
||||
.parsley-errors-list {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.parsley-errors-list.filled {
|
||||
display: block;
|
||||
}
|
||||
.parsley-errors-list > li {
|
||||
font-size: 12px;
|
||||
list-style: none;
|
||||
color: $danger;
|
||||
margin-top: 5px;
|
||||
}
|
||||
@@ -0,0 +1,141 @@
|
||||
/* ==============
|
||||
General
|
||||
===================*/
|
||||
|
||||
body {
|
||||
background: $bg-body;
|
||||
font-family: $font-primary;
|
||||
margin: 0;
|
||||
font-size: $base-font;
|
||||
}
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
background: $bg-body;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 10px 0;
|
||||
color: darken($gray-800, 10%);
|
||||
}
|
||||
|
||||
h1 {
|
||||
line-height: 43px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
line-height: 30px;
|
||||
small {
|
||||
color: $gray-300;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 22px;
|
||||
small {
|
||||
color: $gray-300;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
small {
|
||||
color: $gray-300;
|
||||
}
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $gray-900;
|
||||
&:hover {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
color: darken($gray-900, 20%);
|
||||
}
|
||||
&:active {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
color: $info;
|
||||
}
|
||||
|
||||
|
||||
.container-alt {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: rgba($primary,0.02);
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
||||
bottom: 0;
|
||||
color: $dark;
|
||||
text-align: center;
|
||||
padding: 20px 30px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
height: $height;
|
||||
overflow: hidden;
|
||||
width: $width;
|
||||
}
|
||||
|
||||
.page {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.btn-link:hover,
|
||||
.btn-link:focus{
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
/*Range*/
|
||||
.rating-symbol-foreground{
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* Social */
|
||||
.social-links {
|
||||
li {
|
||||
a {
|
||||
-webkit-border-radius: 50%;
|
||||
background: lighten($light,4%);
|
||||
border-radius: 50%;
|
||||
color: lighten($gray-800,15%);
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.h-300{
|
||||
height: 300px !important;
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
/* ==============
|
||||
Helper Classes
|
||||
===================*/
|
||||
|
||||
.p-0 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.p-t-10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.p-b-10 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.m-0 {
|
||||
margin: 0;
|
||||
}
|
||||
.m-r-5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.m-r-10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.m-r-15 {
|
||||
margin-right: 15px;
|
||||
}
|
||||
.m-l-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.m-l-15 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.m-t-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.m-t-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.m-t-15 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.m-t-20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.m-t-30 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.m-t-40 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.m-b-5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.m-b-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.m-b-15 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.m-b-20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.m-b-30 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.w-xs {
|
||||
min-width: 80px;
|
||||
}
|
||||
.w-sm {
|
||||
min-width: 95px;
|
||||
}
|
||||
.w-md {
|
||||
min-width: 110px;
|
||||
}
|
||||
.w-lg {
|
||||
min-width: 140px;
|
||||
}
|
||||
.m-h-50 {
|
||||
min-height: 50px;
|
||||
}
|
||||
.l-h-34 {
|
||||
line-height: 34px;
|
||||
}
|
||||
.font-10 {
|
||||
font-size: 10px;
|
||||
}
|
||||
.font-12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
.font-13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
.font-14 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.font-16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.font-18 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.font-20 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.font-32 {
|
||||
font-size: 32px;
|
||||
}
|
||||
.font-40 {
|
||||
font-size: 40px;
|
||||
}
|
||||
.no-border {
|
||||
border: none;
|
||||
}
|
||||
.bx-shadow {
|
||||
-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
|
||||
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
|
||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.thumb-sm {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
.thumb-md {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
}
|
||||
.thumb-lg {
|
||||
height: 88px;
|
||||
width: 88px;
|
||||
}
|
||||
.grid-structure {
|
||||
.grid-container {
|
||||
background-color: $gray-400;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
}
|
||||
.b-round{
|
||||
border-radius: 30px;
|
||||
}
|
||||
.fw-400{
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
font-size: 16px;
|
||||
}
|
||||
.text-g-light{
|
||||
color: $gray-200 !important;
|
||||
}
|
||||
@@ -0,0 +1,391 @@
|
||||
/* ==============
|
||||
Loader
|
||||
===================*/
|
||||
#preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: $bg-body;
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
||||
#status {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin: -20px 0 0 -20px;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
position: absolute;
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
left: 50%;
|
||||
margin-left: -39px;
|
||||
margin-top: -39px;
|
||||
}
|
||||
|
||||
.spinner:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
top: 50%;
|
||||
margin-top: -23px;
|
||||
left: 50%;
|
||||
margin-left: -23px;
|
||||
border-width: 2px 1px;
|
||||
border-style: solid;
|
||||
border-color: $info rgba($info,0.3);
|
||||
border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
animation: spin 3.45s infinite;
|
||||
-o-animation: spin 3.45s infinite;
|
||||
-ms-animation: spin 3.45s infinite;
|
||||
-webkit-animation: spin 3.45s infinite;
|
||||
-moz-animation: spin 3.45s infinite;
|
||||
}
|
||||
.spinner:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
background-color: $info;
|
||||
border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
animation: pulse 6.9s infinite, borderPulse 6.9s infinite;
|
||||
-o-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;
|
||||
-ms-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;
|
||||
-webkit-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;
|
||||
-moz-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(1080deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
0% {
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-o-transform: rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
-o-transform: rotate(1080deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes spin {
|
||||
0% {
|
||||
-ms-transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-ms-transform: rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
-ms-transform: rotate(1080deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(1080deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
-moz-transform: rotate(1080deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
13% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
15% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
28% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
30% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
43% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
45% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
70% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
74% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes pulse {
|
||||
0% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
13% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
15% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
28% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
30% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
43% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
45% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
70% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
74% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes pulse {
|
||||
0% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
13% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
15% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
28% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
30% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
43% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
45% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
70% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
74% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
0% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
13% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
15% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
28% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
30% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
43% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
45% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
70% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
74% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pulse {
|
||||
0% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
13% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
15% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
28% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
30% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
43% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
45% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
70% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
74% {
|
||||
background-color: rgba($info,0.2);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba($info,0.9);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes borderPulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($info,0.8);
|
||||
}
|
||||
40% {
|
||||
box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($info, 0.8);
|
||||
}
|
||||
80% {
|
||||
box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($info, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes borderPulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($info,0.8);
|
||||
}
|
||||
40% {
|
||||
box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($info, 0.8);
|
||||
}
|
||||
80% {
|
||||
box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($info, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes borderPulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($info,0.8);
|
||||
}
|
||||
40% {
|
||||
box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($info, 0.8);
|
||||
}
|
||||
80% {
|
||||
box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($info, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes borderPulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($info,0.8);
|
||||
}
|
||||
40% {
|
||||
box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($info, 0.8);
|
||||
}
|
||||
80% {
|
||||
box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($info, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes borderPulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($info,0.8);
|
||||
}
|
||||
40% {
|
||||
box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($info, 0.8);
|
||||
}
|
||||
80% {
|
||||
box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($info, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes load8 {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes load8 {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* ==============
|
||||
Maps
|
||||
===================*/
|
||||
|
||||
.gmaps, .gmaps-panaroma {
|
||||
height: 300px;
|
||||
background: $light;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.gmaps-overlay {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: $white;
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
background: $primary;
|
||||
border-radius: 4px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.gmaps-overlay_arrow {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.gmaps-overlay_arrow.above {
|
||||
bottom: -15px;
|
||||
border-left: 16px solid transparent;
|
||||
border-right: 16px solid transparent;
|
||||
border-top: 16px solid $primary;
|
||||
}
|
||||
|
||||
.gmaps-overlay_arrow.below {
|
||||
top: -15px;
|
||||
border-left: 16px solid transparent;
|
||||
border-right: 16px solid transparent;
|
||||
border-bottom: 16px solid $primary;
|
||||
}
|
||||
@@ -0,0 +1,524 @@
|
||||
/*
|
||||
File: Menu
|
||||
*/
|
||||
|
||||
.topbar {
|
||||
|
||||
.topbar-left {
|
||||
float: left;
|
||||
height: 70px;
|
||||
position: relative;
|
||||
width: 240px;
|
||||
z-index: 1;
|
||||
background-color: $left-bar;
|
||||
}
|
||||
}
|
||||
|
||||
.topbar-left {
|
||||
box-shadow: none !important;
|
||||
.bg-logo{
|
||||
background-color: $bg-topbar;
|
||||
}
|
||||
}
|
||||
|
||||
.logo{
|
||||
color: $light !important;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
letter-spacing: .03em;
|
||||
line-height: 70px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.has_sub.nav-active i.mdi-chevron-right:before {
|
||||
content: "\F140";
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
background-color: $bg-topbar;
|
||||
border: none;
|
||||
margin: -20px -25px 0 -25px;
|
||||
box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Notification */
|
||||
.notification-list {
|
||||
margin: 0 !important;
|
||||
|
||||
.noti-title {
|
||||
border-radius: 0.25rem 0.25rem 0 0;
|
||||
background-color: $primary;
|
||||
margin: -4px 0px 0px 0px;
|
||||
width: auto;
|
||||
padding: 12px 20px;
|
||||
|
||||
h5 {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.label {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.noti-icon {
|
||||
font-size: 16px;
|
||||
vertical-align: middle;
|
||||
color: $white;
|
||||
background: lighten($bg-topbar,6%);
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
.noti-icon-badge {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 9px;
|
||||
}
|
||||
.notify-item {
|
||||
padding: 15px 20px;
|
||||
|
||||
.notify-icon {
|
||||
float: left;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
border-radius: 50%;
|
||||
color: $white;
|
||||
|
||||
img {
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
.notify-details {
|
||||
margin-bottom: 0;
|
||||
overflow: hidden;
|
||||
margin-left: 45px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
b {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
small {
|
||||
display: block;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.notify-all {
|
||||
border-radius: 0 0 0.25rem 0.25rem;
|
||||
margin: 0 0 -5px 0;
|
||||
background-color: $light;
|
||||
}
|
||||
.profile-dropdown {
|
||||
.notify-item {
|
||||
padding: 4px 20px;
|
||||
}
|
||||
}
|
||||
.nav-link {
|
||||
padding: 0 10px;
|
||||
line-height: 70px;
|
||||
}
|
||||
.language-switch a img {
|
||||
float: right;
|
||||
margin-top: 5px; }
|
||||
}
|
||||
|
||||
.profile-dropdown {
|
||||
width: 170px;
|
||||
i {
|
||||
font-size: 17px;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-user {
|
||||
margin: 0 15px 0 0;
|
||||
img {
|
||||
height:36px;
|
||||
width: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.arrow-none:after {
|
||||
border: none;
|
||||
margin: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.menu-title {
|
||||
padding: 12px 25px !important;
|
||||
letter-spacing: .035em;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
font-size: 13px;
|
||||
color: $muted;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 17px 15px !important;
|
||||
|
||||
img {
|
||||
border: 2px solid #edf0f0;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.profile-username {
|
||||
margin-left: 45px;
|
||||
display: block;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu-lg {
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.side-menu {
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
width: 240px;
|
||||
-webkit-transition: all 0.4s ease-in-out;
|
||||
-moz-transition: all 0.4s ease-in-out;
|
||||
-o-transition: all 0.4s ease-in-out;
|
||||
transition: all 0.4s ease-in-out;
|
||||
background: $left-bar;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
box-shadow: $shadow;
|
||||
}
|
||||
|
||||
body.fixed-left {
|
||||
.side-menu.left {
|
||||
bottom: 50px;
|
||||
height: $height;
|
||||
margin-bottom: -70px;
|
||||
margin-top: 0;
|
||||
padding-bottom: 70px;
|
||||
position: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
.content-page {
|
||||
margin-left: 240px;
|
||||
overflow: hidden;
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
.content-page > .content {
|
||||
margin-bottom: 63px;
|
||||
padding: 20px 25px 0 25px;
|
||||
-webkit-transition: all 0.4s ease-in-out;
|
||||
-moz-transition: all 0.4s ease-in-out;
|
||||
-o-transition: all 0.4s ease-in-out;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.page-content-wrapper {
|
||||
margin: 0 -10px;
|
||||
}
|
||||
|
||||
.button-menu-mobile{
|
||||
background-color: $bg-topbar;
|
||||
font-size: 28px;
|
||||
color: $white;
|
||||
width: 42px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
line-height: 70px;
|
||||
display: none;
|
||||
}
|
||||
.button-menu-mobile-topbar {
|
||||
background-color: $danger;
|
||||
color: $white;
|
||||
font-size: 20px;
|
||||
height: 42px;
|
||||
width: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
position: absolute;
|
||||
right: -42px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.app-search .form-control, .app-search .form-control:focus {
|
||||
border: 1px solid lighten($bg-topbar,6%);
|
||||
font-size: 13px;
|
||||
height: 34px;
|
||||
color: $white;
|
||||
padding-left: 20px;
|
||||
padding-right: 40px;
|
||||
background: lighten($bg-topbar,6%);
|
||||
box-shadow: none;
|
||||
border-radius: 30px;
|
||||
width: 200px;
|
||||
}
|
||||
.app-search {
|
||||
position: relative;
|
||||
padding-top: 18px;
|
||||
margin-left: 20px;
|
||||
|
||||
input.form-control::-webkit-input-placeholder {
|
||||
color: rgba($white, 0.7);
|
||||
}
|
||||
input.form-control:-moz-placeholder {
|
||||
color: rgba($white, 0.7);
|
||||
}
|
||||
input.form-control::-moz-placeholder {
|
||||
color: rgba($white, 0.7);
|
||||
}
|
||||
input.form-control:-ms-input-placeholder {
|
||||
color: rgba($white, 0.7);
|
||||
}
|
||||
}
|
||||
.app-search a {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
left: 160px;
|
||||
display: block;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
width: 34px;
|
||||
text-align: center;
|
||||
color: rgba($white, 0.5);
|
||||
}
|
||||
|
||||
|
||||
.sidebar-inner {
|
||||
height: $height;
|
||||
}
|
||||
|
||||
#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a {
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.navbar-nav>li>a.notification-icon-box {
|
||||
line-height: 70px;
|
||||
|
||||
i {
|
||||
font-size: 26px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
#sidebar-menu {
|
||||
background-color: $left-bar;
|
||||
padding-bottom: 230px;
|
||||
width: 100%;
|
||||
|
||||
ul {
|
||||
ul {
|
||||
display: none;
|
||||
li {
|
||||
border-top: 0;
|
||||
}
|
||||
li.active {
|
||||
a {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: rgba($dark,0.8);
|
||||
display: block;
|
||||
padding: 12px 25px 12px 60px;
|
||||
font-size: 14px;
|
||||
|
||||
&:hover {
|
||||
color: $dark;
|
||||
}
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
a {
|
||||
padding-left: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar-menu > ul > li > a {
|
||||
color: $dark;
|
||||
display: block;
|
||||
padding: 16px 25px;
|
||||
margin: 3px 0;
|
||||
background-color: $left-bar;
|
||||
|
||||
&:hover {
|
||||
color: $primary;
|
||||
text-decoration: none;
|
||||
|
||||
i {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
i {
|
||||
font-size: 18px;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#sidebar-menu > ul > li.nav-active > a {
|
||||
background-color: $light;
|
||||
}
|
||||
#sidebar-menu > ul > li > a > span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#sidebar-menu > ul > li > a > i {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
line-height: 17px;
|
||||
margin-left: 3px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
color: $muted;
|
||||
}
|
||||
|
||||
#sidebar-menu > ul > li > a > i.i-right {
|
||||
float: right;
|
||||
margin: 3px 0 0 0;
|
||||
}
|
||||
|
||||
#sidebar-menu > ul > li > a.active {
|
||||
color: $primary;
|
||||
background-color: rgba($primary,0.15);
|
||||
|
||||
i {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar-menu > ul > li.nav-active > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
#wrapper.enlarged {
|
||||
|
||||
.left.side-menu {
|
||||
padding-top: 0;
|
||||
z-index: 20;
|
||||
margin-left: -100%;
|
||||
}
|
||||
.content-page {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#wrapper.enlarged .footer {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.user-details {
|
||||
min-height: 80px;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
img {
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
}
|
||||
.user-info {
|
||||
text-align: center;
|
||||
|
||||
.user-status {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
border: 1px solid rgba(34, 34, 34, 0.27);
|
||||
border-radius: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.page-title-box {
|
||||
padding: 22px 0;
|
||||
|
||||
.page-title {
|
||||
font-size: 18px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
.breadcrumb-item {
|
||||
a {
|
||||
color: $muted;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.sidebar-user{
|
||||
text-align: center;
|
||||
padding: 22px 0;
|
||||
.dropdown-toggle{
|
||||
font-weight: 500;
|
||||
}
|
||||
img{
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
a{
|
||||
border:1px solid $gray-200;
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
line-height: 34px;
|
||||
border-radius: 3px;
|
||||
&:hover{
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
/* ==============
|
||||
Pagination
|
||||
===================*/
|
||||
.pagination{
|
||||
.page-link {
|
||||
color: $primary;
|
||||
}
|
||||
.page-item.active .page-link {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
color: $white
|
||||
}
|
||||
.page-link:focus, .page-link:hover {
|
||||
color: $dark;
|
||||
background-color: $light;
|
||||
box-shadow: 0 0 0 0.2rem rgba($primary, 0.33);
|
||||
|
||||
}
|
||||
.form-control{
|
||||
border-color: transparent;
|
||||
font-size: 12px;
|
||||
padding: 0;
|
||||
height: calc(16px + 2px);
|
||||
background-color: transparent;
|
||||
&:focus
|
||||
{
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.custom-pagination .page-link{
|
||||
border-radius: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding-left: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.custom-pagination-2{
|
||||
.page-item{
|
||||
a{
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
.page-item:first-child{
|
||||
.page-link {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 40px;
|
||||
border-bottom-left-radius: 40px;
|
||||
}
|
||||
}
|
||||
.page-item:last-child {
|
||||
.page-link {
|
||||
border-top-right-radius: 40px;
|
||||
border-bottom-right-radius: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/* ==============
|
||||
Popover & Tooltips
|
||||
===================*/
|
||||
|
||||
.popover-title {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.tooltip .tooltip-inner {
|
||||
padding: 4px 10px;
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
/* ==============
|
||||
Progressbar
|
||||
===================*/
|
||||
|
||||
.progress-bar {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
|
||||
/* Progressbar Vertical */
|
||||
|
||||
.progress-vertical {
|
||||
min-height: 250px;
|
||||
height: 250px;
|
||||
width: 10px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.progress-vertical .progress-bar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-vertical-bottom {
|
||||
min-height: 250px;
|
||||
height: 250px;
|
||||
position: relative;
|
||||
width: 10px;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.progress-vertical-bottom .progress-bar {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-sm,
|
||||
.progress-vertical-bottom.progress-sm {
|
||||
width: 5px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-sm .progress-bar,
|
||||
.progress-vertical-bottom.progress-sm .progress-bar {
|
||||
font-size: 8px;
|
||||
line-height: 5px;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-md,
|
||||
.progress-vertical-bottom.progress-md {
|
||||
width: 15px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-md .progress-bar,
|
||||
.progress-vertical-bottom.progress-md .progress-bar {
|
||||
font-size: 10.8px;
|
||||
line-height: 14.4px;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-lg,
|
||||
.progress-vertical-bottom.progress-lg {
|
||||
width: 20px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-lg .progress-bar,
|
||||
.progress-vertical-bottom.progress-lg .progress-bar {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
/* ==============
|
||||
Range slider
|
||||
===================*/
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
background: $primary;
|
||||
}
|
||||
.irs-from:after, .irs-to:after, .irs-single:after {
|
||||
border-top-color: $primary;
|
||||
}
|
||||
|
||||
/* ==============
|
||||
Powerange Slider
|
||||
===================*/
|
||||
.range-bar{
|
||||
background-color: $gray-300;
|
||||
}
|
||||
|
||||
.range-min, .range-max {
|
||||
color: $muted;
|
||||
padding-top: 0;
|
||||
}
|
||||
.range-quantity {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.slider-wrapper {
|
||||
margin: 0 25px 12px;
|
||||
position: relative;
|
||||
width: 250px;
|
||||
&.vertical-wrapper{
|
||||
height: 200px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.display-box-label {
|
||||
font-size: 0.8em;
|
||||
position: absolute;
|
||||
right: -80px;
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.display-box {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
border-radius: 5px;
|
||||
font-size: 0.8em;
|
||||
height: 23px;
|
||||
right: -140px;
|
||||
padding-top: 2px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: -10px;
|
||||
width: 50px;
|
||||
box-shadow: inset 0 0 10px rgba($gray-500, 0.15);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,168 @@
|
||||
/*
|
||||
File: Responsive
|
||||
*/
|
||||
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.side-menu.left {
|
||||
margin-left: -100%;
|
||||
z-index: 1000 !important;
|
||||
}
|
||||
.content-page {
|
||||
margin-left: 0;
|
||||
}
|
||||
.enlarged .side-menu.left {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.button-menu-mobile {
|
||||
display: inline-block;
|
||||
}
|
||||
.navbar-custom {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.content-page > .content {
|
||||
padding: 20px;
|
||||
}
|
||||
#wrapper.enlarged .footer ,.footer {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.topbar{
|
||||
position: fixed;
|
||||
left: 25px;
|
||||
right: 25px;
|
||||
z-index: 999;
|
||||
}
|
||||
.page-content-wrapper {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.sticky-table-header.fixed-solution{
|
||||
top: 74px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.content-page {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.enlarged .left.side-menu {
|
||||
margin-left: -75px;
|
||||
}
|
||||
|
||||
.mobile-sidebar {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.mobile-content {
|
||||
left: 250px;
|
||||
right: -250px;
|
||||
}
|
||||
|
||||
.wrapper-page {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav {
|
||||
.open {
|
||||
.dropdown-menu {
|
||||
background-color: $white;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
|
||||
left: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fc-toolbar .fc-right {
|
||||
float: left;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 620px) {
|
||||
.page-header-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dataTables_paginate {
|
||||
.page-link {
|
||||
padding: .35rem .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.mo-mb-2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mo-mt-2 {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.pagination-lg .page-link {
|
||||
padding: .25rem .5rem;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.side-menu {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.button-menu-mobile {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 420px) {
|
||||
.hide-phone,.notify-icon {
|
||||
display: none;
|
||||
}
|
||||
.dropdown-menu-lg {
|
||||
width: 200px;
|
||||
}
|
||||
.notify-details {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media (min-width: 1200px)and (max-width: 1366px) {
|
||||
.entry{
|
||||
.title{
|
||||
width: 28% !important;
|
||||
float: left !important;
|
||||
padding-right: 24px !important;
|
||||
h6{
|
||||
font-size: 14px !important;
|
||||
}
|
||||
&:before {
|
||||
content: '';
|
||||
right: -3px !important;
|
||||
}
|
||||
}
|
||||
.body {
|
||||
width: 72% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
/* ==============
|
||||
Summernote
|
||||
===================*/
|
||||
|
||||
.note-btn-group {
|
||||
.dropdown-menu {
|
||||
> li {
|
||||
> a {
|
||||
display: block;
|
||||
padding: 5px 20px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 1.42857143;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten($light,2%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.note-image-popover,.note-air-popover,.note-link-popover {
|
||||
display: none;
|
||||
|
||||
.dropdown-toggle::after {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.note-icon-caret {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.note-editor {
|
||||
position: relative;
|
||||
|
||||
.btn-default {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-group-sm > .btn, .btn-sm {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
.note-toolbar {
|
||||
background-color: $gray-200;
|
||||
border-bottom: 1px solid $light;
|
||||
margin: 0;
|
||||
}
|
||||
.note-statusbar {
|
||||
background-color: $white;
|
||||
.note-resizebar {
|
||||
border-top: none;
|
||||
height: 15px;
|
||||
padding-top: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.note-editor.note-frame {
|
||||
border: 1px solid $light;
|
||||
&.card{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.note-popover {
|
||||
.popover {
|
||||
.popover-content {
|
||||
padding: 5px 0 10px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-group-sm > .btn, .btn-sm {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.note-toolbar {
|
||||
padding: 5px 0 10px 5px;
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
|
||||
.swal2-popup {
|
||||
.swal2-title{
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.swal2-styled{
|
||||
&.swal2-confirm {
|
||||
border: 0;
|
||||
border-radius: .25em;
|
||||
background: initial;
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
font-size: 1.0625em;
|
||||
}
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px $white, 0 0 0 4px rgba($primary, 0.4);
|
||||
}
|
||||
&.swal2-cancel {
|
||||
border: 0;
|
||||
border-radius: .25em;
|
||||
background: initial;
|
||||
background-color: $danger;
|
||||
color: $gray-200;
|
||||
font-size: 1.0625em;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px $white, 0 0 0 4px rgba($danger,.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.swal2-actions{
|
||||
.btn-success:not(:disabled):not(.disabled):active,
|
||||
.btn-success,
|
||||
.btn-success:active{
|
||||
background-color: $primary;
|
||||
border: 1px solid $primary;
|
||||
}
|
||||
.btn-success:focus,{
|
||||
box-shadow: 0 0 0 2px $white, 0 0 0 4px rgba($primary, 0.4);
|
||||
}
|
||||
|
||||
.btn-danger:not(:disabled):not(.disabled):active{
|
||||
color: $white;
|
||||
background-color: $danger;
|
||||
border-color: $danger;
|
||||
}
|
||||
.btn-danger:not(:disabled):not(.disabled):active:focus{
|
||||
box-shadow: 0 0 0 2px $white, 0 0 0 4px rgba($danger,.5);
|
||||
}
|
||||
.btn-danger {
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
&:active{
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
}
|
||||
&:hover{
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
}
|
||||
&:focus{
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
box-shadow: 0 0 0 2px $white, 0 0 0 4px rgba($danger,.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
/* ==============
|
||||
Tables
|
||||
===================*/
|
||||
|
||||
|
||||
.table {
|
||||
margin-bottom: 10px;
|
||||
thead{
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.table-sm{
|
||||
td, th{
|
||||
padding: .3rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
|
||||
padding: 14px 12px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.table-hover tbody tr:hover,.table-striped tbody tr:nth-of-type(odd),
|
||||
.thead-default th{
|
||||
background-color: lighten($gray-200, 4%);
|
||||
}
|
||||
|
||||
.table-centered{
|
||||
td,
|
||||
th{
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
}
|
||||
/* == Responsive Table ==*/
|
||||
table.focus-on {
|
||||
tbody {
|
||||
tr.focused {
|
||||
th {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
td {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-rep-plugin {
|
||||
.btn-toolbar {
|
||||
display: block;
|
||||
}
|
||||
.btn-default {
|
||||
background-color: $white;
|
||||
border-color: $gray-300;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.btn-default.btn-primary {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
.table-responsive {
|
||||
border: none !important;
|
||||
}
|
||||
.btn-group.float-right .dropdown-menu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
tbody {
|
||||
th {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.checkbox-row {
|
||||
padding-left: 40px;
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
padding-left: 5px;
|
||||
position: relative;
|
||||
&::before {
|
||||
-o-transition: 0.3s ease-in-out;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
background-color: $white;
|
||||
border-radius: 3px;
|
||||
border: 1px solid $gray-300;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
left: 0;
|
||||
margin-left: -20px;
|
||||
position: absolute;
|
||||
transition: 0.3s ease-in-out;
|
||||
width: 17px;
|
||||
outline: none !important;
|
||||
}
|
||||
&::after {
|
||||
color: $gray-300;
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
margin-left: -20px;
|
||||
padding-left: 3px;
|
||||
padding-top: 1px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
outline: none !important;
|
||||
|
||||
&:disabled + label {
|
||||
opacity: 0.65;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:focus + label {
|
||||
&::before {
|
||||
outline-offset: -2px;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::after {
|
||||
content: "\f00c";
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:disabled + label {
|
||||
&::before {
|
||||
background-color: $light;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
&::after {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700');
|
||||
|
||||
|
||||
// Color variables
|
||||
|
||||
$primary: #605daf;
|
||||
$secondary: #aaaece;
|
||||
$success: #5dd099;
|
||||
$info: #33cdff;
|
||||
$warning: #f8c955;
|
||||
$danger: #f96e5b;
|
||||
$light: #f5f5f7;
|
||||
$white: #ffffff;
|
||||
$dark: #2d3b48;
|
||||
$muted: #8c9ea9;
|
||||
$pink: #f5468e;
|
||||
$purple: #775fd5;
|
||||
|
||||
|
||||
$gray-100: #f3f8fd;
|
||||
$gray-200: #ebeff8;
|
||||
$gray-300: #d4d8e1;
|
||||
$gray-400: #bcc1c2;
|
||||
$gray-500: #a3a7a8;
|
||||
$gray-600: #939798;
|
||||
$gray-700: #78797c;
|
||||
$gray-800: #636466;
|
||||
$gray-900: #292a2f;
|
||||
|
||||
|
||||
|
||||
$bg-body: #f5f5f5;
|
||||
$left-bar: #ffffff;
|
||||
$bg-topbar: #605daf;
|
||||
|
||||
$font-primary: 'Rubik', sans-serif;
|
||||
|
||||
$shadow: 2px 0px 3px rgba(96,93,175,0.05);
|
||||
$shadow-md: 1px 0px 20px rgba(96,93,175,0.05);
|
||||
|
||||
$base-font: 14px;
|
||||
|
||||
|
||||
|
||||
// Width variables
|
||||
$width: 100%;
|
||||
|
||||
|
||||
// Height variables
|
||||
$height: 100%;
|
||||
|
||||
|
||||
@@ -0,0 +1,128 @@
|
||||
/* ==============
|
||||
Waves Effect
|
||||
===================*/
|
||||
|
||||
|
||||
/*!
|
||||
* Waves v0.6.0
|
||||
* http://fian.my.id/Waves
|
||||
*
|
||||
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
||||
* Released under the MIT license
|
||||
* https://github.com/fians/Waves/blob/master/LICENSE
|
||||
*/
|
||||
|
||||
.waves-effect {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
vertical-align: middle;
|
||||
z-index: 1;
|
||||
will-change: opacity, transform;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.waves-effect {
|
||||
.waves-ripple {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: -10px;
|
||||
margin-left: -10px;
|
||||
opacity: 0;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
-webkit-transition: all 0.7s ease-out;
|
||||
-moz-transition: all 0.7s ease-out;
|
||||
-o-transition: all 0.7s ease-out;
|
||||
-ms-transition: all 0.7s ease-out;
|
||||
transition: all 0.7s ease-out;
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-moz-transition-property: -moz-transform, opacity;
|
||||
-o-transition-property: -o-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-light {
|
||||
.waves-ripple {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-red {
|
||||
.waves-ripple {
|
||||
background-color: rgba(244, 67, 54, 0.7);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-yellow {
|
||||
.waves-ripple {
|
||||
background-color: rgba(255, 235, 59, 0.7);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-orange {
|
||||
.waves-ripple {
|
||||
background-color: rgba(255, 152, 0, 0.7);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-purple {
|
||||
.waves-ripple {
|
||||
background-color: rgba(156, 39, 176, 0.7);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-green {
|
||||
.waves-ripple {
|
||||
background-color: rgba(76, 175, 80, 0.7);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-teal {
|
||||
.waves-ripple {
|
||||
background-color: rgba(0, 150, 136, 0.7);
|
||||
}
|
||||
}
|
||||
.waves-notransition {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
-ms-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
.waves-circle {
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-o-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
text-align: center;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
line-height: 2.5em;
|
||||
border-radius: 50%;
|
||||
-webkit-mask-image: none;
|
||||
}
|
||||
.waves-input-wrapper {
|
||||
border-radius: 0.2em;
|
||||
vertical-align: bottom;
|
||||
.waves-button-input {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
.waves-block {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,113 @@
|
||||
/* ==============
|
||||
Widgets
|
||||
===================*/
|
||||
.widget-chart li {
|
||||
width: 31.5%;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
|
||||
i {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.mini-stat {
|
||||
box-shadow: $shadow;
|
||||
padding: 20px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.mini-stat-icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.mini-stat-info {
|
||||
font-size: 14px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.mini-stat-info span {
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
|
||||
.round {
|
||||
line-height: 60px;
|
||||
color: $primary;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
font-size: 26px;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
border: 3px solid lighten($primary,35%);
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
background: lighten($primary,30%);
|
||||
}
|
||||
.round-inner,
|
||||
.text-lightdark{
|
||||
color: $gray-400;
|
||||
}
|
||||
|
||||
.text-greylight{
|
||||
color: $gray-300;
|
||||
}
|
||||
|
||||
.new-user table td img,
|
||||
.new-user ul li img {
|
||||
margin-right: 8px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.boxscroll {
|
||||
height: 510px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
/*--FB-TWIT-Carousel--*/
|
||||
|
||||
.vertical .carousel-item-next.carousel-item-left,
|
||||
.vertical .carousel-item-prev.carousel-item-right {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.vertical .carousel-item-next,
|
||||
.vertical .active.carousel-item-right {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100% 0);
|
||||
}
|
||||
|
||||
.vertical .carousel-item-prev,
|
||||
.vertical .active.carousel-item-left {
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.carousel-icon i {
|
||||
font-size: 50px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background-color: transparent;
|
||||
}
|
||||
#verticalCarousel,
|
||||
#verticalCarousel2 {
|
||||
height: 165px;
|
||||
}
|
||||
#line-2{
|
||||
padding: 0 -10px -10px !important;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/*
|
||||
Template Name: Zoogler - Bootstrap 4 Admin Dashboard
|
||||
Author: Mannatthemes
|
||||
Website: www.mannatthemes.com
|
||||
File: Icons
|
||||
*/
|
||||
@import "../icons/fontawesome/fontawesome";
|
||||
@import "../icons/material-design/materialdesignicons";
|
||||
@import "../icons/ionicons/scss/ionicons";
|
||||
@import "../icons/themify-icons/themify-icons";
|
||||
@import "../icons/dripicons/dripicons";
|
||||
@import "../icons/typicons/typicons";
|
||||
@@ -0,0 +1,79 @@
|
||||
/*
|
||||
Template Name: Zoogler - Bootstrap 4 Admin Dashboard
|
||||
Author: Mannatthemes
|
||||
Website: www.mannatthemes.com
|
||||
File: Main Css File
|
||||
*/
|
||||
|
||||
/*
|
||||
1. General
|
||||
2. Loader
|
||||
3. Bootstrap Custom
|
||||
4. Alerts
|
||||
5. Helper
|
||||
6. Waves
|
||||
7. Print
|
||||
8. Demo Only
|
||||
9. Buttons
|
||||
10. Cards
|
||||
11. Pagination
|
||||
12. Progressbars
|
||||
13. Popovers & Tooltips
|
||||
14. Sweet Alert
|
||||
15. Nestable
|
||||
16. Alertify
|
||||
17. Charts
|
||||
18. Tables
|
||||
19. Rage Slider
|
||||
20. Session Timeout
|
||||
21. Form Elements
|
||||
22. Form Advanced
|
||||
23. Form Validation
|
||||
24. Form Uploads
|
||||
25. Summernote
|
||||
26. Calendar
|
||||
27. Widgets
|
||||
28. Timeline
|
||||
29. Invoice
|
||||
30. Maps
|
||||
31. Account pages
|
||||
32. Menu
|
||||
33. Responsive
|
||||
34. Dashboard.
|
||||
35. Custom-Colors
|
||||
36. Badge
|
||||
*/
|
||||
|
||||
@import "variables";
|
||||
@import "general";
|
||||
@import "loader";
|
||||
@import "bootstrap-custom";
|
||||
@import "alerts";
|
||||
@import "helper";
|
||||
@import "waves";
|
||||
@import "demo-only";
|
||||
@import "buttons";
|
||||
@import "card";
|
||||
@import "pagination";
|
||||
@import "progressbar";
|
||||
@import "popover-tooltips";
|
||||
@import "sweet-alert";
|
||||
@import "alertify";
|
||||
@import "charts";
|
||||
@import "tables";
|
||||
@import "range-slider";
|
||||
@import "form-elements";
|
||||
@import "form-validation";
|
||||
@import "form-upload";
|
||||
@import "form-advanced";
|
||||
@import "form-editor";
|
||||
@import "summernote";
|
||||
@import "calendar";
|
||||
@import "widgets";
|
||||
@import "maps";
|
||||
@import "account-pages";
|
||||
@import "menu";
|
||||
@import "responsive";
|
||||
@import "dashboard";
|
||||
@import "custom-colors";
|
||||
@import "badge";
|
||||
Reference in New Issue
Block a user