added admin interface
This commit is contained in:
kicap1992
93
admin/assets/scss/base/_general.scss
Normal file
93
admin/assets/scss/base/_general.scss
Normal file
@ -0,0 +1,93 @@
|
||||
/* General Styles */
|
||||
/*=======================*/
|
||||
// WrapTheme
|
||||
// www.thememakker.com
|
||||
/*=======================*/
|
||||
|
||||
body {
|
||||
background-color: #f4f7f9;
|
||||
font-family: $font-family;
|
||||
font-size: $font-size;
|
||||
color: $font-color;
|
||||
@include transition(all .3s ease-in-out);
|
||||
}
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-color-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.inlineblock {display: inline-block;}
|
||||
.displayblock {display: block;}
|
||||
.displaynone {display: none; }
|
||||
.overflowhidden{overflow: hidden;}
|
||||
.z-index{ z-index: 9999;}
|
||||
.br8{border-radius:8px; }
|
||||
.p-10{padding: 10px !important; }
|
||||
|
||||
|
||||
.l-green { background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important;}
|
||||
.l-pink {background: linear-gradient(45deg, #ffc0cb, #fbc1cb) !important;}
|
||||
.l-turquoise {background: linear-gradient(45deg, #00ced1, #08e5e8) !important;}
|
||||
.l-cyan {background: linear-gradient(45deg, #49cdd0, #00bcd4) !important;}
|
||||
.l-khaki {background: linear-gradient(45deg, #f0e68c, #fdf181) !important;}
|
||||
.l-coral {background: linear-gradient(45deg, #f08080, #f58787) !important;}
|
||||
.l-salmon {background: linear-gradient(45deg, #ec74a1, #fbc7c0) !important;}
|
||||
.l-blue {background: linear-gradient(45deg, #72c2ff, #86f0ff) !important;}
|
||||
.l-seagreen {background: linear-gradient(45deg, #8ed8ec, #85f7b5) !important;}
|
||||
.l-amber {background: linear-gradient(45deg, #fda582, #f7cf68) !important;}
|
||||
.l-blush {background: linear-gradient(45deg, #dd5e89, #f7bb97) !important;}
|
||||
.l-parpl {background: linear-gradient(45deg, #a890d3, #edbae7) !important;}
|
||||
.l-slategray {background: linear-gradient(45deg, #708090, #7c8ea0) !important;}
|
||||
|
||||
.xl-pink{background: #f9edee !important;}
|
||||
.xl-turquoise{background: #bdf3f5 !important;}
|
||||
.xl-khaki{background: #f9f1d8 !important;}
|
||||
.xl-parpl{background: #efebf4 !important;}
|
||||
.xl-salmon{background: #ffd4c3 !important;}
|
||||
.xl-blue{background: #e0eff5 !important;}
|
||||
.xl-seagreen{background: #ebf2e8 !important;}
|
||||
.xl-slategray{background: #eceeef !important;}
|
||||
|
||||
.page-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 30px;
|
||||
font-size: 24px;
|
||||
font-weight: $font-weight-400;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
display: none;
|
||||
z-index: 10;
|
||||
|
||||
&.open{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-small - 1px){
|
||||
.hidden-xs{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-medium){
|
||||
.hidden-sm{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-1024){
|
||||
.hidden-md{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
167
admin/assets/scss/base/_variables.scss
Normal file
167
admin/assets/scss/base/_variables.scss
Normal file
@ -0,0 +1,167 @@
|
||||
// Bootstrap colors
|
||||
$color-primary: #00bcd2;
|
||||
$color-accent: #5c8ed4;
|
||||
$color-info: #3C89DA;
|
||||
$color-success: #22af46;
|
||||
$color-warning: #f3ad06;
|
||||
$color-danger: #de4848;
|
||||
$color-muted: #9A9A9A;
|
||||
$color-default-dark: #acb5c1;
|
||||
|
||||
// Fonts
|
||||
$font-family: 'Open Sans', sans-serif;
|
||||
$font-size: 14px;
|
||||
$font-color: #5A5A5A;
|
||||
$link-color: #6290d0;
|
||||
$link-color-hover: darken($link-color, 8%);
|
||||
$line-color: #e8e8e8;
|
||||
$dark-line-color: #1f2125;
|
||||
|
||||
// Custom colors
|
||||
$color-red: #B54D4D;
|
||||
$col-red: #ee2558;
|
||||
$col-blue: #1d8ecd;
|
||||
$col-orange: #f5a81d;
|
||||
$col-green: #86c541;
|
||||
$col-dark: #17191c;
|
||||
$col-white: #ffffff;
|
||||
|
||||
$grey-50: #f4f7f6 !default;
|
||||
$grey-100: #f7f7f7 !default;
|
||||
$grey-200: #f0f0f0 !default;
|
||||
$grey-300: #eeeeee !default;
|
||||
$grey-400: #bdbdbd !default;
|
||||
$grey-500: #999999 !default;
|
||||
$grey-600: #777777 !default;
|
||||
$grey-700: #666666 !default;
|
||||
$grey-800: #444444 !default;
|
||||
$grey-900: #222222 !default;
|
||||
|
||||
$purple: #6462ef !default;
|
||||
$orange: #feb800 !default;
|
||||
$green: #50d38a !default;
|
||||
$blue: #0e9be2 !default;
|
||||
$blush: #e25985 !default;
|
||||
$cyan: #00bcd2 !default;
|
||||
|
||||
|
||||
$sidebar-width: 250px;
|
||||
$sidebar-color: #f8f8f8;
|
||||
|
||||
|
||||
$font-weight-300: 300 !default;
|
||||
$font-weight-400: 400 !default;
|
||||
$font-weight-500: 500 !default;
|
||||
$font-weight-600: 600 !default;
|
||||
$font-weight-700: 700 !default;
|
||||
|
||||
$border-radius-extra-small: 0.125rem !default;
|
||||
$border-radius-small: 0.1875rem !default;
|
||||
$border-radius-large: 0.550rem !default;
|
||||
$border-radius-extreme: 0.875rem !default;
|
||||
|
||||
|
||||
// Breakpoints
|
||||
$break-xsmall: 640px;
|
||||
$break-small: 768px;
|
||||
$break-medium: 992px;
|
||||
$break-1024: 1024px;
|
||||
$break-large: 1200px;
|
||||
$break-1280: 1280px;
|
||||
$break-xlarge: 1440px;
|
||||
|
||||
// custom colors
|
||||
$custom-colors: (
|
||||
"blue": #0E9BE2,
|
||||
"green": #7CAC25,
|
||||
"orange": #FF4402,
|
||||
"purple": #AB7DF6,
|
||||
"yellow": #F3BB23,
|
||||
"lightseagreen": #20B2AA
|
||||
);
|
||||
|
||||
// Social media brand colors
|
||||
$social-colors : (
|
||||
z500px: #0099e5,
|
||||
about-me: #00405d,
|
||||
airbnb: #fd5c63,
|
||||
alphabet: #ed1c24,
|
||||
amazon: #ff9900,
|
||||
american-express: #002663,
|
||||
aol: #ff0b00,
|
||||
behance: #1769ff,
|
||||
bing: #ffb900,
|
||||
bitbucket: #205081,
|
||||
bitly: #ee6123,
|
||||
blogger: #f57d00,
|
||||
booking-com: #003580,
|
||||
buffer: #168eea,
|
||||
code-school: #616f67,
|
||||
codecademy: #f65a5b,
|
||||
creative-market: #8ba753,
|
||||
delicious: #3399ff,
|
||||
deviantart: #05cc47,
|
||||
digg: #005be2,
|
||||
disqus: #2e9fff,
|
||||
django: #092e20,
|
||||
dribbble: #ea4c89,
|
||||
dropbox: #007ee5,
|
||||
drupal: #0077c0,
|
||||
elance: #0d69af,
|
||||
envato: #82b541,
|
||||
etsy: #d5641c,
|
||||
facebook: #3b5998,
|
||||
feedly: #2bb24c,
|
||||
flattr: #f67c1a,
|
||||
flickr: #0063dc,
|
||||
flipboard: #e12828,
|
||||
flixster: #2971b2,
|
||||
foursquare: #0732a2,
|
||||
github: #333333,
|
||||
google: #4285f4,
|
||||
google-plus: #dc4e41,
|
||||
instagram: #3f729b,
|
||||
kickstarter: #2bde73,
|
||||
kik: #82bc23,
|
||||
lastfm: #d51007,
|
||||
line: #00c300,
|
||||
linkedin: #0077b5,
|
||||
mail-ru: #168de2,
|
||||
mailchimp: #2c9ab7,
|
||||
myspace: #000000,
|
||||
netflix: #e50914,
|
||||
ning: #75af42,
|
||||
path: #ee3423,
|
||||
patreon: #e6461a,
|
||||
paypal: #003087,
|
||||
photobucket: #0ea0db,
|
||||
pinterest: #bd081c,
|
||||
product-hunt: #da552f,
|
||||
quora: #a82400,
|
||||
rdio: #007dc3,
|
||||
reddit: #ff4500,
|
||||
rss: #f26522,
|
||||
salesforce: #1798c1,
|
||||
scribd: #1a7bba,
|
||||
shopify: #96bf48,
|
||||
skype: #00aff0,
|
||||
slack: #6ecadc,
|
||||
slideshare: #0077b5,
|
||||
soundcloud: #ff8800,
|
||||
spotify: #2ebd59,
|
||||
squarespace: #222222,
|
||||
stackoverflow: #fe7a15,
|
||||
stripe: #00afe1,
|
||||
stumbleupon: #eb4924,
|
||||
telegram: #0088cc,
|
||||
tumblr: #35465c,
|
||||
twitch-tv: #6441a5,
|
||||
twitter: #55acee,
|
||||
vimeo: #162221,
|
||||
vine: #00b488,
|
||||
wechat: #7bb32e,
|
||||
whatsapp: #43d854,
|
||||
wordpress: #21759b,
|
||||
yahoo: #410093,
|
||||
youtube: #cd201f
|
||||
);
|
||||
7
admin/assets/scss/color_skins.scss
Normal file
7
admin/assets/scss/color_skins.scss
Normal file
@ -0,0 +1,7 @@
|
||||
// Color skins scss
|
||||
@import 'skins/purple.scss';
|
||||
@import 'skins/blue.scss';
|
||||
@import 'skins/cyan.scss';
|
||||
@import 'skins/green.scss';
|
||||
@import 'skins/orange.scss';
|
||||
@import 'skins/blush.scss';
|
||||
1
admin/assets/scss/font/_fonts.scss
Normal file
1
admin/assets/scss/font/_fonts.scss
Normal file
@ -0,0 +1 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
|
||||
184
admin/assets/scss/font/_simple-line-icons.scss
Normal file
184
admin/assets/scss/font/_simple-line-icons.scss
Normal file
@ -0,0 +1,184 @@
|
||||
@font-face{
|
||||
font-family:'simple-Line-Icons';
|
||||
src:url('../fonts/simple-Line-Icons.eot');
|
||||
src:url('../fonts/simple-Line-Icons.eot') format('embedded-opentype'),
|
||||
url('../fonts/simple-Line-Icons.woff') format('woff'),
|
||||
url('../fonts/simple-Line-Icons.ttf') format('truetype'),
|
||||
url('../fonts/simple-Line-Icons.svg#Simple-Line-Icons') format('svg');font-weight:normal;font-style:normal;}
|
||||
|
||||
[data-icon]:before{
|
||||
font-family:'simple-Line-Icons';
|
||||
content:attr(data-icon);
|
||||
speak:none;
|
||||
font-weight:normal;
|
||||
font-variant:normal;
|
||||
text-transform:none;
|
||||
line-height:1;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users{font-family:'Simple-Line-Icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
|
||||
.icon-user-female:before{content:"\e000";}
|
||||
.icon-user-follow:before{content:"\e002";}
|
||||
.icon-user-following:before{content:"\e003";}
|
||||
.icon-user-unfollow:before{content:"\e004";}
|
||||
.icon-trophy:before{content:"\e006";}
|
||||
.icon-screen-smartphone:before{content:"\e010";}
|
||||
.icon-screen-desktop:before{content:"\e011";}
|
||||
.icon-plane:before{content:"\e012";}
|
||||
.icon-notebook:before{content:"\e013";}
|
||||
.icon-moustache:before{content:"\e014";}
|
||||
.icon-mouse:before{content:"\e015";}
|
||||
.icon-magnet:before{content:"\e016";}
|
||||
.icon-energy:before{content:"\e020";}
|
||||
.icon-emoticon-smile:before{content:"\e021";}
|
||||
.icon-disc:before{content:"\e022";}
|
||||
.icon-cursor-move:before{content:"\e023";}
|
||||
.icon-crop:before{content:"\e024";}
|
||||
.icon-credit-card:before{content:"\e025";}
|
||||
.icon-chemistry:before{content:"\e026";}
|
||||
.icon-user:before{content:"\e005";}
|
||||
.icon-speedometer:before{content:"\e007";}
|
||||
.icon-social-youtube:before{content:"\e008";}
|
||||
.icon-social-twitter:before{content:"\e009";}
|
||||
.icon-social-tumblr:before{content:"\e00a";}
|
||||
.icon-social-facebook:before{content:"\e00b";}
|
||||
.icon-social-dropbox:before{content:"\e00c";}
|
||||
.icon-social-dribbble:before{content:"\e00d";}
|
||||
.icon-shield:before{content:"\e00e";}
|
||||
.icon-screen-tablet:before{content:"\e00f";}
|
||||
.icon-magic-wand:before{content:"\e017";}
|
||||
.icon-hourglass:before{content:"\e018";}
|
||||
.icon-graduation:before{content:"\e019";}
|
||||
.icon-ghost:before{content:"\e01a";}
|
||||
.icon-game-controller:before{content:"\e01b";}
|
||||
.icon-fire:before{content:"\e01c";}
|
||||
.icon-eyeglasses:before{content:"\e01d";}
|
||||
.icon-envelope-open:before{content:"\e01e";}
|
||||
.icon-envelope-letter:before{content:"\e01f";}
|
||||
.icon-bell:before{content:"\e027";}
|
||||
.icon-badge:before{content:"\e028";}
|
||||
.icon-anchor:before{content:"\e029";}
|
||||
.icon-wallet:before{content:"\e02a";}
|
||||
.icon-vector:before{content:"\e02b";}
|
||||
.icon-speech:before{content:"\e02c";}
|
||||
.icon-puzzle:before{content:"\e02d";}
|
||||
.icon-printer:before{content:"\e02e";}
|
||||
.icon-present:before{content:"\e02f";}
|
||||
.icon-playlist:before{content:"\e030";}
|
||||
.icon-pin:before{content:"\e031";}
|
||||
.icon-picture:before{content:"\e032";}
|
||||
.icon-map:before{content:"\e033";}
|
||||
.icon-layers:before{content:"\e034";}
|
||||
.icon-handbag:before{content:"\e035";}
|
||||
.icon-globe-alt:before{content:"\e036";}
|
||||
.icon-globe:before{content:"\e037";}
|
||||
.icon-frame:before{content:"\e038";}
|
||||
.icon-folder-alt:before{content:"\e039";}
|
||||
.icon-film:before{content:"\e03a";}
|
||||
.icon-feed:before{content:"\e03b";}
|
||||
.icon-earphones-alt:before{content:"\e03c";}
|
||||
.icon-earphones:before{content:"\e03d";}
|
||||
.icon-drop:before{content:"\e03e";}
|
||||
.icon-drawer:before{content:"\e03f";}
|
||||
.icon-docs:before{content:"\e040";}
|
||||
.icon-directions:before{content:"\e041";}
|
||||
.icon-direction:before{content:"\e042";}
|
||||
.icon-diamond:before{content:"\e043";}
|
||||
.icon-cup:before{content:"\e044";}
|
||||
.icon-compass:before{content:"\e045";}
|
||||
.icon-call-out:before{content:"\e046";}
|
||||
.icon-call-in:before{content:"\e047";}
|
||||
.icon-call-end:before{content:"\e048";}
|
||||
.icon-calculator:before{content:"\e049";}
|
||||
.icon-bubbles:before{content:"\e04a";}
|
||||
.icon-briefcase:before{content:"\e04b";}
|
||||
.icon-book-open:before{content:"\e04c";}
|
||||
.icon-basket-loaded:before{content:"\e04d";}
|
||||
.icon-basket:before{content:"\e04e";}
|
||||
.icon-bag:before{content:"\e04f";}
|
||||
.icon-action-undo:before{content:"\e050";}
|
||||
.icon-action-redo:before{content:"\e051";}
|
||||
.icon-wrench:before{content:"\e052";}
|
||||
.icon-umbrella:before{content:"\e053";}
|
||||
.icon-trash:before{content:"\e054";}
|
||||
.icon-tag:before{content:"\e055";}
|
||||
.icon-support:before{content:"\e056";}
|
||||
.icon-size-fullscreen:before{content:"\e057";}
|
||||
.icon-size-actual:before{content:"\e058";}
|
||||
.icon-shuffle:before{content:"\e059";}
|
||||
.icon-share-alt:before{content:"\e05a";}
|
||||
.icon-share:before{content:"\e05b";}
|
||||
.icon-rocket:before{content:"\e05c";}
|
||||
.icon-question:before{content:"\e05d";}
|
||||
.icon-pie-chart:before{content:"\e05e";}
|
||||
.icon-pencil:before{content:"\e05f";}
|
||||
.icon-note:before{content:"\e060";}
|
||||
.icon-music-tone-alt:before{content:"\e061";}
|
||||
.icon-music-tone:before{content:"\e062";}
|
||||
.icon-microphone:before{content:"\e063";}
|
||||
.icon-loop:before{content:"\e064";}
|
||||
.icon-logout:before{content:"\e065";}
|
||||
.icon-login:before{content:"\e066";}
|
||||
.icon-list:before{content:"\e067";}
|
||||
.icon-like:before{content:"\e068";}
|
||||
.icon-home:before{content:"\e069";}
|
||||
.icon-grid:before{content:"\e06a";}
|
||||
.icon-graph:before{content:"\e06b";}
|
||||
.icon-equalizer:before{content:"\e06c";}
|
||||
.icon-dislike:before{content:"\e06d";}
|
||||
.icon-cursor:before{content:"\e06e";}
|
||||
.icon-control-start:before{content:"\e06f";}
|
||||
.icon-control-rewind:before{content:"\e070";}
|
||||
.icon-control-play:before{content:"\e071";}
|
||||
.icon-control-pause:before{content:"\e072";}
|
||||
.icon-control-forward:before{content:"\e073";}
|
||||
.icon-control-end:before{content:"\e074";}
|
||||
.icon-calendar:before{content:"\e075";}
|
||||
.icon-bulb:before{content:"\e076";}
|
||||
.icon-bar-chart:before{content:"\e077";}
|
||||
.icon-arrow-up:before{content:"\e078";}
|
||||
.icon-arrow-right:before{content:"\e079";}
|
||||
.icon-arrow-left:before{content:"\e07a";}
|
||||
.icon-arrow-down:before{content:"\e07b";}
|
||||
.icon-ban:before{content:"\e07c";}
|
||||
.icon-bubble:before{content:"\e07d";}
|
||||
.icon-camcorder:before{content:"\e07e";}
|
||||
.icon-camera:before{content:"\e07f";}
|
||||
.icon-check:before{content:"\e080";}
|
||||
.icon-clock:before{content:"\e081";}
|
||||
.icon-close:before{content:"\e082";}
|
||||
.icon-cloud-download:before{content:"\e083";}
|
||||
.icon-cloud-upload:before{content:"\e084";}
|
||||
.icon-doc:before{content:"\e085";}
|
||||
.icon-envelope:before{content:"\e086";}
|
||||
.icon-eye:before{content:"\e087";}
|
||||
.icon-flag:before{content:"\e088";}
|
||||
.icon-folder:before{content:"\e089";}
|
||||
.icon-heart:before{content:"\e08a";}
|
||||
.icon-info:before{content:"\e08b";}
|
||||
.icon-key:before{content:"\e08c";}
|
||||
.icon-link:before{content:"\e08d";}
|
||||
.icon-lock:before{content:"\e08e";}
|
||||
.icon-lock-open:before{content:"\e08f";}
|
||||
.icon-magnifier:before{content:"\e090";}
|
||||
.icon-magnifier-add:before{content:"\e091";}
|
||||
.icon-magnifier-remove:before{content:"\e092";}
|
||||
.icon-paper-clip:before{content:"\e093";}
|
||||
.icon-paper-plane:before{content:"\e094";}
|
||||
.icon-plus:before{content:"\e095";}
|
||||
.icon-pointer:before{content:"\e096";}
|
||||
.icon-power:before{content:"\e097";}
|
||||
.icon-refresh:before{content:"\e098";}
|
||||
.icon-reload:before{content:"\e099";}
|
||||
.icon-settings:before{content:"\e09a";}
|
||||
.icon-star:before{content:"\e09b";}
|
||||
.icon-symbol-female:before{content:"\e09c";}
|
||||
.icon-symbol-male:before{content:"\e09d";}
|
||||
.icon-target:before{content:"\e09e";}
|
||||
.icon-volume-1:before{content:"\e09f";}
|
||||
.icon-volume-2:before{content:"\e0a0";}
|
||||
.icon-volume-off:before{content:"\e0a1";}
|
||||
.icon-users:before{content:"\e001";}
|
||||
213
admin/assets/scss/font/_weather-icons.scss
Normal file
213
admin/assets/scss/font/_weather-icons.scss
Normal file
@ -0,0 +1,213 @@
|
||||
@font-face{
|
||||
font-family:'weathericons';
|
||||
src:url('../fonts/weathericons-regular-webfont.eot');
|
||||
src:url('../fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/weathericons-regular-webfont.woff') format('woff'),
|
||||
url('../fonts/weathericons-regular-webfont.ttf') format('truetype'),
|
||||
url('../fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');font-weight:normal;font-style:normal;
|
||||
}
|
||||
|
||||
.wi{display:inline-block;font-family:'weathericons';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
||||
.wi-day-cloudy-gusts:before{content:"\f000";}
|
||||
.wi-day-cloudy-windy:before{content:"\f001";}
|
||||
.wi-day-cloudy:before{content:"\f002";}
|
||||
.wi-day-fog:before{content:"\f003";}
|
||||
.wi-day-hail:before{content:"\f004";}
|
||||
.wi-day-lightning:before{content:"\f005";}
|
||||
.wi-day-rain-mix:before{content:"\f006";}
|
||||
.wi-day-rain-wind:before{content:"\f007";}
|
||||
.wi-day-rain:before{content:"\f008";}
|
||||
.wi-day-showers:before{content:"\f009";}
|
||||
.wi-day-snow:before{content:"\f00a";}
|
||||
.wi-day-sprinkle:before{content:"\f00b";}
|
||||
.wi-day-sunny-overcast:before{content:"\f00c";}
|
||||
.wi-day-sunny:before{content:"\f00d";}
|
||||
.wi-day-storm-showers:before{content:"\f00e";}
|
||||
.wi-day-thunderstorm:before{content:"\f010";}
|
||||
.wi-cloudy-gusts:before{content:"\f011";}
|
||||
.wi-cloudy-windy:before{content:"\f012";}
|
||||
.wi-cloudy:before{content:"\f013";}
|
||||
.wi-fog:before{content:"\f014";}
|
||||
.wi-hail:before{content:"\f015";}
|
||||
.wi-lightning:before{content:"\f016";}
|
||||
.wi-rain-mix:before{content:"\f017";}
|
||||
.wi-rain-wind:before{content:"\f018";}
|
||||
.wi-rain:before{content:"\f019";}
|
||||
.wi-showers:before{content:"\f01a";}
|
||||
.wi-snow:before{content:"\f01b";}
|
||||
.wi-sprinkle:before{content:"\f01c";}
|
||||
.wi-storm-showers:before{content:"\f01d";}
|
||||
.wi-thunderstorm:before{content:"\f01e";}
|
||||
.wi-windy:before{content:"\f021";}
|
||||
.wi-night-alt-cloudy-gusts:before{content:"\f022";}
|
||||
.wi-night-alt-cloudy-windy:before{content:"\f023";}
|
||||
.wi-night-alt-hail:before{content:"\f024";}
|
||||
.wi-night-alt-lightning:before{content:"\f025";}
|
||||
.wi-night-alt-rain-mix:before{content:"\f026";}
|
||||
.wi-night-alt-rain-wind:before{content:"\f027";}
|
||||
.wi-night-alt-rain:before{content:"\f028";}
|
||||
.wi-night-alt-showers:before{content:"\f029";}
|
||||
.wi-night-alt-snow:before{content:"\f02a";}
|
||||
.wi-night-alt-sprinkle:before{content:"\f02b";}
|
||||
.wi-night-alt-storm-showers:before{content:"\f02c";}
|
||||
.wi-night-alt-thunderstorm:before{content:"\f02d";}
|
||||
.wi-night-clear:before{content:"\f02e";}
|
||||
.wi-night-cloudy-gusts:before{content:"\f02f";}
|
||||
.wi-night-cloudy-windy:before{content:"\f030";}
|
||||
.wi-night-cloudy:before{content:"\f031";}
|
||||
.wi-night-hail:before{content:"\f032";}
|
||||
.wi-night-lightning:before{content:"\f033";}
|
||||
.wi-night-rain-mix:before{content:"\f034";}
|
||||
.wi-night-rain-wind:before{content:"\f035";}
|
||||
.wi-night-rain:before{content:"\f036";}
|
||||
.wi-night-showers:before{content:"\f037";}
|
||||
.wi-night-snow:before{content:"\f038";}
|
||||
.wi-night-sprinkle:before{content:"\f039";}
|
||||
.wi-night-storm-showers:before{content:"\f03a";}
|
||||
.wi-night-thunderstorm:before{content:"\f03b";}
|
||||
.wi-celsius:before{content:"\f03c";}
|
||||
.wi-cloud-down:before{content:"\f03d";}
|
||||
.wi-cloud-refresh:before{content:"\f03e";}
|
||||
.wi-cloud-up:before{content:"\f040";}
|
||||
.wi-cloud:before{content:"\f041";}
|
||||
.wi-degrees:before{content:"\f042";}
|
||||
.wi-down-left:before{content:"\f043";}
|
||||
.wi-down:before{content:"\f044";}
|
||||
.wi-fahrenheit:before{content:"\f045";}
|
||||
.wi-horizon-alt:before{content:"\f046";}
|
||||
.wi-horizon:before{content:"\f047";}
|
||||
.wi-left:before{content:"\f048";}
|
||||
.wi-lightning:before{content:"\f016";}
|
||||
.wi-night-fog:before{content:"\f04a";}
|
||||
.wi-refresh-alt:before{content:"\f04b";}
|
||||
.wi-refresh:before{content:"\f04c";}
|
||||
.wi-right:before{content:"\f04d";}
|
||||
.wi-sprinkles:before{content:"\f04e";}
|
||||
.wi-strong-wind:before{content:"\f050";}
|
||||
.wi-sunrise:before{content:"\f051";}
|
||||
.wi-sunset:before{content:"\f052";}
|
||||
.wi-thermometer-exterior:before{content:"\f053";}
|
||||
.wi-thermometer-internal:before{content:"\f054";}
|
||||
.wi-thermometer:before{content:"\f055";}
|
||||
.wi-tornado:before{content:"\f056";}
|
||||
.wi-up-right:before{content:"\f057";}
|
||||
.wi-up:before{content:"\f058";}
|
||||
.wi-wind-west:before{content:"\f059";}
|
||||
.wi-wind-south-west:before{content:"\f05a";}
|
||||
.wi-wind-south-east:before{content:"\f05b";}
|
||||
.wi-wind-south:before{content:"\f05c";}
|
||||
.wi-wind-north-west:before{content:"\f05d";}
|
||||
.wi-wind-north-east:before{content:"\f05e";}
|
||||
.wi-wind-north:before{content:"\f060";}
|
||||
.wi-wind-east:before{content:"\f061";}
|
||||
.wi-smoke:before{content:"\f062";}
|
||||
.wi-dust:before{content:"\f063";}
|
||||
.wi-snow-wind:before{content:"\f064";}
|
||||
.wi-day-snow-wind:before{content:"\f065";}
|
||||
.wi-night-snow-wind:before{content:"\f066";}
|
||||
.wi-night-alt-snow-wind:before{content:"\f067";}
|
||||
.wi-day-sleet-storm:before{content:"\f068";}
|
||||
.wi-night-sleet-storm:before{content:"\f069";}
|
||||
.wi-night-alt-sleet-storm:before{content:"\f06a";}
|
||||
.wi-day-snow-thunderstorm:before{content:"\f06b";}
|
||||
.wi-night-snow-thunderstorm:before{content:"\f06c";}
|
||||
.wi-night-alt-snow-thunderstorm:before{content:"\f06d";}
|
||||
.wi-solar-eclipse:before{content:"\f06e";}
|
||||
.wi-lunar-eclipse:before{content:"\f070";}
|
||||
.wi-meteor:before{content:"\f071";}
|
||||
.wi-hot:before{content:"\f072";}
|
||||
.wi-hurricane:before{content:"\f073";}
|
||||
.wi-smog:before{content:"\f074";}
|
||||
.wi-alien:before{content:"\f075";}
|
||||
.wi-snowflake-cold:before{content:"\f076";}
|
||||
.wi-stars:before{content:"\f077";}
|
||||
.wi-night-partly-cloudy:before{content:"\f083";}
|
||||
.wi-umbrella:before{content:"\f084";}
|
||||
.wi-day-windy:before{content:"\f085";}
|
||||
.wi-night-alt-cloudy:before{content:"\f086";}
|
||||
.wi-up-left:before{content:"\f087";}
|
||||
.wi-down-right:before{content:"\f088";}
|
||||
.wi-time-12:before{content:"\f089";}
|
||||
.wi-time-1:before{content:"\f08a";}
|
||||
.wi-time-2:before{content:"\f08b";}
|
||||
.wi-time-3:before{content:"\f08c";}
|
||||
.wi-time-4:before{content:"\f08d";}
|
||||
.wi-time-5:before{content:"\f08e";}
|
||||
.wi-time-6:before{content:"\f08f";}
|
||||
.wi-time-7:before{content:"\f090";}
|
||||
.wi-time-8:before{content:"\f091";}
|
||||
.wi-time-9:before{content:"\f092";}
|
||||
.wi-time-10:before{content:"\f093";}
|
||||
.wi-time-11:before{content:"\f094";}
|
||||
.wi-day-sleet:before{content:"\f0b2";}
|
||||
.wi-night-sleet:before{content:"\f0b3";}
|
||||
.wi-night-alt-sleet:before{content:"\f0b4";}
|
||||
.wi-sleet:before{content:"\f0b5";}
|
||||
.wi-day-haze:before{content:"\f0b6";}
|
||||
.wi-beafort-0:before{content:"\f0b7";}
|
||||
.wi-beafort-1:before{content:"\f0b8";}
|
||||
.wi-beafort-2:before{content:"\f0b9";}
|
||||
.wi-beafort-3:before{content:"\f0ba";}
|
||||
.wi-beafort-4:before{content:"\f0bb";}
|
||||
.wi-beafort-5:before{content:"\f0bc";}
|
||||
.wi-beafort-6:before{content:"\f0bd";}
|
||||
.wi-beafort-7:before{content:"\f0be";}
|
||||
.wi-beafort-8:before{content:"\f0bf";}
|
||||
.wi-beafort-9:before{content:"\f0c0";}
|
||||
.wi-beafort-10:before{content:"\f0c1";}
|
||||
.wi-beafort-11:before{content:"\f0c2";}
|
||||
.wi-beafort-12:before{content:"\f0c3";}
|
||||
.wi-wind-default:before{content:"\f0b1";}
|
||||
.wi-wind-default._0-deg{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
|
||||
.wi-wind-default._15-deg{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg);}
|
||||
.wi-wind-default._30-deg{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
|
||||
.wi-wind-default._45-deg{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
|
||||
.wi-wind-default._60-deg{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg);}
|
||||
.wi-wind-default._75-deg{-webkit-transform:rotate(75deg);-moz-transform:rotate(75deg);-ms-transform:rotate(75deg);-o-transform:rotate(75deg);transform:rotate(75deg);}
|
||||
.wi-wind-default._90-deg{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
|
||||
.wi-wind-default._105-deg{-webkit-transform:rotate(105deg);-moz-transform:rotate(105deg);-ms-transform:rotate(105deg);-o-transform:rotate(105deg);transform:rotate(105deg);}
|
||||
.wi-wind-default._120-deg{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg);}
|
||||
.wi-wind-default._135-deg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
|
||||
.wi-wind-default._150-deg{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg);}
|
||||
.wi-wind-default._165-deg{-webkit-transform:rotate(165deg);-moz-transform:rotate(165deg);-ms-transform:rotate(165deg);-o-transform:rotate(165deg);transform:rotate(165deg);}
|
||||
.wi-wind-default._180-deg{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
|
||||
.wi-wind-default._195-deg{-webkit-transform:rotate(195deg);-moz-transform:rotate(195deg);-ms-transform:rotate(195deg);-o-transform:rotate(195deg);transform:rotate(195deg);}
|
||||
.wi-wind-default._210-deg{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg);}
|
||||
.wi-wind-default._225-deg{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);}
|
||||
.wi-wind-default._240-deg{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg);}
|
||||
.wi-wind-default._255-deg{-webkit-transform:rotate(255deg);-moz-transform:rotate(255deg);-ms-transform:rotate(255deg);-o-transform:rotate(255deg);transform:rotate(255deg);}
|
||||
.wi-wind-default._270-deg{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
|
||||
.wi-wind-default._285-deg{-webkit-transform:rotate(295deg);-moz-transform:rotate(295deg);-ms-transform:rotate(295deg);-o-transform:rotate(295deg);transform:rotate(295deg);}
|
||||
.wi-wind-default._300-deg{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg);}
|
||||
.wi-wind-default._315-deg{-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);}
|
||||
.wi-wind-default._330-deg{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg);}
|
||||
.wi-wind-default._345-deg{-webkit-transform:rotate(345deg);-moz-transform:rotate(345deg);-ms-transform:rotate(345deg);-o-transform:rotate(345deg);transform:rotate(345deg);}
|
||||
.wi-moon-new:before{content:"\f095";}
|
||||
.wi-moon-waxing-cresent-1:before{content:"\f096";}
|
||||
.wi-moon-waxing-cresent-2:before{content:"\f097";}
|
||||
.wi-moon-waxing-cresent-3:before{content:"\f098";}
|
||||
.wi-moon-waxing-cresent-4:before{content:"\f099";}
|
||||
.wi-moon-waxing-cresent-5:before{content:"\f09a";}
|
||||
.wi-moon-waxing-cresent-6:before{content:"\f09b";}
|
||||
.wi-moon-first-quarter:before{content:"\f09c";}
|
||||
.wi-moon-waxing-gibbous-1:before{content:"\f09d";}
|
||||
.wi-moon-waxing-gibbous-2:before{content:"\f09e";}
|
||||
.wi-moon-waxing-gibbous-3:before{content:"\f09f";}
|
||||
.wi-moon-waxing-gibbous-4:before{content:"\f0a0";}
|
||||
.wi-moon-waxing-gibbous-5:before{content:"\f0a1";}
|
||||
.wi-moon-waxing-gibbous-6:before{content:"\f0a2";}
|
||||
.wi-moon-full:before{content:"\f0a3";}
|
||||
.wi-moon-waning-gibbous-1:before{content:"\f0a4";}
|
||||
.wi-moon-waning-gibbous-2:before{content:"\f0a5";}
|
||||
.wi-moon-waning-gibbous-3:before{content:"\f0a6";}
|
||||
.wi-moon-waning-gibbous-4:before{content:"\f0a7";}
|
||||
.wi-moon-waning-gibbous-5:before{content:"\f0a8";}
|
||||
.wi-moon-waning-gibbous-6:before{content:"\f0a9";}
|
||||
.wi-moon-3rd-quarter:before{content:"\f0aa";}
|
||||
.wi-moon-waning-crescent-1:before{content:"\f0ab";}
|
||||
.wi-moon-waning-crescent-2:before{content:"\f0ac";}
|
||||
.wi-moon-waning-crescent-3:before{content:"\f0ad";}
|
||||
.wi-moon-waning-crescent-4:before{content:"\f0ae";}
|
||||
.wi-moon-waning-crescent-5:before{content:"\f0af";}
|
||||
.wi-moon-waning-crescent-6:before{content:"\f0b0";}
|
||||
|
||||
47
admin/assets/scss/main.scss
Normal file
47
admin/assets/scss/main.scss
Normal file
@ -0,0 +1,47 @@
|
||||
// import google fonts
|
||||
@import 'font/fonts';
|
||||
@import 'font/simple-line-icons';
|
||||
@import 'font/weather-icons';
|
||||
|
||||
@import "mixins/responsive";
|
||||
@import "mixins/clearfix";
|
||||
@import "mixins/css3";
|
||||
@import "mixins/elements-color-custom";
|
||||
|
||||
@import 'mixins/waitMe';
|
||||
|
||||
@import "base/variables";
|
||||
@import "base/general";
|
||||
|
||||
@import "metisMenu/metisMenu";
|
||||
|
||||
@import "partials/tabs";
|
||||
@import "partials/badges";
|
||||
@import "partials/layout";
|
||||
@import "partials/card";
|
||||
@import "partials/navigation";
|
||||
@import "partials/leftbar";
|
||||
@import "partials/rightbar";
|
||||
@import "partials/forms";
|
||||
@import "partials/authentication";
|
||||
@import "partials/buttons";
|
||||
@import "partials/elements";
|
||||
@import "partials/accordion";
|
||||
@import "partials/elements-bootstrap";
|
||||
@import "partials/charts";
|
||||
@import "partials/social-brands";
|
||||
@import "partials/typography";
|
||||
@import "partials/helpers";
|
||||
@import "partials/mediaobject";
|
||||
@import "partials/formwizard";
|
||||
@import "partials/tables";
|
||||
|
||||
|
||||
@import "pages/widgets";
|
||||
|
||||
@import "pages/page-profile2";
|
||||
@import "pages/timeline";
|
||||
@import "pages/chatapp";
|
||||
@import "pages/calendar";
|
||||
@import "pages/pricing";
|
||||
@import "pages/invoice";
|
||||
100
admin/assets/scss/metisMenu/metisMenu.scss
Normal file
100
admin/assets/scss/metisMenu/metisMenu.scss
Normal file
@ -0,0 +1,100 @@
|
||||
*[dir="rtl"] .metismenu .arrow {
|
||||
float: left;
|
||||
}
|
||||
*[dir="rtl"] .metismenu .plus-times {
|
||||
float: left;
|
||||
}
|
||||
*[dir="rtl"] .metismenu .plus-minus {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.metismenu{
|
||||
.arrow {
|
||||
float: right;
|
||||
line-height: 1.42857;
|
||||
}
|
||||
}
|
||||
|
||||
.metismenu .glyphicon.arrow:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.metismenu .active > a > .glyphicon.arrow:before {
|
||||
content: "\e114";
|
||||
}
|
||||
.metismenu .fa.arrow:before {
|
||||
content: "\f104";
|
||||
}
|
||||
.metismenu .active > a > .fa.arrow:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
|
||||
.metismenu .ion.arrow:before {
|
||||
content: "\f3d2"
|
||||
}
|
||||
.metismenu .active > a > .ion.arrow:before {
|
||||
content: "\f3d0";
|
||||
}
|
||||
.metismenu .plus-times {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.metismenu .fa.plus-times:before {
|
||||
content: "\f067";
|
||||
}
|
||||
.metismenu .active > a > .fa.plus-times {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.metismenu .plus-minus {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.metismenu .fa.plus-minus:before {
|
||||
content: "\f067";
|
||||
}
|
||||
.metismenu .active > a > .fa.plus-minus:before {
|
||||
content: "\f068";
|
||||
}
|
||||
|
||||
.metismenu{
|
||||
.collapse {
|
||||
display: none;
|
||||
&.in{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.collapsing {
|
||||
position: relative;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
transition-timing-function: ease;
|
||||
transition-duration: .35s;
|
||||
transition-property: height, visibility;
|
||||
}
|
||||
.has-arrow {
|
||||
position: relative;
|
||||
&:after {
|
||||
position: absolute;
|
||||
content: '+';
|
||||
right: 1em;
|
||||
transition: all .3s ease-out;
|
||||
color: #4c4c54;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
*[dir="rtl"] .metismenu .has-arrow::after {
|
||||
right: auto;
|
||||
left: 1em;
|
||||
transform: rotate(135deg) translate(0, -50%);
|
||||
}
|
||||
|
||||
.metismenu .active > .has-arrow::after,
|
||||
.metismenu .has-arrow[aria-expanded="true"]::after {
|
||||
content: '-';
|
||||
}
|
||||
|
||||
*[dir="rtl"] .metismenu .active > .has-arrow::after,
|
||||
*[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
|
||||
transform: rotate(225deg) translate(0, -50%);
|
||||
}
|
||||
10
admin/assets/scss/mixins/_clearfix.scss
Normal file
10
admin/assets/scss/mixins/_clearfix.scss
Normal file
@ -0,0 +1,10 @@
|
||||
@mixin clearfix() {
|
||||
&:before,
|
||||
&:after {
|
||||
content: " "; // 1
|
||||
display: table; // 2
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
75
admin/assets/scss/mixins/_css3.scss
Normal file
75
admin/assets/scss/mixins/_css3.scss
Normal file
@ -0,0 +1,75 @@
|
||||
// mixins for CSS3 features
|
||||
|
||||
@mixin transition($transition) {
|
||||
-webkit-transition: $transition;
|
||||
-moz-transition: $transition;
|
||||
-ms-transition: $transition;
|
||||
-o-transition: $transition;
|
||||
transition: $transition;
|
||||
}
|
||||
|
||||
@mixin inline-block() {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
@mixin border-radius($radius) {
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-right-radius($right-radius) {
|
||||
-moz-border-radius-topright: $right-radius;
|
||||
-webkit-border-top-right-radius: $right-radius;
|
||||
border-top-right-radius: $right-radius;
|
||||
-moz-border-radius-bottomright: $right-radius;
|
||||
-webkit-border-bottom-right-radius: $right-radius;
|
||||
border-bottom-right-radius: $right-radius;
|
||||
}
|
||||
|
||||
@mixin border-left-radius($left-radius) {
|
||||
-moz-border-radius-topleft: $left-radius;
|
||||
-webkit-border-top-left-radius: $left-radius;
|
||||
border-top-left-radius: $left-radius;
|
||||
-moz-border-radius-bottomleft: $left-radius;
|
||||
-webkit-border-bottom-left-radius: $left-radius;
|
||||
border-bottom-left-radius: $left-radius;
|
||||
}
|
||||
|
||||
@mixin border-top-radius($top-radius) {
|
||||
-moz-border-radius-topleft: $top-radius;
|
||||
-webkit-border-top-left-radius: $top-radius;
|
||||
border-top-left-radius: $top-radius;
|
||||
-moz-border-radius-topright: $top-radius;
|
||||
-webkit-border-top-right-radius: $top-radius;
|
||||
border-top-right-radius: $top-radius;
|
||||
}
|
||||
|
||||
@mixin border-bottom-radius($bottom-radius) {
|
||||
-moz-border-radius-bottomleft: $bottom-radius;
|
||||
-webkit-border-bottom-left-radius: $bottom-radius;
|
||||
border-bottom-left-radius: $bottom-radius;
|
||||
-moz-border-radius-bottomright: $bottom-radius;
|
||||
-webkit-border-bottom-right-radius: $bottom-radius;
|
||||
border-bottom-right-radius: $bottom-radius;
|
||||
}
|
||||
|
||||
@mixin box-shadow($box-shadow) {
|
||||
-moz-box-shadow: $box-shadow;
|
||||
-webkit-box-shadow: $box-shadow;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
|
||||
@mixin opacity($opacity) {
|
||||
opacity: $opacity;
|
||||
$opacity-ie: $opacity * 100;
|
||||
filter: alpha(opacity=$opacity-ie); //IE8
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
35
admin/assets/scss/mixins/_elements-color-custom.scss
Normal file
35
admin/assets/scss/mixins/_elements-color-custom.scss
Normal file
@ -0,0 +1,35 @@
|
||||
// mixins for elements with custom colors
|
||||
|
||||
@mixin icon-transparent-area-variant($color-name, $color-value) {
|
||||
.icon-transparent-area {
|
||||
&.custom-color-#{$color-name} {
|
||||
color: $color-value;
|
||||
background-color: rgba($color-value, .2);
|
||||
|
||||
.badge {
|
||||
background-color: $color-value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin progress-transparent-variant($color-name, $color-value) {
|
||||
.progress-transparent {
|
||||
&.custom-color-#{$color-name} {
|
||||
background-color: rgba($color-value, .2);
|
||||
|
||||
.progress-bar {
|
||||
background-color: $color-value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin pagination-button-color($accent-color) {
|
||||
> a:hover, > span:hover,
|
||||
> a:focus, > span:focus {
|
||||
background-color: lighten($accent-color, 8%);
|
||||
border-color: $accent-color;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
19
admin/assets/scss/mixins/_responsive.scss
Normal file
19
admin/assets/scss/mixins/_responsive.scss
Normal file
@ -0,0 +1,19 @@
|
||||
// mixins for mobile responsiveness
|
||||
|
||||
@mixin screen($res-min, $res-max) {
|
||||
@media screen and ( min-width: $res-min ) and ( max-width: $res-max ) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin max-screen($res) {
|
||||
@media screen and ( max-width: $res ) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin min-screen($res) {
|
||||
@media screen and ( min-width: $res ) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
233
admin/assets/scss/mixins/waitMe.scss
Normal file
233
admin/assets/scss/mixins/waitMe.scss
Normal file
@ -0,0 +1,233 @@
|
||||
/*
|
||||
waitMe - 1.19 [31.10.17]
|
||||
Author: vadimsva
|
||||
Github: https://github.com/vadimsva/waitMe
|
||||
*/
|
||||
.waitMe_container:not(body) {transform:translateZ(0);backface-visibility:hidden}
|
||||
body.waitMe_container .waitMe {position:fixed;height:100vh;transform:translateZ(0);backface-visibility:hidden}
|
||||
body.waitMe_container .waitMe .waitMe_content {top:50%!important;transform:none!important}
|
||||
.waitMe_container .waitMe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden;cursor:wait}
|
||||
.waitMe_container .waitMe * {font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
|
||||
.waitMe_container .waitMe .waitMe_content {position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}
|
||||
.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_progress {display:inline-block;vertical-align:middle}
|
||||
.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_text {display:inline-block;margin:0 0 0 20px;vertical-align:middle}
|
||||
.waitMe_container .waitMe .waitMe_progress {position:relative;font-size:0;line-height:0}
|
||||
.waitMe_container .waitMe .waitMe_progress > div {animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}
|
||||
.waitMe_container .waitMe .waitMe_text {position:relative;margin:20px 0 0}
|
||||
|
||||
/* before load animation */
|
||||
body.waitMe_body {overflow:hidden;height:100%}
|
||||
body.waitMe_body.hideMe {transition:opacity .2s ease-in-out;opacity:0}
|
||||
body.waitMe_body .waitMe_container:not([data-waitme_id]) {position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}
|
||||
body.waitMe_body .waitMe_container:not([data-waitme_id]) > div {animation-fill-mode:both;position:absolute}
|
||||
body.waitMe_body .waitMe_container.progress > div {width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:progress_body 7s infinite ease-out}
|
||||
body.waitMe_body .waitMe_container.working > div {width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:working_body 2s infinite linear}
|
||||
body.waitMe_body .waitMe_container.progress > div:after {content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}
|
||||
body.waitMe_body .waitMe_container.img > div {width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}
|
||||
body.waitMe_body .waitMe_container.text > div {width:100%;top:45%;text-align:center}
|
||||
@keyframes progress_body {
|
||||
0% {width:0}
|
||||
100% {width:100%}
|
||||
}
|
||||
@keyframes working_body {
|
||||
0% {left:-10%}
|
||||
100% {left:100%}
|
||||
}
|
||||
|
||||
|
||||
/* bounce */
|
||||
.waitMe_container .waitMe_progress.bounce > div {width:20px;height:20px;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}
|
||||
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1 {animation-delay:-.32s}
|
||||
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2 {animation-delay:-.16s}
|
||||
@keyframes bounce {
|
||||
0%, 80%, 100% {transform:scale(0)}
|
||||
40% {transform:scale(1)}
|
||||
}
|
||||
|
||||
|
||||
/* rotateplane */
|
||||
.waitMe_container .waitMe_progress.rotateplane > div {width:30px;height:30px;animation:rotateplane 1.2s infinite ease-in-out;backface-visibility:visible}
|
||||
@keyframes rotateplane {
|
||||
0% {transform:perspective(120px)}
|
||||
50% {transform:perspective(120px) rotateY(180deg)}
|
||||
100% {transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
|
||||
}
|
||||
|
||||
|
||||
/* stretch */
|
||||
.waitMe_container .waitMe_progress.stretch {height:60px}
|
||||
.waitMe_container .waitMe_progress.stretch > div {width:1px;height:100%;margin:0 4px;animation:stretch 1.2s infinite ease-in-out}
|
||||
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2 {animation-delay:-1.1s}
|
||||
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3 {animation-delay:-1s}
|
||||
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4 {animation-delay:-.9s}
|
||||
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5 {animation-delay:-.8s}
|
||||
@keyframes stretch {
|
||||
0%, 40%, 100% {transform:scaleY(.4)}
|
||||
20% {transform:scaleY(1)}
|
||||
}
|
||||
|
||||
|
||||
/* orbit */
|
||||
.waitMe_container .waitMe_progress.orbit {width:40px;height:40px;margin:auto;position:relative}
|
||||
.waitMe_container .waitMe_progress.orbit > div {width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;animation:orbit_rotate 2s infinite linear}
|
||||
.waitMe_container .waitMe_progress.orbit > div > div {width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;animation:orbit 2s infinite ease-in-out}
|
||||
.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2 > div {top:auto;bottom:10%;left:auto;right:10%;animation-delay:-1s}
|
||||
@keyframes orbit_rotate {
|
||||
0% {transform:rotate(0deg)}
|
||||
100% {transform:rotate(360deg)}
|
||||
}
|
||||
@keyframes orbit {
|
||||
0%, 100% {transform:scale(0)}
|
||||
50% {transform:scale(1)}
|
||||
}
|
||||
|
||||
|
||||
/* roundBounce */
|
||||
.waitMe_container .waitMe_progress.roundBounce {width:60px;height:60px;margin:auto}
|
||||
.waitMe_container .waitMe_progress.roundBounce > div {width:24%;height:24%;border-radius:50%;position:absolute;animation:roundBounce 1.2s infinite ease-in-out}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {top:0;left:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {top:0;right:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {bottom:0;right:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {bottom:0;left:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {top:-3%;left:50%;margin-top:-12%;margin-left:-12%}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {top:50%;right:-3%;margin-top:-12%;margin-right:-12%}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {top:50%;left:-3%;margin-top:-12%;margin-left:-12%}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {top:0;right:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {bottom:0;right:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {bottom:0;left:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {top:0;left:0}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {animation-delay:-1.1s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {animation-delay:-1s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {animation-delay:-.9s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {animation-delay:-.8s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {animation-delay:-.7s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {animation-delay:-.6s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {animation-delay:-.5s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {animation-delay:-.4s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {animation-delay:-.3s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {animation-delay:-.2s}
|
||||
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {animation-delay:-.1s}
|
||||
@keyframes roundBounce {
|
||||
0%, 80%, 100% {transform:scale(0)}
|
||||
40% {transform:scale(1)}
|
||||
}
|
||||
|
||||
|
||||
/* win8 */
|
||||
.waitMe_container .waitMe_progress.win8 {width:40px;height:40px;margin:auto}
|
||||
.waitMe_container .waitMe_progress.win8 > div {width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;transform:rotate(225deg);animation:win8 5.5s infinite}
|
||||
.waitMe_container .waitMe_progress.win8 > div > div {width:15%;height:15%;border-radius:50%;position:absolute}
|
||||
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2 {animation-delay:.24s}
|
||||
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3 {animation-delay:.48s}
|
||||
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4 {animation-delay:.72s}
|
||||
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5 {animation-delay:.96s}
|
||||
@keyframes win8 {
|
||||
0% {transform:rotate(225deg);animation-timing-function:ease-out}
|
||||
7% {opacity:1;transform:rotate(345deg);animation-timing-function:linear}
|
||||
30% {transform:rotate(455deg);animation-timing-function:ease-in-out}
|
||||
39% {transform:rotate(690deg);animation-timing-function:linear}
|
||||
70% {opacity:1;transform:rotate(815deg);animation-timing-function:ease-out}
|
||||
75% {transform:rotate(945deg);animation-timing-function:ease-out}
|
||||
76% {opacity:0;transform:rotate(945deg)}
|
||||
100% {opacity:0;transform:rotate(945deg)}
|
||||
}
|
||||
|
||||
|
||||
/* win8_linear */
|
||||
.waitMe_container .waitMe_progress.win8_linear {margin:auto;width:150px;height:6px}
|
||||
.waitMe_container .waitMe_progress.win8_linear > div {width:100%;height:100%;left:0;opacity:0;position:absolute;animation:win8_linear 3s infinite}
|
||||
.waitMe_container .waitMe_progress.win8_linear > div > div {width:4%;height:100%;border-radius:50%}
|
||||
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2 {animation-delay:.3s}
|
||||
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3 {animation-delay:.6s}
|
||||
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4 {animation-delay:.9s}
|
||||
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5 {animation-delay:1.2s}
|
||||
@keyframes win8_linear {
|
||||
0%, 100% {transform:translateX(0);animation-timing-function:ease-out}
|
||||
10% {opacity:1;transform:translateX(33.333%);animation-timing-function:linear}
|
||||
50% {opacity:1;transform:translateX(53.333%);animation-timing-function:ease-in-out}
|
||||
60% {opacity:0;transform:translateX(86.666%)}
|
||||
}
|
||||
|
||||
|
||||
/* ios */
|
||||
.waitMe_container .waitMe_progress.ios {margin:auto;width:40px;height:40px}
|
||||
.waitMe_container .waitMe_progress.ios > div {width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:ios 1s infinite linear}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {transform:rotate(0deg) translate(0, -142%);animation-delay:0s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {transform:rotate(30deg) translate(0, -142%);animation-delay:-.9167s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {transform:rotate(60deg) translate(0, -142%);animation-delay:-.833s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {transform:rotate(90deg) translate(0, -142%);animation-delay:-.75s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {transform:rotate(120deg) translate(0, -142%);animation-delay:-.667s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {transform:rotate(150deg) translate(0, -142%);animation-delay:-.5833s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {transform:rotate(180deg) translate(0, -142%);animation-delay:-.5s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {transform:rotate(210deg) translate(0, -142%);animation-delay:-.41667s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {transform:rotate(240deg) translate(0, -142%);animation-delay:-.333s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {transform:rotate(270deg) translate(0, -142%);animation-delay:-.25s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {transform:rotate(300deg) translate(0, -142%);animation-delay:-.1667s}
|
||||
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {transform:rotate(330deg) translate(0, -142%);animation-delay:-.0833s}
|
||||
@keyframes ios {
|
||||
0% {opacity:1}
|
||||
100% {opacity:.25}
|
||||
}
|
||||
|
||||
|
||||
/* facebook */
|
||||
.waitMe_container .waitMe_progress.facebook {margin:auto}
|
||||
.waitMe_container .waitMe_progress.facebook > div {width:6px;height:25px;margin-left:3px;border-radius:20px;transform:scaleY(.7);opacity:.1;animation:facebook 1.3s infinite ease-in-out}
|
||||
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem1 {animation-delay:.2s;transform:scaleY(.7)}
|
||||
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem2 {animation-delay:.4s;transform:scaleY(.85)}
|
||||
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem3 {animation-delay:.6s;transform:scaleY(1)}
|
||||
@keyframes facebook {
|
||||
0% {transform:scaleY(.7);opacity:.1}
|
||||
50% {transform:scaleY(1);opacity:1}
|
||||
100% {transform:scaleY(.7);opacity:.1}
|
||||
}
|
||||
|
||||
|
||||
/* rotation */
|
||||
.waitMe_container .waitMe_progress.rotation > div {width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;animation:rotation 1s infinite linear}
|
||||
@keyframes rotation {
|
||||
0% {transform:rotate(0deg)}
|
||||
100% {transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
|
||||
/* timer */
|
||||
.waitMe_container .waitMe_progress.timer {width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}
|
||||
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem1,
|
||||
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}
|
||||
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {height:40%;animation:timer 15s infinite linear}
|
||||
@keyframes timer {
|
||||
0% {transform:rotate(0deg)}
|
||||
100% {transform:rotate(360deg)}
|
||||
}
|
||||
|
||||
|
||||
/* pulse */
|
||||
.waitMe_container .waitMe_progress.pulse {width:30px;height:30px;margin:auto;position:relative}
|
||||
.waitMe_container .waitMe_progress.pulse > div {margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;animation:pulsate 1s infinite ease-out}
|
||||
@keyframes pulsate {
|
||||
0% {transform:scale(.1);opacity:0}
|
||||
50% {opacity:1}
|
||||
100% {transform:scale(1.2);opacity:0}
|
||||
}
|
||||
|
||||
|
||||
/* progressBar */
|
||||
.waitMe_container .waitMe_progress.progressBar {width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}
|
||||
.waitMe_container .waitMe_progress.progressBar > div {width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3), inset 0 -2px 6px rgba(0,0,0,.4);background-image:linear-gradient(-45deg, rgba(240,240,240,.4) 26%, transparent 25%, transparent 51%, rgba(240,240,240,.4) 50%, rgba(240,240,240,.4) 76%, transparent 75%, transparent);animation:progressBar 2s linear infinite}
|
||||
@keyframes progressBar {
|
||||
0% {background-position:0 0}
|
||||
100% {background-position:50px 50px}
|
||||
}
|
||||
|
||||
|
||||
/* bouncePulse */
|
||||
.waitMe_container .waitMe_progress.bouncePulse > div {width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;transform:scale(.5);animation:bouncePulse 1.4s infinite ease-in-out}
|
||||
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem1,
|
||||
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem3 {animation-delay:.1s}
|
||||
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem2 {animation-delay:.4s}
|
||||
@keyframes bouncePulse {
|
||||
0%, 80%, 100% {transform:scale(.5)}
|
||||
40% {transform:scale(1)}
|
||||
}
|
||||
330
admin/assets/scss/pages/_calendar.scss
Normal file
330
admin/assets/scss/pages/_calendar.scss
Normal file
@ -0,0 +1,330 @@
|
||||
.page-calendar {
|
||||
.event-name {
|
||||
|
||||
h6{
|
||||
@extend .m-b-0;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
h4{
|
||||
@extend .font-25;
|
||||
@extend .m-b-0;
|
||||
@extend .m-t-0;
|
||||
line-height: 24px;
|
||||
|
||||
span{
|
||||
@extend .displayblock;
|
||||
@extend .font-11;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
p{
|
||||
@extend .displayblock;
|
||||
@extend .m-b-0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
address{
|
||||
@extend .font-11;
|
||||
@extend .m-b-0;
|
||||
@extend .m-t-5;
|
||||
i{
|
||||
@extend .font-12;
|
||||
@extend .m-r-5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.event-control {
|
||||
@extend .font-13;
|
||||
background-color: $grey-200;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color:$col-white;
|
||||
}
|
||||
a {
|
||||
color: $grey-800;
|
||||
cursor: pointer;
|
||||
opacity: .5;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&[class*='bg-'] {
|
||||
&:not(.bg-default):not(.bg-white) {
|
||||
a {
|
||||
color: $grey-800 !important;
|
||||
opacity: 1;
|
||||
&:hover {
|
||||
color:$col-white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fc-overlay {
|
||||
display: none;
|
||||
position: absolute;
|
||||
min-width: 260px;
|
||||
padding: 15px 0;
|
||||
top: auto;
|
||||
left: 50%;
|
||||
margin-left: -150px;
|
||||
z-index: 1000;
|
||||
color: $grey-800 !important;
|
||||
|
||||
&.left {
|
||||
left: 100%;
|
||||
top: -15px;
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
&.right {
|
||||
@extend .margin-0;
|
||||
left: auto;
|
||||
right: 100%;
|
||||
top: -15px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.panel {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.fc {
|
||||
.fc-toolbar {
|
||||
@include border-radius(0);
|
||||
@extend .p-t-10;
|
||||
@extend .p-b-10;
|
||||
@extend .margin-0;
|
||||
color: $grey-800;
|
||||
background: transparent;
|
||||
|
||||
h2 {
|
||||
@extend .font-16;
|
||||
@extend .p-t-5;
|
||||
@extend .margin-0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.fc-today-button, .fc-state-default{
|
||||
@include box-shadow(none);
|
||||
@extend .font-16;
|
||||
background: $grey-800;
|
||||
color: $grey-400;
|
||||
padding: 8px 18px;
|
||||
height: auto;
|
||||
border: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-view-container {
|
||||
.fc-event {
|
||||
@extend .font-12;
|
||||
border-radius: $border-radius-small;
|
||||
color: $grey-100;
|
||||
border: 0;
|
||||
padding: 3px 5px;
|
||||
|
||||
&.fc-event-end:not(.fc-event-start) {
|
||||
border: 0!important;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $col-white;
|
||||
z-index: 1000;
|
||||
.fc-overlay {
|
||||
@extend .displayblock;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-view {
|
||||
&.fc-basic-view,
|
||||
&.fc-agenda {
|
||||
>table {
|
||||
>thead {
|
||||
tr {
|
||||
th,
|
||||
td {
|
||||
&.fc-widget-header {
|
||||
color: $grey-700;
|
||||
border: 1px solid $grey-300;
|
||||
padding: 10px;
|
||||
}
|
||||
&.fc-agenda-gutter {
|
||||
@extend .padding-0;
|
||||
}
|
||||
}
|
||||
td {
|
||||
&.fc-widget-header {
|
||||
@extend .padding-0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
&.fc-widget-content {
|
||||
border: 0;
|
||||
border-bottom: 1px solid $grey-300;
|
||||
border-right: 1px solid $grey-300;
|
||||
|
||||
&.fc-state-highlight {
|
||||
background: $col-white;
|
||||
}
|
||||
}
|
||||
&.fc-day-number {
|
||||
@extend .font-15;
|
||||
color: $grey-800;
|
||||
padding: 5px 10px;
|
||||
margin: 5px;
|
||||
|
||||
&.fc-state-highlight {
|
||||
@include border-radius(50%);
|
||||
background-color: $col-red;
|
||||
color: $col-white;
|
||||
padding: 4px 6px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
&:first-child {
|
||||
&.fc-widget-content {
|
||||
border-left: 1px solid $grey-300;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-body {
|
||||
.fc-row .fc-bg {
|
||||
border-bottom: 1px solid $grey-300;
|
||||
}
|
||||
.fc-row:last-of-type .fc-bg {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.fc-agenda-allday {
|
||||
.fc-agenda-axis,
|
||||
.fc-agenda-gutter {
|
||||
@extend .font-12;
|
||||
border-left: 1px solid $grey-300;
|
||||
border-right: 1px solid $grey-300;
|
||||
background-color: $grey-200;
|
||||
color: $grey-800;
|
||||
font-weight: $font-weight-300;
|
||||
padding: 10px 5px;
|
||||
}
|
||||
}
|
||||
>table {
|
||||
>tbody {
|
||||
>tr {
|
||||
>td {
|
||||
&.fc-state-highlight {
|
||||
background: $grey-200;
|
||||
}
|
||||
&.fc-sat {
|
||||
border-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-agenda-slots {
|
||||
tr {
|
||||
line-height: 35px;
|
||||
th {
|
||||
@extend .font-12;
|
||||
background-color: $grey-200;
|
||||
color: $grey-800;
|
||||
font-weight: $font-weight-300;
|
||||
border: 0;
|
||||
border-left: 1px solid $grey-300;
|
||||
border-right: 1px solid $grey-300;
|
||||
padding-top: 10px;
|
||||
}
|
||||
td.fc-widget-content {
|
||||
border-bottom: 1px solid $grey-300;
|
||||
line-height: 50px;
|
||||
&:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
}
|
||||
&.fc-minor {
|
||||
td.fc-widget-content {
|
||||
border-bottom: 1px solid $grey-300;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-agenda-divider {
|
||||
border: 1px solid $grey-300;
|
||||
.fc-agenda-divider-inner {
|
||||
background-color: $grey-200;
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-list-view{
|
||||
.fc-list-item{
|
||||
color: $grey-200;
|
||||
}
|
||||
}
|
||||
.fc-other-month{
|
||||
background: $grey-100;
|
||||
}
|
||||
|
||||
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number{
|
||||
float: left;
|
||||
padding: 10px 0 5px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-popover{
|
||||
border-radius: $border-radius-large;
|
||||
box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.2);
|
||||
border: none;
|
||||
padding: 10px;
|
||||
.fc-event-container{
|
||||
padding: 0;
|
||||
}
|
||||
.fc-event{
|
||||
padding: 4px 8px;
|
||||
margin: 2px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.fc-agendaWeek-view,
|
||||
.fc-agendaDay-view,
|
||||
.fc-listWeek-view{
|
||||
.fc-head{
|
||||
.fc-widget-header{
|
||||
span{
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fc-unthemed{
|
||||
td{
|
||||
border-color: #f4f7f6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 420px) {
|
||||
.fc-toolbar .fc-right{ display: none;}
|
||||
.fc-toolbar .fc-left{ width: 100%; margin-bottom: 15px;}
|
||||
.fc .fc-toolbar .fc-today-button{ float: right;}
|
||||
}
|
||||
172
admin/assets/scss/pages/_chatapp.scss
Normal file
172
admin/assets/scss/pages/_chatapp.scss
Normal file
@ -0,0 +1,172 @@
|
||||
.chat-app{
|
||||
.people-list{
|
||||
@include transition(all .3s ease-in-out);
|
||||
width: 280px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 20px;
|
||||
z-index: 7;
|
||||
}
|
||||
.chat{
|
||||
margin-right: 280px;
|
||||
border-right: 1px solid $grey-200;
|
||||
.chat-header {
|
||||
padding: 15px 20px;
|
||||
border-bottom: 2px solid $grey-200;
|
||||
|
||||
img {
|
||||
float: left;
|
||||
border-radius: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
.chat-about {
|
||||
float: left;
|
||||
@extend .p-l-10;
|
||||
}
|
||||
}
|
||||
|
||||
.chat-history {
|
||||
padding: 20px;
|
||||
border-bottom: 2px solid $col-white;
|
||||
|
||||
ul {
|
||||
@extend .padding-0;
|
||||
li {
|
||||
list-style: none;
|
||||
@extend .m-b-30;
|
||||
|
||||
&:last-child{
|
||||
@extend .m-b-0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.message-data {
|
||||
@extend .m-b-15;
|
||||
|
||||
img{
|
||||
border-radius: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
.message-data-time {
|
||||
color: $grey-800;
|
||||
@extend .p-l-5;
|
||||
font-size: 12px;
|
||||
}
|
||||
.message {
|
||||
color: $grey-800;
|
||||
padding: 18px 20px;
|
||||
line-height: 26px;
|
||||
font-size: 16px;
|
||||
border-radius: 7px;
|
||||
@extend .inlineblock;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
bottom: 100%;
|
||||
left: 7%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-bottom-color: $col-white;
|
||||
border-width: 10px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
}
|
||||
.my-message {
|
||||
background: $grey-100;
|
||||
&:after {
|
||||
bottom: 100%;
|
||||
left: 30px;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-bottom-color: $grey-100;
|
||||
border-width: 10px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
}
|
||||
.other-message {
|
||||
background: $grey-300;
|
||||
@extend .align-right;
|
||||
&:after {
|
||||
border-bottom-color: $grey-300;
|
||||
left: 93%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-message {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@include max-screen($break-small - 1px) {
|
||||
.chat-app{
|
||||
|
||||
.people-list{
|
||||
height: 465px;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
background: $col-white;
|
||||
left: -400px;
|
||||
display: none;
|
||||
|
||||
&.open{
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.chat{
|
||||
margin: 0;
|
||||
.chat-header{
|
||||
border-radius:0.55rem 0.55rem 0 0;
|
||||
}
|
||||
}
|
||||
.chat-history{
|
||||
height: 300px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
.chat-app{
|
||||
|
||||
.chat-list{
|
||||
height: 650px;
|
||||
overflow-x: auto;
|
||||
|
||||
}
|
||||
.chat-history{
|
||||
height: 600px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Landscape */
|
||||
|
||||
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
|
||||
.chat-app{
|
||||
|
||||
.chat-list{
|
||||
height: 480px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.chat-history{
|
||||
height: calc(100vh - 350px);
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
41
admin/assets/scss/pages/_invoice.scss
Normal file
41
admin/assets/scss/pages/_invoice.scss
Normal file
@ -0,0 +1,41 @@
|
||||
.invoice1{
|
||||
|
||||
.logo,
|
||||
.clientlogo{
|
||||
float: left;
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
}
|
||||
.info {
|
||||
@extend .displayblock;
|
||||
float: left;
|
||||
@extend .m-l-20;
|
||||
}
|
||||
|
||||
.invoice-top{
|
||||
|
||||
.title {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.invoice-mid{
|
||||
.info{
|
||||
width: calc(100% - 90px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.invoice{
|
||||
.nav-tabs{
|
||||
@extend .p-l-0;
|
||||
@extend .p-r-0;
|
||||
}
|
||||
.table{
|
||||
tr{
|
||||
td{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
10
admin/assets/scss/pages/_page-profile2.scss
Normal file
10
admin/assets/scss/pages/_page-profile2.scss
Normal file
@ -0,0 +1,10 @@
|
||||
.profilepage_2{
|
||||
|
||||
.profile-header{
|
||||
@extend .align-center;
|
||||
|
||||
.profile-image{
|
||||
@extend .m-b-20;
|
||||
}
|
||||
}
|
||||
}
|
||||
109
admin/assets/scss/pages/_pricing.scss
Normal file
109
admin/assets/scss/pages/_pricing.scss
Normal file
@ -0,0 +1,109 @@
|
||||
.pricing {
|
||||
|
||||
color: $grey-600;
|
||||
@extend .p-l-0;
|
||||
@extend .m-b-0;
|
||||
@extend .align-center;
|
||||
|
||||
li{
|
||||
list-style: none;
|
||||
padding: 13px;
|
||||
|
||||
&:first-child,
|
||||
&:last-child{
|
||||
padding: 20px 13px;
|
||||
}
|
||||
|
||||
&:nth-last-child(2) {
|
||||
padding: 30px 13px;
|
||||
}
|
||||
|
||||
+ li{
|
||||
border-top: 1px solid #f0f0f0;
|
||||
}
|
||||
}
|
||||
|
||||
big {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@extend .m-b-0;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
span {
|
||||
color: $grey-400;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
&.active{
|
||||
|
||||
big, h3{
|
||||
color: $col-blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
//a-s-c-a-p-s
|
||||
.pricing2{
|
||||
@extend .align-center;
|
||||
|
||||
.pricing-plan {
|
||||
border-bottom: none;
|
||||
flex-basis: 100%;
|
||||
padding: 25px 0;
|
||||
|
||||
.pricing-img {
|
||||
@extend .m-b-25;
|
||||
max-width: 100%;
|
||||
}
|
||||
.pricing-header {
|
||||
color: $grey-600;
|
||||
font-weight: $font-weight-600;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.pricing-features {
|
||||
letter-spacing: 1px;
|
||||
margin: 50px 0 25px;
|
||||
line-height: 30px;
|
||||
list-style: none;
|
||||
@extend .padding-0;
|
||||
}
|
||||
.pricing-price {
|
||||
display: block;
|
||||
font-size: 32px;
|
||||
font-weight: $font-weight-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pricing3{
|
||||
@extend .align-center;
|
||||
|
||||
.pricing-option{
|
||||
padding: 20px;
|
||||
i{
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
.price{
|
||||
font-size: 2rem;
|
||||
text-transform: uppercase;
|
||||
@extend .m-t-20;
|
||||
@extend .m-b-10;
|
||||
@extend .displayblock;
|
||||
position: relative;
|
||||
b{
|
||||
position: absolute;
|
||||
font-size: 1rem;
|
||||
@extend .m-l-5;
|
||||
font-weight: $font-weight-600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
60
admin/assets/scss/pages/_timeline.scss
Normal file
60
admin/assets/scss/pages/_timeline.scss
Normal file
@ -0,0 +1,60 @@
|
||||
.timeline-item {
|
||||
padding: 3em 2em 2em;
|
||||
position: relative;
|
||||
border-left: 1px solid $grey-300;
|
||||
|
||||
&:before {
|
||||
content: attr(date-is);
|
||||
position: absolute;
|
||||
left: 2em;
|
||||
top: 1em;
|
||||
@extend .displayblock;
|
||||
color: $grey-600;
|
||||
}
|
||||
|
||||
&:after {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
@extend .displayblock;
|
||||
top: 1em;
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
border-radius: 10px;
|
||||
content: '';
|
||||
background: $col-white;
|
||||
border: 3px solid;
|
||||
}
|
||||
|
||||
&.green{
|
||||
&:after{
|
||||
border-color: $col-green;
|
||||
}
|
||||
}
|
||||
&.blue{
|
||||
&:after{
|
||||
border-color: $col-blue;
|
||||
}
|
||||
}
|
||||
&.warning{
|
||||
&:after{
|
||||
border-color: $col-orange;
|
||||
}
|
||||
}
|
||||
&.red{
|
||||
&:after{
|
||||
border-color: $col-red;
|
||||
}
|
||||
}
|
||||
&.dark{
|
||||
&:after{
|
||||
border-color: $col-dark;
|
||||
}
|
||||
}
|
||||
|
||||
h5{
|
||||
@extend .margin-0;
|
||||
}
|
||||
.msg{
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
1540
admin/assets/scss/pages/_widgets.scss
Normal file
1540
admin/assets/scss/pages/_widgets.scss
Normal file
File diff suppressed because it is too large
Load Diff
276
admin/assets/scss/pages/blog.scss
Normal file
276
admin/assets/scss/pages/blog.scss
Normal file
@ -0,0 +1,276 @@
|
||||
.single_post {
|
||||
-webkit-transition: all .4s ease;
|
||||
transition: all .4s ease;
|
||||
|
||||
.img-post {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
max-height: 500px;
|
||||
margin-bottom: 30px;
|
||||
|
||||
> img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
-webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
|
||||
transition: transform .4s ease, opacity .4s ease;
|
||||
max-width: 100%;
|
||||
filter: none;
|
||||
-webkit-filter: grayscale(0);
|
||||
-webkit-transform: scale(1.01);
|
||||
}
|
||||
|
||||
&:hover{
|
||||
|
||||
img{
|
||||
-webkit-transform: scale(1.02);
|
||||
-ms-transform: scale(1.02);
|
||||
transform: scale(1.02);
|
||||
opacity: .7;
|
||||
filter: gray; /* IE5+ */
|
||||
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
|
||||
-webkit-transition: all .8s ease-in-out;
|
||||
}
|
||||
|
||||
.social_share{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer{
|
||||
padding: 0 20px 20px 20px;
|
||||
.actions{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.stats{
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
float: right;
|
||||
margin: 0;
|
||||
line-height: 35px;
|
||||
|
||||
li{
|
||||
border-left: solid 1px rgba(160, 160, 160, 0.3);
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.25em;
|
||||
line-height: 1;
|
||||
margin: 0 0 0 2em;
|
||||
padding: 0 0 0 2em;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
a{
|
||||
color: #777;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
border-left: 0;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
|
||||
a {
|
||||
color: #242424;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
p{
|
||||
line-height: 24px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.blockquote{
|
||||
p {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.meta{
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
li{
|
||||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
a{
|
||||
font-style: italic;
|
||||
color: #959595;
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
i{
|
||||
margin-right: 6px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.single_post2{
|
||||
overflow: hidden;
|
||||
|
||||
.content{
|
||||
margin-top:15px;
|
||||
margin-bottom:15px;
|
||||
padding-left: 80px;
|
||||
position: relative;
|
||||
|
||||
.actions_sidebar{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 60px;
|
||||
a{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
margin-right: 0;
|
||||
text-align: center;
|
||||
border-right: 1px solid #e4eaec;
|
||||
}
|
||||
}
|
||||
|
||||
.title{
|
||||
font-weight: 100;
|
||||
margin: 0;
|
||||
}
|
||||
.text{
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right-box {
|
||||
|
||||
.categories-clouds{
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
a{
|
||||
display: block;
|
||||
border: 1px solid;
|
||||
padding: 4px 10px;
|
||||
border-radius: 3px;
|
||||
color: #777;
|
||||
&:hover{
|
||||
color: #007bff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.instagram-plugin{
|
||||
overflow: hidden;
|
||||
li {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.popular-post{
|
||||
.single_post{
|
||||
position: relative;
|
||||
span{
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
z-index: 9;
|
||||
background: #007bff;
|
||||
color: #fff;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-reply{
|
||||
|
||||
li{
|
||||
margin-bottom: 15px;
|
||||
&:last-child{
|
||||
margin-bottom: none;
|
||||
}
|
||||
h5{
|
||||
font-size: 18px;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 0px;
|
||||
font-size: 15px;
|
||||
color: #777;
|
||||
}
|
||||
}
|
||||
|
||||
.list-inline{
|
||||
li{
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding-right: 20px;
|
||||
a{
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
/* end Blog page*/
|
||||
@media all and (min-width: 1200px) and (max-width: 1500px) {
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.blog-page{
|
||||
|
||||
.left-box {
|
||||
|
||||
.single-comment-box{
|
||||
> ul{
|
||||
> li {
|
||||
padding: 25px 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
|
||||
li{
|
||||
.icon-box {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.text-box {
|
||||
display: block;
|
||||
padding-left: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.single_post{
|
||||
|
||||
.footer .stats{
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.body,
|
||||
.footer{
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
328
admin/assets/scss/pages/inbox.scss
Normal file
328
admin/assets/scss/pages/inbox.scss
Normal file
@ -0,0 +1,328 @@
|
||||
$white: #ffffff;
|
||||
$inbox-dark: #444444;
|
||||
$inbox-light: #eaeaea;
|
||||
$inbox-xlight: #f4f7f6;
|
||||
$color-success: #22af46;
|
||||
$color-warning: #f3ad06;
|
||||
$color-danger: #de4848;
|
||||
$font-color: #5A5A5A;
|
||||
|
||||
.mail-inbox{
|
||||
display: flex;
|
||||
background: $white;
|
||||
|
||||
.mail-left{
|
||||
width: 280px;
|
||||
padding: 15px;
|
||||
display: block;
|
||||
height: calc(100vh - 66px);
|
||||
background: $white;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
.mail-side{
|
||||
.nav{
|
||||
flex-direction: column;
|
||||
|
||||
li{
|
||||
padding: 0 10px;
|
||||
margin-bottom: 5px;
|
||||
line-height: 40px;
|
||||
|
||||
a{
|
||||
color: $font-color;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
i{
|
||||
font-size: 17px;
|
||||
width: 35px;
|
||||
-webkit-transition: font-size 0.2s;
|
||||
-moz-transition: font-size 0.2s;
|
||||
transition: font-size 0.2s;
|
||||
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: $inbox-xlight;
|
||||
a{
|
||||
i{
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active{
|
||||
background-color: $inbox-xlight;
|
||||
a{
|
||||
color: $inbox-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 30px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mail-right{
|
||||
width: calc(100% - 280px);
|
||||
position: relative;
|
||||
margin-top: 15px;
|
||||
border-left:1px solid $inbox-light;
|
||||
|
||||
.header{
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
h2{
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.mail-action{
|
||||
padding: 15px;
|
||||
|
||||
.fancy-checkbox {
|
||||
label{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
+ span {
|
||||
&:before {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pagination-email {
|
||||
p{
|
||||
line-height: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mail-list {
|
||||
padding: 15px 0;
|
||||
ul{
|
||||
li{
|
||||
padding: 17px 15px 15px;
|
||||
border-top: 1px solid $inbox-light;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
&:last-child{
|
||||
border-bottom: 1px solid $inbox-light;
|
||||
}
|
||||
|
||||
.hover-action{
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 23px 16px 23px;
|
||||
background: $white;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
&:hover{
|
||||
.hover-action{
|
||||
opacity: 1;
|
||||
}
|
||||
.mail-detail-expand{
|
||||
color: #007bff;
|
||||
}
|
||||
}
|
||||
|
||||
&.unread{
|
||||
background-color: $inbox-light;
|
||||
.hover-action{
|
||||
background-color: $inbox-light;
|
||||
}
|
||||
}
|
||||
|
||||
.mail-detail-left,
|
||||
.mail-detail-right{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mail-detail-left{
|
||||
max-width: 60px;
|
||||
min-width: 60px;
|
||||
width: 60px;
|
||||
position: relative;
|
||||
.mail-star{
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
top: 0;
|
||||
color: $font-color;
|
||||
|
||||
&.active{
|
||||
color: $color-warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mail-detail-right{
|
||||
position: relative;
|
||||
padding-right: 60px;
|
||||
width: calc(100% - 60px);
|
||||
|
||||
span.time{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
h6,
|
||||
p{
|
||||
width: 100%;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
h6{
|
||||
|
||||
a{
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mail-detail-full{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
.mail-action{
|
||||
padding: 15px;
|
||||
}
|
||||
.detail-header{
|
||||
padding: 20px 15px 0;
|
||||
border-top: 1px solid $inbox-light;
|
||||
border-bottom: 1px solid $inbox-light;
|
||||
|
||||
.float-left{
|
||||
img{
|
||||
max-width: 63px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.media-body{
|
||||
p{
|
||||
a{
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mail-cnt{
|
||||
padding: 20px 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mail-compose{
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
.mobile-left{
|
||||
display: none;
|
||||
}
|
||||
|
||||
//a-s-c-a-p-s
|
||||
|
||||
// Ipad
|
||||
@media screen and (max-width: 991px) {
|
||||
.mail-inbox {
|
||||
.mail-left{
|
||||
width: 230px;
|
||||
height: calc(100vh - 52px);
|
||||
}
|
||||
.mail-right{
|
||||
width: calc(100% - 230px);
|
||||
|
||||
.mail-action {
|
||||
.btn {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.pagination-email {
|
||||
p {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
.mobile-left{
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
}
|
||||
.mail-inbox {
|
||||
.mail-left {
|
||||
left: -240px;
|
||||
position: fixed;
|
||||
background-color: $white;
|
||||
z-index: 7;
|
||||
height: calc(100vh - 52px);
|
||||
overflow-y: scroll;
|
||||
|
||||
&.open{
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.mail-right {
|
||||
width: 100%;
|
||||
.header {
|
||||
flex-direction: column;
|
||||
.ml-auto {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
.mail-detail-right{
|
||||
.badge{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mail-detail-full{
|
||||
a.mail-back {
|
||||
top: -60px;
|
||||
}
|
||||
}
|
||||
.media-body{
|
||||
p{
|
||||
span,
|
||||
small{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
57
admin/assets/scss/partials/_accordion.scss
Normal file
57
admin/assets/scss/partials/_accordion.scss
Normal file
@ -0,0 +1,57 @@
|
||||
.accordion{
|
||||
.card-header{
|
||||
@extend .padding-0;
|
||||
.btn{
|
||||
@extend .align-left;
|
||||
@extend .font-16;
|
||||
padding: 10px 20px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordion2 {
|
||||
@extend .margin-0;
|
||||
@extend .padding-0;
|
||||
list-style: none;
|
||||
border-top: 1px solid $grey-300;
|
||||
|
||||
.accordion-item {
|
||||
border-bottom: 1px solid $grey-300;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
/* Thumb */
|
||||
.accordion-thumb {
|
||||
@extend .margin-0;
|
||||
@extend .font-16;
|
||||
font-weight: $font-weight-400;
|
||||
padding: .8rem 0;
|
||||
cursor: pointer;
|
||||
|
||||
// Chevron
|
||||
&::before {
|
||||
@include transition(all .3s ease-in-out);
|
||||
@extend .inlineblock;
|
||||
content: "\f138";
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
span{
|
||||
@extend .m-l-10;
|
||||
}
|
||||
}
|
||||
|
||||
/* Panel */
|
||||
.accordion-panel {
|
||||
@extend .margin-0;
|
||||
padding-bottom: .8rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Active */
|
||||
.accordion-item.is-active {
|
||||
.accordion-thumb::before {
|
||||
content: "\f13a";
|
||||
}
|
||||
}
|
||||
}
|
||||
148
admin/assets/scss/partials/_authentication.scss
Normal file
148
admin/assets/scss/partials/_authentication.scss
Normal file
@ -0,0 +1,148 @@
|
||||
/* Authentication forms */
|
||||
|
||||
|
||||
.auth-main{
|
||||
margin-top: 100px;
|
||||
@include max-screen($break-large) {
|
||||
margin-top: 50px;
|
||||
}
|
||||
@include max-screen($break-xsmall) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
content: '';
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 31%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
|
||||
@include max-screen($break-xlarge) {
|
||||
width: 26%;
|
||||
}
|
||||
@include max-screen($break-large) {
|
||||
width: 28%;
|
||||
}
|
||||
@include max-screen($break-medium) {
|
||||
width: 35%;
|
||||
}
|
||||
@include max-screen($break-xsmall) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
&:after{
|
||||
content: '';
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.navbar{
|
||||
margin-bottom: 80px;
|
||||
padding: 0 0 15px 0;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
|
||||
justify-content: space-between;
|
||||
|
||||
@include max-screen($break-large) {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@include max-screen($break-medium) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.navbar-brand{
|
||||
color: $col-white;
|
||||
}
|
||||
.nav-link{
|
||||
padding-right: .5rem;
|
||||
padding-left: .5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.auth_detail{
|
||||
padding: 40px 0;
|
||||
max-width: 360px;
|
||||
@include max-screen($break-medium) {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
h2{
|
||||
margin-bottom: 20px;
|
||||
font-size: 40px;
|
||||
font-weight: $font-weight-300;
|
||||
color: $col-white;
|
||||
|
||||
@include max-screen($break-medium) {
|
||||
font-size: 35px;
|
||||
}
|
||||
@include max-screen($break-xsmall) {
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
p{
|
||||
font-size: 16px;
|
||||
color: $col-white;
|
||||
}
|
||||
.social-links{
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-auth-small {
|
||||
.btn{
|
||||
@extend .m-t-20;
|
||||
}
|
||||
|
||||
.element-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.element-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
@extend .m-t-20;
|
||||
@extend .align-center;
|
||||
}
|
||||
}
|
||||
|
||||
.lead {
|
||||
@extend .m-t-5;
|
||||
@extend .m-b-0;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.helper-text {
|
||||
color: $color-muted;
|
||||
@extend .displayblock;
|
||||
}
|
||||
|
||||
.btn-signin-social {
|
||||
@extend .displayblock;
|
||||
@extend .m-b-5;
|
||||
padding: 10px 22px;
|
||||
width: 100%;
|
||||
background-color: $col-white;
|
||||
border-color: $grey-200;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $grey-200;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 16px;
|
||||
margin: 5px;
|
||||
}
|
||||
}
|
||||
@include max-screen($break-medium) {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
46
admin/assets/scss/partials/_badges.scss
Normal file
46
admin/assets/scss/partials/_badges.scss
Normal file
@ -0,0 +1,46 @@
|
||||
/* badges */
|
||||
.badge{
|
||||
font-weight: $font-weight-400;
|
||||
@extend .m-l-5;
|
||||
@extend .m-r-5;
|
||||
padding: 4px 8px;
|
||||
text-transform: uppercase;
|
||||
line-height: 12px;
|
||||
border: 1px solid;
|
||||
}
|
||||
.badge-icon{
|
||||
padding: 0.4em 0.55em;
|
||||
i{
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
.badge-default{
|
||||
background: transparent;
|
||||
border-color: $color-muted;
|
||||
color: $color-muted;
|
||||
}
|
||||
.badge-primary{
|
||||
background: transparent;
|
||||
border-color: $color-primary;
|
||||
color: $color-primary;
|
||||
}
|
||||
.badge-info{
|
||||
background: transparent;
|
||||
border-color: $color-info;
|
||||
color: $color-info;
|
||||
}
|
||||
.badge-success{
|
||||
background: transparent;
|
||||
border-color: $color-success;
|
||||
color: $color-success;
|
||||
}
|
||||
.badge-warning{
|
||||
background: transparent;
|
||||
border-color: $color-warning;
|
||||
color: $color-warning;
|
||||
}
|
||||
.badge-danger{
|
||||
background: transparent;
|
||||
border-color: $color-danger;
|
||||
color: $color-danger;
|
||||
}
|
||||
8
admin/assets/scss/partials/_buttons.scss
Normal file
8
admin/assets/scss/partials/_buttons.scss
Normal file
@ -0,0 +1,8 @@
|
||||
.btn{
|
||||
font-size: $font-size;
|
||||
&.btn-round{
|
||||
@include border-radius(50px);
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
}
|
||||
127
admin/assets/scss/partials/_card.scss
Normal file
127
admin/assets/scss/partials/_card.scss
Normal file
@ -0,0 +1,127 @@
|
||||
.card {
|
||||
@include transition(all .3s ease-in-out);
|
||||
@extend .inlineblock;
|
||||
background: $col-white;
|
||||
border-color: $grey-300;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
&.fullscreen {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
overflow-y: auto;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1040;
|
||||
border-radius: 0 !important;
|
||||
.icon-size-fullscreen{
|
||||
&::before{
|
||||
content: "\e058";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.header {
|
||||
@include box-shadow(none);
|
||||
@extend .m-b-0;
|
||||
color: $grey-800;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
|
||||
&.bline{
|
||||
border-bottom: 1px solid $grey-300;
|
||||
}
|
||||
.header-dropdown {
|
||||
@extend .margin-0;
|
||||
@extend .padding-0;
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 20px;
|
||||
list-style: none;
|
||||
|
||||
li{
|
||||
@extend .inlineblock;
|
||||
a{
|
||||
@extend .displayblock;
|
||||
padding: 5px 10px;
|
||||
color: $grey-500;
|
||||
|
||||
> i{
|
||||
@extend .font-12;
|
||||
}
|
||||
|
||||
&.dropdown-toggle{
|
||||
&:after{
|
||||
border: none;
|
||||
content: '\f141';
|
||||
font-family: 'FontAwesome';
|
||||
vertical-align: text-top;
|
||||
width: 11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
border-radius: $border-radius-large;
|
||||
overflow: hidden;
|
||||
right: 0;
|
||||
padding: 10px;
|
||||
box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
|
||||
border: 0;
|
||||
|
||||
li {
|
||||
display: block !important;
|
||||
|
||||
a {
|
||||
color: $grey-600;
|
||||
padding:10px;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover{
|
||||
color: $grey-800;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
@extend .margin-0;
|
||||
@extend .font-16;
|
||||
font-weight: $font-weight-600;
|
||||
color: $grey-800;
|
||||
position: relative;
|
||||
|
||||
small {
|
||||
@extend .displayblock;
|
||||
@extend .m-t-5;
|
||||
@extend .font-12;
|
||||
color: $grey-500;
|
||||
line-height: 15px;
|
||||
|
||||
a {
|
||||
font-weight: $font-weight-700;
|
||||
color: $grey-600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-15 {
|
||||
padding: 15px !important;
|
||||
}
|
||||
|
||||
.body {
|
||||
font-weight: $font-weight-400;
|
||||
color: $grey-800;
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
138
admin/assets/scss/partials/_charts.scss
Normal file
138
admin/assets/scss/partials/_charts.scss
Normal file
@ -0,0 +1,138 @@
|
||||
/* sparkline chart */
|
||||
#jqstooltip {
|
||||
background-color: $col-white;
|
||||
border-color: #ddd;
|
||||
color: $font-color;
|
||||
|
||||
.jqsfield {
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
|
||||
/* chartist */
|
||||
$ct-series-colors: (
|
||||
a: #6ebdd1,
|
||||
b: #f9ab6c,
|
||||
c: #afc979,
|
||||
d: #AB7DF6,
|
||||
e: #5cc196,
|
||||
f: #d17905,
|
||||
g: #453d3f,
|
||||
h: #59922b,
|
||||
i: #0544d3,
|
||||
j: #6b0392,
|
||||
k: #f05b4f,
|
||||
l: #dda458,
|
||||
m: #eacf7d,
|
||||
n: #86797d,
|
||||
o: #b2c326,
|
||||
);
|
||||
|
||||
.ct-chart {
|
||||
position: relative;
|
||||
}
|
||||
.ct-series {
|
||||
.ct-line {
|
||||
stroke-width: 3px;
|
||||
}
|
||||
.ct-bar {
|
||||
stroke-width: 15px;
|
||||
}
|
||||
.ct-point {
|
||||
stroke-width: 10px;
|
||||
stroke-linecap: circle;
|
||||
}
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chartist-tooltip {
|
||||
@include border-radius(3px);
|
||||
|
||||
min-width: 3.5em;
|
||||
background: #5a5a5a;
|
||||
color: $col-white;
|
||||
|
||||
&:before {
|
||||
margin-left: -8px;
|
||||
border-width: 8px;
|
||||
border-top-color: #5a5a5a;
|
||||
}
|
||||
}
|
||||
|
||||
.ct-axis-title {
|
||||
fill: #9a9a9a;
|
||||
}
|
||||
|
||||
|
||||
/* Top Products Chart */
|
||||
.ct-label {
|
||||
@extend .font-14;
|
||||
color: $font-color;
|
||||
}
|
||||
.ct-legend {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
@include inline-block;
|
||||
position: relative;
|
||||
padding-left: 16px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 15px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
li:before {
|
||||
@include border-radius(2px);
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 0;
|
||||
content: '';
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
li.inactive:before {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&.ct-legend-inside {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
/* End Top Products Chart */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
302
admin/assets/scss/partials/_elements-bootstrap.scss
Normal file
302
admin/assets/scss/partials/_elements-bootstrap.scss
Normal file
@ -0,0 +1,302 @@
|
||||
/* Bootstrap Elements */
|
||||
|
||||
.carousel{
|
||||
&.vert{
|
||||
.carousel-item-next.carousel-item-left,
|
||||
.carousel-item-prev.carousel-item-right{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.carousel-item-next,
|
||||
.active.carousel-item-right {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100% 0);
|
||||
}
|
||||
|
||||
.carousel-item-prev,
|
||||
.active.carousel-item-left {
|
||||
-webkit-transform: translate3d(0,-100%, 0);
|
||||
transform: translate3d(0,-100%, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
/* bootstrap progress bar */
|
||||
.progress {
|
||||
@include border-radius(2px);
|
||||
@include box-shadow(none);
|
||||
|
||||
background-color: #f1f1f1;
|
||||
|
||||
&.wide {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
@include transition(width 3s ease);
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
&.progress-lg {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
&.progress-sm {
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
&.progress-xs {
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
&.progress-sm,
|
||||
&.progress-xs {
|
||||
.progress-bar {
|
||||
text-indent: -9999px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.progress-bar {
|
||||
background-color: $color-accent;
|
||||
}
|
||||
.progress-bar-success {
|
||||
background-color: $color-success;
|
||||
}
|
||||
.progress-bar-warning {
|
||||
background-color: $color-warning;
|
||||
}
|
||||
.progress-bar-danger {
|
||||
background-color: $color-danger;
|
||||
}
|
||||
.progress-bar-info {
|
||||
background-color: $color-info;
|
||||
}
|
||||
|
||||
@each $color-name, $color-value in $custom-colors {
|
||||
@include progress-transparent-variant($color-name, $color-value);
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
background-color: #181818;
|
||||
}
|
||||
.tooltip {
|
||||
&.in {
|
||||
@include opacity(1);
|
||||
}
|
||||
|
||||
&.left .tooltip-arrow {
|
||||
border-left-color: #5a5a5a;
|
||||
}
|
||||
|
||||
&.right .tooltip-arrow {
|
||||
border-right-color: #5a5a5a;
|
||||
}
|
||||
|
||||
&.top .tooltip-arrow {
|
||||
border-top-color: #5a5a5a;
|
||||
}
|
||||
|
||||
&.bottom .tooltip-arrow {
|
||||
border-bottom-color: #5a5a5a;
|
||||
}
|
||||
}
|
||||
.popover {
|
||||
@include box-shadow(0px 2px 6px 0px rgba(0,0,0,0.05));
|
||||
font-family: $font-family;
|
||||
border-color: #ededed;
|
||||
}
|
||||
.popover-title {
|
||||
font-weight: $font-weight-600;
|
||||
color: $font-color;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* accordion */
|
||||
.panel-group .panel {
|
||||
.panel-heading {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.panel-title {
|
||||
@extend .font-14;
|
||||
font-family: $font-family;
|
||||
}
|
||||
|
||||
.panel-title > a {
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
i {
|
||||
@extend .font-18;
|
||||
@extend .m-r-5;
|
||||
|
||||
&.icon-collapsed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.right {
|
||||
@extend .m-r-0;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
&.collapsed {
|
||||
.icon-expanded {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.icon-collapsed {
|
||||
@include inline-block;
|
||||
|
||||
vertical-align: baseline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* paginations */
|
||||
.pagination {
|
||||
> li > a,
|
||||
> li > span {
|
||||
color: $color-accent;
|
||||
}
|
||||
|
||||
> li {
|
||||
@include pagination-button-color($color-accent);
|
||||
|
||||
&:first-child > a,
|
||||
&:first-child > span {
|
||||
@include border-left-radius(2px);
|
||||
}
|
||||
|
||||
&:last-child > a,
|
||||
&:last-child > span {
|
||||
@include border-right-radius(2px);
|
||||
}
|
||||
}
|
||||
|
||||
> .active {
|
||||
@include pagination-button-color($color-accent);
|
||||
|
||||
> a, > span {
|
||||
background-color: $color-accent;
|
||||
border-color: darken($color-accent, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.borderless {
|
||||
> li {
|
||||
> a,
|
||||
> span {
|
||||
@include border-radius(2px);
|
||||
border-color: transparent;
|
||||
margin: 0 1px;
|
||||
}
|
||||
|
||||
&:first-child,
|
||||
&:last-child {
|
||||
> a,
|
||||
> span {
|
||||
@include border-radius(2px);
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
> a,
|
||||
> span {
|
||||
color: $col-white;
|
||||
background-color: $color-accent;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $col-white;
|
||||
background-color: $color-accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pager {
|
||||
li > a {
|
||||
border-color: $color-accent;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: $color-accent;
|
||||
border-color: darken($color-accent, 3%);
|
||||
color: $col-white;
|
||||
}
|
||||
}
|
||||
|
||||
.disabled > a,
|
||||
.disabled > a:hover,
|
||||
.disabled > a:focus,
|
||||
.disabled > span {
|
||||
border-color: #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
.bd-example-border-utils [class^=border] {
|
||||
display: inline-block;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin: .25rem;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.blockquote {
|
||||
border-left: none;
|
||||
border: 1px solid $grey-600;;
|
||||
padding: 20px;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.8;
|
||||
|
||||
&.blockquote-primary {
|
||||
border-color: $color-primary;
|
||||
small{
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
&.blockquote-info {
|
||||
border-color: $color-info;
|
||||
small{
|
||||
color: $color-info;
|
||||
}
|
||||
}
|
||||
|
||||
&.blockquote-danger {
|
||||
border-color: $color-danger;
|
||||
small{
|
||||
color: $color-danger;
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: .93em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.btn{
|
||||
@include transition(all .3s ease-in-out);
|
||||
&:hover{
|
||||
@include box-shadow(0 5px 10px 0 rgba(0,0,0,0.2));
|
||||
}
|
||||
}
|
||||
.btn-default{
|
||||
color: $grey-600;
|
||||
background-color: $col-white;
|
||||
border-color: $grey-300;
|
||||
padding: 6px 18px;
|
||||
|
||||
&.btn-sm{
|
||||
padding: 4px 10px;
|
||||
}
|
||||
}
|
||||
.btn-toolbar>.btn-group{@extend .m-l-5;}
|
||||
167
admin/assets/scss/partials/_elements.scss
Normal file
167
admin/assets/scss/partials/_elements.scss
Normal file
@ -0,0 +1,167 @@
|
||||
/* Elements */
|
||||
.metric-inline {
|
||||
@include border-radius(3px);
|
||||
@extend .align-center;
|
||||
padding: 20px;
|
||||
font-size: 36px;
|
||||
background-color: #f5f5f5;
|
||||
|
||||
i {
|
||||
@extend .displayblock;
|
||||
margin-bottom: 12px;
|
||||
color: $color-muted;
|
||||
}
|
||||
|
||||
span {
|
||||
@extend .displayblock;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.separator-linethrough {
|
||||
position: relative;
|
||||
margin: 30px 0;
|
||||
@extend .align-center;
|
||||
|
||||
span {
|
||||
@include inline-block;
|
||||
|
||||
padding: 0 10px;
|
||||
position: inherit;
|
||||
font-size: 18px;
|
||||
background-color: $col-white;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
&:after {
|
||||
@extend .displayblock;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
content: '';
|
||||
border-top: 1px solid #f0f0f0;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
.block-header{
|
||||
padding: 10px 25px;
|
||||
background: $col-white;
|
||||
@extend .m-b-25;
|
||||
|
||||
@include max-screen($break-large) {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
@include max-screen($break-small) {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
@include max-screen($break-xsmall) {
|
||||
.text-right{
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 18px;
|
||||
@extend .m-b-0;
|
||||
line-height: 28px;
|
||||
}
|
||||
.breadcrumb{
|
||||
@extend .padding-0;
|
||||
@extend .m-b-0;
|
||||
@extend .m-r-20;
|
||||
@extend .inlineblock;
|
||||
background: transparent;
|
||||
li{
|
||||
@extend .inlineblock;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* toastr notification */
|
||||
#toast-container {
|
||||
> div {
|
||||
@include opacity(1);
|
||||
|
||||
&,
|
||||
&:hover{
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.toast-close-button {
|
||||
@include opacity(.3);
|
||||
|
||||
top: -11px;
|
||||
text-shadow: none;
|
||||
color: $col-white;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
@include opacity(.5);
|
||||
}
|
||||
}
|
||||
|
||||
.toast-info {
|
||||
background-color: $color-accent;
|
||||
|
||||
.toast-close-button {
|
||||
color: darken($color-accent, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.toast-success {
|
||||
background-color: $color-success;
|
||||
|
||||
.toast-close-button {
|
||||
color: darken($color-success, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.toast-warning {
|
||||
background-color: $color-warning;
|
||||
|
||||
.toast-close-button {
|
||||
color: darken($color-warning, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.toast-error {
|
||||
background-color: $color-danger;
|
||||
|
||||
.toast-close-button {
|
||||
color: darken($color-danger, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
.toast {
|
||||
@extend .m-b-0;
|
||||
a {
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
color: $col-white;
|
||||
}
|
||||
}
|
||||
|
||||
.toast-message {
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Tags Input */
|
||||
.bootstrap-tagsinput{
|
||||
.tag{
|
||||
margin: 2px !important;
|
||||
}
|
||||
}
|
||||
/* Input Slider */
|
||||
.noUi-target{
|
||||
box-shadow: none !important;
|
||||
border-color: $grey-300;
|
||||
.noUi-background,
|
||||
.noUi-connect{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
408
admin/assets/scss/partials/_forms.scss
Normal file
408
admin/assets/scss/partials/_forms.scss
Normal file
@ -0,0 +1,408 @@
|
||||
/* Forms */
|
||||
|
||||
label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
position: relative;
|
||||
@extend .padding-0;
|
||||
|
||||
.btn {
|
||||
@include box-shadow(none);
|
||||
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 15px;
|
||||
@extend .padding-0;
|
||||
border: none;
|
||||
color: $grey-500;
|
||||
background-color: transparent;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: inherit;
|
||||
border-left: none;
|
||||
border-color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* fancy checkbox and radio button */
|
||||
.fancy-checkbox {
|
||||
margin-right: 10px;
|
||||
|
||||
&,
|
||||
label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
display: none;
|
||||
|
||||
+ span {
|
||||
@include inline-block;
|
||||
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
@include inline-block;
|
||||
|
||||
position: relative;
|
||||
bottom: 1px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px;
|
||||
content: "";
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + span:before {
|
||||
font-family: FontAwesome;
|
||||
content: '\f00c';
|
||||
font-size: 10px;
|
||||
color: $col-white;
|
||||
text-align: center;
|
||||
line-height: 21px;
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-color-green input[type="checkbox"] {
|
||||
&:checked + span:before {
|
||||
color: $color-success;
|
||||
background-color: $col-white;
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-bgcolor-green input[type="checkbox"] {
|
||||
&:checked + span:before {
|
||||
color: $col-white;
|
||||
background-color: $color-success;
|
||||
border-color: darken($color-success, 8%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-radio {
|
||||
margin-right: 10px;
|
||||
|
||||
&,
|
||||
label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
display: none;
|
||||
|
||||
+ span {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
i {
|
||||
@include inline-block;
|
||||
@include border-radius(8px);
|
||||
|
||||
position: relative;
|
||||
bottom: 1px;
|
||||
content: "";
|
||||
border: 1px solid #ccc;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + span i:after {
|
||||
@include border-radius(50%);
|
||||
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
content: '';
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #7b848c;
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-color-green input[type="radio"] {
|
||||
&:checked + span i:after {
|
||||
background-color: #53D76A;
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-bgcolor-green input[type="radio"] {
|
||||
&:checked + span i {
|
||||
background-color: #53D76A;
|
||||
|
||||
&:after {
|
||||
background-color: $col-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* fancy checkbox and fancy radio */
|
||||
.input-group-addon {
|
||||
.fancy-radio,
|
||||
.fancy-checkbox {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.fancy-radio input[type="radio"] + span i,
|
||||
.fancy-checkbox input[type="checkbox"] + span {
|
||||
margin: 0;
|
||||
|
||||
&:before {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-control {
|
||||
@include box-shadow(none);
|
||||
background-color: $col-white;
|
||||
font-size: $font-size;
|
||||
height: auto;
|
||||
|
||||
&:focus {
|
||||
@include box-shadow(none);
|
||||
outline: none;
|
||||
border-color: darken(#dadada, 10%);
|
||||
}
|
||||
}
|
||||
.help-block {
|
||||
font-size: 13px;
|
||||
color: #929292;
|
||||
}
|
||||
|
||||
/* multiselect checkbox */
|
||||
.multiselect-custom + .btn-group ul.multiselect-container {
|
||||
> li {
|
||||
> a {
|
||||
padding: 5px 15px;
|
||||
display: block;
|
||||
outline: none;
|
||||
|
||||
label.checkbox {
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
|
||||
&:before {
|
||||
@include inline-block;
|
||||
|
||||
position: relative;
|
||||
bottom: 1px;
|
||||
content: "";
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
label.checkbox:before {
|
||||
font-family: FontAwesome;
|
||||
content: '\f00c';
|
||||
font-size: 12px;
|
||||
color: #99A1A7;
|
||||
text-align: center;
|
||||
line-height: 15px;
|
||||
background-color: $grey-200;
|
||||
}
|
||||
}
|
||||
&.active{
|
||||
.checkbox{
|
||||
color: $col-white;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
background-color: $grey-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* multiselect radio */
|
||||
.multiselect-custom + .btn-group ul.multiselect-container {
|
||||
> li {
|
||||
> a {
|
||||
padding: 5px 15px;
|
||||
display: block;
|
||||
outline: none;
|
||||
|
||||
label.radio {
|
||||
padding: 0;
|
||||
|
||||
&:before {
|
||||
@include inline-block;
|
||||
@include border-radius(8px);
|
||||
|
||||
position: relative;
|
||||
bottom: 1px;
|
||||
content: "";
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
label.radio:before {
|
||||
font-family: FontAwesome;
|
||||
content: '\f111';
|
||||
color: #99a1a7;
|
||||
font-size: 8px;
|
||||
text-align: center;
|
||||
line-height: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active{
|
||||
.radio{
|
||||
color: $col-white;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: $grey-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
.multiselect-search {
|
||||
@include border-right-radius(2px !important);
|
||||
}
|
||||
.btn.multiselect-clear-filter {
|
||||
@include box-shadow(none);
|
||||
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
border: none;
|
||||
background: transparent;
|
||||
z-index: 9 !important;
|
||||
outline: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.multiselect_div{
|
||||
|
||||
> .btn-group{
|
||||
|
||||
display: block;
|
||||
|
||||
.btn{
|
||||
text-align: left;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
border: 1px solid #ced4da;
|
||||
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:after{
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
}
|
||||
}
|
||||
ul{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Date Picker */
|
||||
.datepicker{
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
|
||||
table{
|
||||
tr td.active {
|
||||
&.active,
|
||||
&.highlighted.active,
|
||||
&.highlighted:active,
|
||||
&.active:active {
|
||||
background-color: $color-accent;
|
||||
border-color: darken($color-accent, 8%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.range-to{
|
||||
padding: 4px 10px !important;
|
||||
background: #ced4da;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* parsley js */
|
||||
.parsley-errors-list {
|
||||
margin-top: 8px;
|
||||
|
||||
li {
|
||||
color: $color-danger;
|
||||
font-size: 0.9em;
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
input.parsley-error,
|
||||
select.parsley-error,
|
||||
textarea.parsley-error {
|
||||
background-color: #fbf5f5;
|
||||
border-color: darken(#fbf5f5, 8%);
|
||||
}
|
||||
|
||||
.form-control {
|
||||
&.parsley-error:focus {
|
||||
border-color: darken(#fbf5f5, 18%);
|
||||
}
|
||||
|
||||
&.parsley-success:focus {
|
||||
border-color: darken(#DFF0D8, 16%);
|
||||
}
|
||||
}
|
||||
|
||||
.md-editor > textarea {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.dropify-wrapper {
|
||||
@include border-radius(3px);
|
||||
|
||||
background-color: #f9f9f9;
|
||||
color: #b9b9b9;
|
||||
border: 1px solid #e4e4e4;
|
||||
|
||||
.dropify-preview {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
select.form-control:not([size]):not([multiple]){height: 36px;}
|
||||
|
||||
|
||||
194
admin/assets/scss/partials/_formwizard.scss
Normal file
194
admin/assets/scss/partials/_formwizard.scss
Normal file
@ -0,0 +1,194 @@
|
||||
.wizard {
|
||||
|
||||
.content {
|
||||
@extend .margin-0;
|
||||
min-height: 245px;
|
||||
overflow-y: auto;
|
||||
border-radius: 0;
|
||||
|
||||
.body {
|
||||
padding: 15px;
|
||||
|
||||
label.error{
|
||||
@extend .margin-0;
|
||||
font-size: 12px;
|
||||
color: $color-danger;
|
||||
}
|
||||
|
||||
input[type="checkbox"]{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.actions {
|
||||
position: relative;
|
||||
@extend .displayblock;
|
||||
@extend .align-right;
|
||||
width: 100%;
|
||||
margin-top: 10px !important;
|
||||
|
||||
ul{
|
||||
@extend .inlineblock;
|
||||
> li{
|
||||
float: left;
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $col-white;
|
||||
@extend .displayblock;
|
||||
text-decoration: none;
|
||||
@extend .m-l-5;
|
||||
|
||||
&:hover, &:active {
|
||||
color: $col-white;
|
||||
@extend .displayblock;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.disabled a {
|
||||
background: $grey-200;
|
||||
color: #aaa;
|
||||
|
||||
&:hover, &:active {
|
||||
background: $grey-200;
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.steps {
|
||||
|
||||
position: relative;
|
||||
@extend .displayblock;
|
||||
width: 100%;
|
||||
margin-bottom: 2px;
|
||||
|
||||
a {
|
||||
@extend .displayblock;
|
||||
width: auto;
|
||||
margin: 0 2px 0 0;
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 0;
|
||||
|
||||
&:hover, &:active {
|
||||
@extend .displayblock;
|
||||
width: auto;
|
||||
margin: 0 2px 0 0;
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.number{
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.disabled a {
|
||||
background: $grey-200;
|
||||
color: $grey-400;
|
||||
cursor: default;
|
||||
|
||||
&:hover, &:active {
|
||||
background: $grey-200;
|
||||
color: $grey-400;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.current a {
|
||||
color: $col-white;
|
||||
cursor: default;
|
||||
|
||||
&:hover, &:active {
|
||||
color: $col-white;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.done a {
|
||||
color: $col-white;
|
||||
opacity: 0.7;
|
||||
|
||||
&:hover, &:active {
|
||||
color: $col-white;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
> ul > li {
|
||||
width: 25%;
|
||||
float: left;
|
||||
&:last-child{
|
||||
a{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
> .steps {
|
||||
float: left;
|
||||
width: 30%;
|
||||
@extend .p-r-5;
|
||||
|
||||
> ul > li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
|
||||
a{
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .content {
|
||||
float: left;
|
||||
width: 70%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
float: right;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wizard_validation{
|
||||
.wizard .steps>ul>li{
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-small - 1px){
|
||||
.wizard {
|
||||
> .steps{
|
||||
> ul > li{
|
||||
width: 100%;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
a{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
&.wizard.vertical{
|
||||
>.content, >.steps{
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.wizard_validation .wizard .steps>ul>li{
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
107
admin/assets/scss/partials/_helpers.scss
Normal file
107
admin/assets/scss/partials/_helpers.scss
Normal file
@ -0,0 +1,107 @@
|
||||
//Margin
|
||||
@for $i from -25 through 25 {
|
||||
.m-l-#{$i * 5} {
|
||||
margin-left: #{$i * 5}px;
|
||||
}
|
||||
|
||||
.m-t-#{$i * 5} {
|
||||
margin-top: #{$i * 5}px;
|
||||
}
|
||||
|
||||
.m-r-#{$i * 5} {
|
||||
margin-right: #{$i * 5}px;
|
||||
}
|
||||
|
||||
.m-b-#{$i * 5} {
|
||||
margin-bottom: #{$i * 5}px;
|
||||
}
|
||||
}
|
||||
|
||||
.margin-0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
@for $i from 0 through 25 {
|
||||
.p-l-#{$i * 5} {
|
||||
padding-left: #{$i * 5}px;
|
||||
}
|
||||
|
||||
.p-t-#{$i * 5} {
|
||||
padding-top: #{$i * 5}px;
|
||||
}
|
||||
|
||||
.p-r-#{$i * 5} {
|
||||
padding-right: #{$i * 5}px;
|
||||
}
|
||||
|
||||
.p-b-#{$i * 5} {
|
||||
padding-bottom: #{$i * 5}px;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
@for $i from 5 through 49 {
|
||||
.font-#{$i + 1} {
|
||||
font-size: #{$i + 1}px;
|
||||
}
|
||||
}
|
||||
/* Helpers */
|
||||
|
||||
.bg-success {
|
||||
background-color: $color-success;
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
background-color: $color-warning;
|
||||
}
|
||||
|
||||
.bg-danger {
|
||||
background-color: $color-danger;
|
||||
}
|
||||
|
||||
.bg-info {
|
||||
background-color: $color-info;
|
||||
}
|
||||
.align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.align-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.p-25 {
|
||||
padding: 25px !important;
|
||||
}
|
||||
.font300{
|
||||
font-weight: $font-weight-300;
|
||||
}
|
||||
.font600{
|
||||
font-weight: $font-weight-600;
|
||||
}
|
||||
.font700{
|
||||
font-weight: $font-weight-700;
|
||||
}
|
||||
.w40{
|
||||
width: 40px;
|
||||
}
|
||||
.w45{
|
||||
width: 45px;
|
||||
}
|
||||
.w60{
|
||||
width: 60px;
|
||||
}
|
||||
.w80{
|
||||
width: 80px;
|
||||
}
|
||||
53
admin/assets/scss/partials/_layout.scss
Normal file
53
admin/assets/scss/partials/_layout.scss
Normal file
@ -0,0 +1,53 @@
|
||||
/* Layout */
|
||||
|
||||
#main-content {
|
||||
@include transition(all .3s ease-in-out);
|
||||
width: calc(100% - #{$sidebar-width});
|
||||
float: right;
|
||||
position: relative;
|
||||
margin-top: 65px;
|
||||
|
||||
@include max-screen($break-large) {
|
||||
width: 100%;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
@include max-screen($break-small){
|
||||
margin-top: 52px;
|
||||
}
|
||||
|
||||
> .container-fluid{
|
||||
padding-right: 20px;
|
||||
padding-left: 25px;
|
||||
|
||||
@include max-screen($break-large) {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
@include max-screen($break-small) {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html.fullscreen-bg,
|
||||
html.fullscreen-bg body,
|
||||
html.fullscreen-bg #wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vertical-align-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.vertical-align-middle {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
||||
238
admin/assets/scss/partials/_leftbar.scss
Normal file
238
admin/assets/scss/partials/_leftbar.scss
Normal file
@ -0,0 +1,238 @@
|
||||
/* Side Bar Menu */
|
||||
|
||||
#left-sidebar {
|
||||
@include transition(all .3s ease-in-out);
|
||||
@include box-shadow(0 3px 5px 0px rgba(0,0,0,.1));
|
||||
width: $sidebar-width;
|
||||
height: 100%;
|
||||
float: left;
|
||||
margin-top: 0;
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
background-color: #2c2c38;
|
||||
z-index: 9;
|
||||
|
||||
overflow-y: scroll;
|
||||
scrollbar-width: none; // Firefox /
|
||||
-ms-overflow-style: none; // IE 10+ /
|
||||
|
||||
&::-webkit-scrollbar { // WebKit /
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
@include max-screen($break-large) {
|
||||
@include box-shadow(0 5px 10px 0px rgba(0,0,0,.2));
|
||||
left: -$sidebar-width;
|
||||
}
|
||||
|
||||
.btn-toggle-offcanvas{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-brand{
|
||||
@extend .displayblock;
|
||||
padding: 0 0 15px 0;
|
||||
margin: 15px 20px 0 20px;
|
||||
border-bottom: 1px solid rgba(255,255,255,.1);
|
||||
|
||||
.logo{
|
||||
width: 30px;
|
||||
}
|
||||
span{
|
||||
@extend .inlineblock;
|
||||
@extend .font-18;
|
||||
@extend .m-l-10;
|
||||
color: $grey-400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.offcanvas-active{
|
||||
|
||||
#left-sidebar{
|
||||
left:0;
|
||||
|
||||
.btn-toggle-offcanvas{
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layout-fullwidth #wrapper {
|
||||
|
||||
.navbar-fixed-top{
|
||||
width: 100%;
|
||||
}
|
||||
#left-sidebar {
|
||||
left: -$sidebar-width;
|
||||
|
||||
&.ps {
|
||||
overflow: visible !important;
|
||||
}
|
||||
}
|
||||
|
||||
#main-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.user-account {
|
||||
@extend .align-center;
|
||||
color: $grey-400;
|
||||
margin: 20px;
|
||||
|
||||
.user_div{
|
||||
@include border-radius(90px);
|
||||
border: 1px solid #404050;
|
||||
padding: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 90px;
|
||||
|
||||
.user-photo {
|
||||
@include border-radius(90px);
|
||||
width: 90px;
|
||||
vertical-align: top;
|
||||
border: 2px solid;
|
||||
}
|
||||
}
|
||||
.user-name {
|
||||
@extend .displayblock;
|
||||
color: inherit;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.dropdown{
|
||||
@extend .displayblock;
|
||||
@extend .m-t-5;
|
||||
|
||||
.dropdown-menu{
|
||||
border-radius: $border-radius-large;
|
||||
transform: none !important;
|
||||
border: none;
|
||||
box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
|
||||
padding: 15px;
|
||||
width: 100%;
|
||||
|
||||
li.divider{
|
||||
border-bottom:1px solid rgba(255,255,255,.1);
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
a{
|
||||
@extend .displayblock;
|
||||
@extend .font-14;
|
||||
padding: 10px;
|
||||
color: $grey-500;
|
||||
|
||||
&:hover{
|
||||
color: $grey-800;
|
||||
i{
|
||||
color: $grey-800;
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
@extend .m-r-10;
|
||||
@extend .font-14;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-nav {
|
||||
margin: 0 20px;
|
||||
|
||||
ul{
|
||||
@extend .padding-0;
|
||||
@extend .margin-0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.metismenu {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
|
||||
> li {
|
||||
@extend .p-b-5;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 0%;
|
||||
flex: 1 1 0%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
&.active > a {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.active a {
|
||||
font-weight: $font-weight-700;
|
||||
}
|
||||
|
||||
i {
|
||||
@extend .inlineblock;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
width: 31px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@include transition(all .3s ease-out);
|
||||
@extend .displayblock;
|
||||
@extend .font-14;
|
||||
color: $grey-500;
|
||||
border-radius: $border-radius-small;
|
||||
position: relative;
|
||||
padding: 13px 15px;
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
ul a {
|
||||
color: $grey-600;
|
||||
font-size: $font-size;
|
||||
padding: 10px 15px 10px 47px;
|
||||
position: relative;
|
||||
|
||||
&::before{
|
||||
content: '--';
|
||||
position: absolute;
|
||||
left: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
ul ul a {
|
||||
padding: 10px 15px 10px 70px;
|
||||
}
|
||||
|
||||
ul.collapse a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
background: #24242f;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
36
admin/assets/scss/partials/_mediaobject.scss
Normal file
36
admin/assets/scss/partials/_mediaobject.scss
Normal file
@ -0,0 +1,36 @@
|
||||
.media {
|
||||
@extend .m-b-20;
|
||||
|
||||
&.mleft{
|
||||
.media-left{
|
||||
@extend .m-r-20;
|
||||
}
|
||||
}
|
||||
&.mright{
|
||||
.media-body{
|
||||
@extend .align-right;
|
||||
}
|
||||
.media-right{
|
||||
@extend .m-l-20;
|
||||
}
|
||||
}
|
||||
|
||||
.media-body {
|
||||
color: $grey-700;
|
||||
font-size: $font-size;
|
||||
|
||||
.media-heading {
|
||||
@extend .margin-0;
|
||||
font-size: 16px;
|
||||
font-weight: $font-weight-700;
|
||||
color: $grey-900;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bs-example{
|
||||
.media{
|
||||
.media-left{
|
||||
@extend .m-r-20;
|
||||
}
|
||||
}
|
||||
}
|
||||
261
admin/assets/scss/partials/_navigation.scss
Normal file
261
admin/assets/scss/partials/_navigation.scss
Normal file
@ -0,0 +1,261 @@
|
||||
/* Navigation */
|
||||
|
||||
/* Top Nav Bar */
|
||||
.btn-toggle-fullwidth {
|
||||
@include max-screen($break-1024) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-fixed-top{
|
||||
@include transition(all .3s ease-in-out);
|
||||
background: $col-white;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
width: calc(100% - 250px);
|
||||
z-index: 8;
|
||||
padding: 7px 10px;
|
||||
border-bottom: 1px solid $grey-300;
|
||||
|
||||
@include max-screen($break-large) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@include max-screen($break-small){
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar-btn{
|
||||
@extend .p-r-15;
|
||||
@extend .m-r-15;
|
||||
@extend .m-t-10;
|
||||
display: none;
|
||||
float: left;
|
||||
border-right: 1px solid $col-white;
|
||||
|
||||
button {
|
||||
@extend .p-l-10;
|
||||
font-size: 20px;
|
||||
line-height: .7;
|
||||
border: none;
|
||||
background: none;
|
||||
outline: none;
|
||||
color: $col-white;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.logo{
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
@include max-screen($break-xsmall) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
@include max-screen($break-large) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-right{
|
||||
display: inline-flex;
|
||||
|
||||
@include max-screen($break-1024){
|
||||
}
|
||||
@include max-screen($break-medium){
|
||||
}
|
||||
@include max-screen($break-small){
|
||||
}
|
||||
|
||||
#navbar-search {
|
||||
@extend .m-r-20;
|
||||
float: left;
|
||||
margin-top: 6px;
|
||||
|
||||
.form-control{
|
||||
@extend .p-l-20;
|
||||
height: 40px;
|
||||
width: 400px;
|
||||
@include max-screen($break-medium){
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@include max-screen($break-small - 1px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
@extend .margin-0;
|
||||
@extend .m-r-15;
|
||||
@extend .inlineblock;
|
||||
|
||||
> li{
|
||||
@extend .inlineblock;
|
||||
vertical-align: middle;
|
||||
a{
|
||||
color: $col-white;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@include box-shadow(0px 2px 20px 0px rgba(0,0,0,0.2));
|
||||
@extend .br8;
|
||||
top: 80%;
|
||||
position: absolute;
|
||||
border: 1px solid $col-white;
|
||||
padding:20px;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.icon-menu {
|
||||
@include inline-block;
|
||||
padding: 15px;
|
||||
position: relative;
|
||||
@include max-screen($break-small - 1px) {
|
||||
padding: 15px 12px;
|
||||
}
|
||||
i {
|
||||
color: $grey-700;
|
||||
}
|
||||
&::after{
|
||||
display: none;
|
||||
}
|
||||
.notification-dot {
|
||||
@include border-radius(50%);
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 7px;
|
||||
background-color: $col-dark;
|
||||
}
|
||||
}
|
||||
|
||||
ul.email {
|
||||
width: 360px;
|
||||
list-style: none;
|
||||
|
||||
@include max-screen($break-small) {
|
||||
width: calc(100% - 20px);
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
ul.app_menu{
|
||||
width: 226px;
|
||||
|
||||
li{
|
||||
@extend .inlineblock;
|
||||
|
||||
a{
|
||||
border-radius: $border-radius-extra-small;
|
||||
@extend .displayblock;
|
||||
@extend .align-center;
|
||||
width: 90px;
|
||||
border: 1px solid $grey-300;
|
||||
padding: 13px 0;
|
||||
margin-bottom: 3px;
|
||||
|
||||
&:hover{
|
||||
cursor: pointer;
|
||||
background: $grey-300;
|
||||
}
|
||||
span{
|
||||
@extend .displayblock;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-small - 1px) {
|
||||
margin-right: 0;
|
||||
|
||||
> li {
|
||||
//display: table-cell;
|
||||
position: inherit;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.dropdown-menu > li > a {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.open .dropdown-menu {
|
||||
@include box-shadow(0px 2px 6px 0px rgba(0,0,0,0.05));
|
||||
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background: $col-white;
|
||||
|
||||
> li > a {
|
||||
padding: 3px 20px;
|
||||
}
|
||||
|
||||
&.notifications > li > a {
|
||||
padding: 12px 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include max-screen($break-small) {
|
||||
.navbar > .container .navbar-brand,
|
||||
.navbar > .container-fluid .navbar-brand {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include min-screen($break-small + 1px) {
|
||||
}
|
||||
|
||||
|
||||
.nav .open > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
&.dropdown-md { min-width: 250px; }
|
||||
&.dropdown-lg { min-width: 360px; }
|
||||
|
||||
> li > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
> .active > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $color-accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-animated:not(.scale-left) .dropdown-menu, .dropdown-animated:not(.scale-right) .dropdown-menu { opacity: 0; visibility: hidden; -webkit-transform: translateY(15px) !important; -moz-transform: translateY(15px) !important; -ms-transform: translateY(15px) !important; transform: translateY(15px) !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; margin: 0px; top: auto !important; }
|
||||
.dropdown-animated:not(.scale-left) .dropdown-menu.show, .dropdown-animated:not(.scale-right) .dropdown-menu.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; }
|
||||
.dropdown-animated.scale-left .dropdown-menu { -webkit-transform-origin: top right !important; -moz-transform-origin: top right !important; -ms-transform-origin: top right !important; transform-origin: top right !important; transform: scale(0, 0) !important; -webkit-transform: scale(0, 0) !important; -moz-transform: scale(0, 0) !important; -ms-transform: scale(0, 0) !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; margin: 0px; right: 0 !important; left: auto !important; top: auto !important; }
|
||||
.dropdown-animated.scale-left .dropdown-menu.show { transform: scale(1, 1) !important; -webkit-transform: scale(1, 1) !important; -moz-transform: scale(1, 1) !important; -ms-transform: scale(1, 1) !important; }
|
||||
.dropdown-animated.scale-right .dropdown-menu { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transform: scale(0, 0) !important; -webkit-transform: scale(0, 0) !important; -moz-transform: scale(0, 0) !important; -ms-transform: scale(0, 0) !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; margin: 0px; top: auto !important; }
|
||||
.dropdown-animated.scale-right .dropdown-menu.show { transform: scale(1, 1) !important; -webkit-transform: scale(1, 1) !important; -moz-transform: scale(1, 1) !important; -ms-transform: scale(1, 1) !important; }
|
||||
136
admin/assets/scss/partials/_rightbar.scss
Normal file
136
admin/assets/scss/partials/_rightbar.scss
Normal file
@ -0,0 +1,136 @@
|
||||
.rightbar{
|
||||
@include box-shadow(0 5px 10px 0px rgba(0,0,0,.3));
|
||||
@include transition(all .3s ease-in-out);
|
||||
position: fixed;
|
||||
right: -320px;
|
||||
top: 0;
|
||||
width: 300px;
|
||||
background: $col-white;
|
||||
height: 100vh;
|
||||
z-index: 13;
|
||||
padding: 15px 20px;
|
||||
|
||||
@include max-screen($break-large) {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
&.open{
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.nav{
|
||||
@extend .m-b-15;
|
||||
@extend .p-b-15;
|
||||
border-bottom: 1px solid $grey-300;
|
||||
}
|
||||
|
||||
.card{
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
|
||||
h6{
|
||||
font-size: 15px;
|
||||
@extend .m-b-10;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.choose-skin{
|
||||
|
||||
@extend .m-b-0;
|
||||
|
||||
li{
|
||||
@extend .inlineblock;
|
||||
|
||||
div{
|
||||
@include transition(all .3s ease-in-out);
|
||||
@include border-radius(3px);
|
||||
@extend .inlineblock;
|
||||
@extend .m-r-10;
|
||||
@extend .m-b-10;
|
||||
height: 40px;
|
||||
width: 55px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
|
||||
|
||||
&:before{
|
||||
content: '';
|
||||
height: 5px;
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
cursor: pointer;
|
||||
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
&.purple{
|
||||
border-left: 15px solid $col-white;
|
||||
background: $grey-300;
|
||||
|
||||
&::before{
|
||||
background: $purple;
|
||||
}
|
||||
}
|
||||
&.green{
|
||||
border-left: 15px solid $col-white;
|
||||
background: $grey-300;
|
||||
|
||||
&::before{
|
||||
background: $green;
|
||||
}
|
||||
}
|
||||
&.orange{
|
||||
border-left: 15px solid $col-white;
|
||||
background: $grey-300;
|
||||
|
||||
&::before{
|
||||
background: $orange;
|
||||
}
|
||||
}
|
||||
|
||||
&.blue{
|
||||
border-left: 15px solid $grey-800;
|
||||
background: $grey-300;
|
||||
|
||||
&::before{
|
||||
background: $blue;
|
||||
}
|
||||
}
|
||||
&.cyan{
|
||||
border-left: 15px solid $grey-800;
|
||||
background: $grey-300;
|
||||
|
||||
&::before{
|
||||
background: $cyan;
|
||||
}
|
||||
}
|
||||
&.blush{
|
||||
border-left: 15px solid $grey-800;
|
||||
background: $grey-300;
|
||||
|
||||
&::before{
|
||||
background: $blush;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active{
|
||||
div{
|
||||
&::after{
|
||||
position: absolute;
|
||||
color: $grey-800;
|
||||
font-size: 12px;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
content: '\f00c';
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
19
admin/assets/scss/partials/_social-brands.scss
Normal file
19
admin/assets/scss/partials/_social-brands.scss
Normal file
@ -0,0 +1,19 @@
|
||||
/* social and brand colors */
|
||||
|
||||
/* colored icon */
|
||||
@each $social-name, $bg-color in $social-colors {
|
||||
.#{$social-name}-color {
|
||||
color: $bg-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* colored background */
|
||||
@each $social-name, $bg-color in $social-colors {
|
||||
.#{$social-name}-bg {
|
||||
background-color: $bg-color !important;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: darken($bg-color, 5%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
81
admin/assets/scss/partials/_tables.scss
Normal file
81
admin/assets/scss/partials/_tables.scss
Normal file
@ -0,0 +1,81 @@
|
||||
.table {
|
||||
.thead-primary{
|
||||
th{
|
||||
color: $col-white;
|
||||
background-color: $color-primary;
|
||||
border-color: $color-primary;
|
||||
}
|
||||
}
|
||||
.thead-success{
|
||||
th{
|
||||
color: $col-white;
|
||||
background-color: $color-success;
|
||||
border-color: $color-success;
|
||||
}
|
||||
}
|
||||
.thead-danger{
|
||||
th{
|
||||
color: $col-white;
|
||||
background-color: $color-danger;
|
||||
border-color: $color-danger;
|
||||
}
|
||||
}
|
||||
.thead-info{
|
||||
th{
|
||||
color: $col-white;
|
||||
background-color: $color-info;
|
||||
border-color: $color-info;
|
||||
}
|
||||
}
|
||||
.thead-purple{
|
||||
th{
|
||||
color: $col-white;
|
||||
background-color: $purple;
|
||||
border-color: $purple;
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
tr,
|
||||
th {
|
||||
td {
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-small - 1px) {
|
||||
div.dataTables_paginate{
|
||||
.pagination{
|
||||
justify-content: left !important;
|
||||
}
|
||||
}
|
||||
.dataTables_wrapper{
|
||||
.col-sm-12.col-md-6,
|
||||
.col-sm-12.col-md-5,
|
||||
.col-sm-12.col-md-7{
|
||||
padding: 0;
|
||||
|
||||
.dataTables_length,
|
||||
.dataTables_filter,
|
||||
.dataTables_info,
|
||||
.paging_simple_numbers{
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.dataTables_wrapper{
|
||||
div.dataTables_filter{
|
||||
text-align: left !important;
|
||||
float: left !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table-responsive{
|
||||
.dt-buttons{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
106
admin/assets/scss/partials/_tabs.scss
Normal file
106
admin/assets/scss/partials/_tabs.scss
Normal file
@ -0,0 +1,106 @@
|
||||
.nav{
|
||||
|
||||
&.nav-tabs{
|
||||
> li{
|
||||
|
||||
&.active > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #f4f7f6;
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
color: inherit;
|
||||
font-weight: $font-weight-600;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-tabs-new{
|
||||
> li{
|
||||
|
||||
> a {
|
||||
color: $grey-600;
|
||||
@extend .m-r-5;
|
||||
border: 1px solid $grey-300;
|
||||
border-radius: .25rem;
|
||||
padding:5px 15px;
|
||||
background-color: transparent;
|
||||
|
||||
@include transition(all .3s ease-in-out);
|
||||
&:hover{
|
||||
@include box-shadow(0 5px 10px 0 rgba(0,0,0,0.2));
|
||||
}
|
||||
&.active{
|
||||
border: 1px solid $grey-400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-tabs-new2{
|
||||
border-bottom: 1px solid $grey-300;
|
||||
> li{
|
||||
|
||||
> a {
|
||||
color: $grey-600;
|
||||
padding: 7px 20px;
|
||||
@extend .m-r-5;
|
||||
background-color: transparent;
|
||||
border-bottom: transparent;
|
||||
font-size: 15px;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $color-primary;
|
||||
border-bottom: 2px solid $color-primary !important;
|
||||
}
|
||||
&.active{
|
||||
border-bottom: 2px solid $color-primary !important;
|
||||
background-color: transparent;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content{
|
||||
@extend .m-t-10;
|
||||
}
|
||||
|
||||
.nav-pills{
|
||||
|
||||
> li{
|
||||
|
||||
&.active > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #efefef;
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs-colored > li.active > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #f5f5f5;
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
64
admin/assets/scss/partials/_typography.scss
Normal file
64
admin/assets/scss/partials/_typography.scss
Normal file
@ -0,0 +1,64 @@
|
||||
/* Typography */
|
||||
h6{
|
||||
font-weight: $font-weight-600;
|
||||
}
|
||||
h3{
|
||||
font-weight: $font-weight-700;
|
||||
}
|
||||
|
||||
ul.list-justify {
|
||||
> li {
|
||||
margin-bottom: 5px;
|
||||
|
||||
span,
|
||||
strong {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
&.large-number {
|
||||
> li {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: $color-accent;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: $color-info;
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: $color-success;
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: $color-warning;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: $color-danger;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: $color-muted;
|
||||
}
|
||||
|
||||
.text-larger {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.text-large {
|
||||
font-size: 1.53em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
175
admin/assets/scss/skins/_blue.scss
Normal file
175
admin/assets/scss/skins/_blue.scss
Normal file
@ -0,0 +1,175 @@
|
||||
|
||||
$white: #ffffff;
|
||||
$blue-dark: #303844 !default;
|
||||
$blue-darklight: #9da1a7;
|
||||
$blue-primary: #0e9be2 !default;
|
||||
$blue-secondary: #ffaf1d !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #303844,
|
||||
b: #0e9be2,
|
||||
c: #ffaf1d,
|
||||
d: #02b5b2,
|
||||
e: #767ee9,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-blue{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $blue-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $blue-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $blue-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $blue-secondary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $blue-darklight;
|
||||
}
|
||||
ul{
|
||||
li.active{
|
||||
a{
|
||||
color: $blue-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $blue-darklight;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: #2d3435;
|
||||
}
|
||||
.has-arrow:after{
|
||||
color: $blue-secondary;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $blue-dark;
|
||||
.user-account{
|
||||
.user_div .user-photo{
|
||||
border-color: $blue-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $blue-primary;
|
||||
border-color: $blue-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $blue-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $blue-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $blue-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $blue-primary;
|
||||
border-color: $blue-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $blue-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $blue-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $blue-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $blue-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $blue-secondary;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $blue-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $blue-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $blue-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
171
admin/assets/scss/skins/_blush.scss
Normal file
171
admin/assets/scss/skins/_blush.scss
Normal file
@ -0,0 +1,171 @@
|
||||
$white: #ffffff;
|
||||
$blush-dark: #1b1f23 !default;
|
||||
$blush-darklight: #969696;
|
||||
$blush-primary: #e25985 !default;
|
||||
$blush-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #1b1f23,
|
||||
b: #e25985,
|
||||
c: #de7f9e,
|
||||
d: #debac6,
|
||||
e: #767ee9,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-blush{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $blush-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $blush-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $blush-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $blush-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $blush-darklight;
|
||||
}
|
||||
ul{
|
||||
li.active{
|
||||
a{
|
||||
color: $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $blush-darklight;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: rgba($blush-primary, 0.1);
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $blush-dark;
|
||||
.user-account{
|
||||
.user_div .user-photo{
|
||||
border-color: $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $blush-primary;
|
||||
border-color: $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $blush-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $blush-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $blush-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $blush-primary;
|
||||
border-color: $blush-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $blush-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $blush-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $blush-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $blush-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $blush-dark;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $blush-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $blush-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $blush-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
171
admin/assets/scss/skins/_cyan.scss
Normal file
171
admin/assets/scss/skins/_cyan.scss
Normal file
@ -0,0 +1,171 @@
|
||||
$white: #ffffff;
|
||||
$cyan-dark: #242a2b !default;
|
||||
$cyan-darklight: #6f7b7d;
|
||||
$cyan-primary: #00bcd2 !default;
|
||||
$cyan-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #394344,
|
||||
b: #00bcd2,
|
||||
c: #5ed3e1,
|
||||
d: #97cad0,
|
||||
e: #394344,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-cyan{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $cyan-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $cyan-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $cyan-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $cyan-darklight;
|
||||
}
|
||||
ul{
|
||||
li.active{
|
||||
a{
|
||||
color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $cyan-darklight;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: #2d3435;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $cyan-dark;
|
||||
.user-account{
|
||||
.user_div .user-photo{
|
||||
border-color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $cyan-primary;
|
||||
border-color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $cyan-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $cyan-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $cyan-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $cyan-primary;
|
||||
border-color: $cyan-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $cyan-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $cyan-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $cyan-secondary;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $cyan-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $cyan-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $cyan-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
195
admin/assets/scss/skins/_green.scss
Normal file
195
admin/assets/scss/skins/_green.scss
Normal file
@ -0,0 +1,195 @@
|
||||
$white: #ffffff;
|
||||
$green-dark: #182973 !default;
|
||||
$green-darklight: #6f7b7d;
|
||||
$green-light: #e8e8e8;
|
||||
$green-primary: #29bd73 !default;
|
||||
$green-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #182973,
|
||||
b: #29bd73,
|
||||
c: #6bc196,
|
||||
d: #a4d4bc,
|
||||
e: #00bcd2,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-green{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $green-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $green-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $green-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $green-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $green-dark;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $green-dark;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: $green-dark;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.has-arrow:after{
|
||||
color: $green-light;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $white;
|
||||
.navbar-brand{
|
||||
border-color: $green-light;
|
||||
span{
|
||||
color: $green-primary;
|
||||
}
|
||||
}
|
||||
.user-account{
|
||||
color: $green-dark;
|
||||
.user_div{
|
||||
border-color: $green-light;
|
||||
.user-photo{
|
||||
border-color: $green-primary;
|
||||
}
|
||||
}
|
||||
.dropdown-menu{
|
||||
background: $green-dark;
|
||||
a{
|
||||
color: $green-light;
|
||||
&:hover{
|
||||
color: $green-primary;
|
||||
i{
|
||||
color: $green-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $green-primary;
|
||||
border-color: $green-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $green-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $green-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $green-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $green-primary;
|
||||
border-color: $green-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $green-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $green-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $green-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $green-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $green-dark;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $green-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $green-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $green-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
195
admin/assets/scss/skins/_orange.scss
Normal file
195
admin/assets/scss/skins/_orange.scss
Normal file
@ -0,0 +1,195 @@
|
||||
$white: #ffffff;
|
||||
$orange-dark: #380e47 !default;
|
||||
$orange-darklight: #6f7b7d;
|
||||
$orange-light: #e8e8e8;
|
||||
$orange-primary: #feb800 !default;
|
||||
$orange-secondary: #1a79ee !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #380e47,
|
||||
b: #feb800,
|
||||
c: #ffd974,
|
||||
d: #e4dbc2,
|
||||
e: #1a79ee,
|
||||
f: #2ac151,
|
||||
);
|
||||
|
||||
.theme-orange{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $orange-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $orange-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $orange-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $orange-dark;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
i{
|
||||
color: $orange-dark;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $orange-dark;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: $orange-primary;
|
||||
color: $white;
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.has-arrow:after{
|
||||
color: $orange-light;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $white;
|
||||
.navbar-brand{
|
||||
border-color: $orange-light;
|
||||
span{
|
||||
color: $orange-primary;
|
||||
}
|
||||
}
|
||||
.user-account{
|
||||
color: $orange-dark;
|
||||
.user_div{
|
||||
border-color: $orange-light;
|
||||
.user-photo{
|
||||
border-color: $orange-primary;
|
||||
}
|
||||
}
|
||||
.dropdown-menu{
|
||||
background: $orange-dark;
|
||||
a{
|
||||
color: $orange-light;
|
||||
&:hover{
|
||||
color: $orange-primary;
|
||||
i{
|
||||
color: $orange-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
|
||||
&:checked + span:before {
|
||||
background: $orange-primary;
|
||||
border-color: $orange-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $orange-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $orange-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $orange-primary;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $orange-primary;
|
||||
border-color: $orange-primary;
|
||||
color:$white;
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $orange-primary;
|
||||
}
|
||||
&:before{
|
||||
background: $orange-dark;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $orange-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $orange-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background: $orange-dark;
|
||||
}
|
||||
}
|
||||
.maintenance{
|
||||
background: $orange-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $orange-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $orange-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
175
admin/assets/scss/skins/_purple.scss
Normal file
175
admin/assets/scss/skins/_purple.scss
Normal file
@ -0,0 +1,175 @@
|
||||
$white: #ffffff;
|
||||
$purple-dark: #292c3f !default;
|
||||
$purple-darklight: #6f7b7d;
|
||||
$purple-light: #e8e8e8;
|
||||
$purple-primary: #6462ef !default;
|
||||
$purple-secondary: #00bcd2 !default;
|
||||
|
||||
$ct-series-colors: (
|
||||
a: #292c3f,
|
||||
b: #6462ef,
|
||||
c: #8f8de7,
|
||||
d: #b4b3e4,
|
||||
e: #00bcd2,
|
||||
f: #d17905,
|
||||
);
|
||||
|
||||
.theme-purple{
|
||||
|
||||
::selection {
|
||||
color: $white;
|
||||
background: $purple-primary;
|
||||
}
|
||||
.page-loader-wrapper{
|
||||
background: $purple-primary;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
background: $purple-primary;
|
||||
|
||||
.form-control{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.icon-menu i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.sidebar-nav .metismenu{
|
||||
>li{
|
||||
&.active>a{
|
||||
background: $purple-primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: $purple-dark;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus{
|
||||
background: $purple-dark;
|
||||
color: $purple-light;
|
||||
}
|
||||
}
|
||||
#left-sidebar{
|
||||
background: $white;
|
||||
.navbar-brand{
|
||||
border-color: $purple-light;
|
||||
span{
|
||||
color: $purple-primary;
|
||||
}
|
||||
}
|
||||
.user-account{
|
||||
color: $purple-dark;
|
||||
.user_div{
|
||||
border-color: $purple-light;
|
||||
.user-photo{
|
||||
border-color: $purple-primary;
|
||||
}
|
||||
}
|
||||
.dropdown-menu{
|
||||
background: $purple-primary;
|
||||
a{
|
||||
color: $purple-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancy-checkbox {
|
||||
input[type="checkbox"] {
|
||||
&:checked + span:before {
|
||||
background: $purple-primary;
|
||||
border-color: $purple-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-widget {
|
||||
li {
|
||||
&.right {
|
||||
|
||||
.chat-info {
|
||||
background: $purple-primary;
|
||||
color: $white;
|
||||
|
||||
&:before{
|
||||
border-left: 10px solid $purple-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right_chat li a:hover{
|
||||
.media-object {
|
||||
border-color: $purple-primary;
|
||||
}
|
||||
}
|
||||
.auth-main{
|
||||
&:after{
|
||||
background: $purple-primary;
|
||||
}
|
||||
&:before{
|
||||
background: #17191c;
|
||||
}
|
||||
}
|
||||
.wizard{
|
||||
>.steps{
|
||||
.current a{
|
||||
background: $purple-primary;
|
||||
}
|
||||
.done a{
|
||||
background: $purple-darklight;
|
||||
}
|
||||
}
|
||||
.actions a{
|
||||
background:#feb800;
|
||||
}
|
||||
}
|
||||
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
|
||||
background: $purple-primary;
|
||||
border-color: $purple-primary;
|
||||
color: $white;
|
||||
}
|
||||
.maintenance{
|
||||
background: $purple-primary;
|
||||
>div{
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
.noUi-connect{
|
||||
background: $purple-primary;
|
||||
}
|
||||
|
||||
.blog-page .single_post .footer .stats li a:hover{
|
||||
color: $purple-primary;
|
||||
}
|
||||
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$series-name} {
|
||||
.ct-line,
|
||||
.ct-bar,
|
||||
.ct-point {
|
||||
stroke: $series-color;
|
||||
}
|
||||
|
||||
.ct-area,
|
||||
.ct-slice-donut-solid,
|
||||
.ct-slice-pie,
|
||||
.ct-bar {
|
||||
fill: $series-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ct-legend {
|
||||
|
||||
$i: 0;
|
||||
@each $series-name, $series-color in $ct-series-colors {
|
||||
.ct-series-#{$i}:before {
|
||||
background-color: $series-color;
|
||||
border-color: $series-color;
|
||||
}
|
||||
|
||||
$i: $i + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user