update
ilhamwara
parent
37bb8325bf
commit
0001fa2fe8
|
|
@ -0,0 +1,39 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Auth;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use Illuminate\Foundation\Auth\ConfirmsPasswords;
|
||||
|
||||
class ConfirmPasswordController extends Controller
|
||||
{
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Confirm Password Controller
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| This controller is responsible for handling password confirmations and
|
||||
| uses a simple trait to include the behavior. You're free to explore
|
||||
| this trait and override any functions that require customization.
|
||||
|
|
||||
*/
|
||||
|
||||
use ConfirmsPasswords;
|
||||
|
||||
/**
|
||||
* Where to redirect users when the intended url fails.
|
||||
*
|
||||
* @var string
|
||||
*/
|
||||
protected $redirectTo = '/home';
|
||||
|
||||
/**
|
||||
* Create a new controller instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
$this->middleware('auth');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Auth;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use Illuminate\Foundation\Auth\SendsPasswordResetEmails;
|
||||
|
||||
class ForgotPasswordController extends Controller
|
||||
{
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Password Reset Controller
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| This controller is responsible for handling password reset emails and
|
||||
| includes a trait which assists in sending these notifications from
|
||||
| your application to your users. Feel free to explore this trait.
|
||||
|
|
||||
*/
|
||||
|
||||
use SendsPasswordResetEmails;
|
||||
}
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Auth;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use Illuminate\Foundation\Auth\AuthenticatesUsers;
|
||||
|
||||
class LoginController extends Controller
|
||||
{
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Login Controller
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| This controller handles authenticating users for the application and
|
||||
| redirecting them to your home screen. The controller uses a trait
|
||||
| to conveniently provide its functionality to your applications.
|
||||
|
|
||||
*/
|
||||
|
||||
use AuthenticatesUsers;
|
||||
|
||||
/**
|
||||
* Where to redirect users after login.
|
||||
*
|
||||
* @var string
|
||||
*/
|
||||
protected $redirectTo = '/home';
|
||||
|
||||
/**
|
||||
* Create a new controller instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
$this->middleware('guest')->except('logout');
|
||||
$this->middleware('auth')->only('logout');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Auth;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\User;
|
||||
use Illuminate\Foundation\Auth\RegistersUsers;
|
||||
use Illuminate\Support\Facades\Hash;
|
||||
use Illuminate\Support\Facades\Validator;
|
||||
|
||||
class RegisterController extends Controller
|
||||
{
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Register Controller
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| This controller handles the registration of new users as well as their
|
||||
| validation and creation. By default this controller uses a trait to
|
||||
| provide this functionality without requiring any additional code.
|
||||
|
|
||||
*/
|
||||
|
||||
use RegistersUsers;
|
||||
|
||||
/**
|
||||
* Where to redirect users after registration.
|
||||
*
|
||||
* @var string
|
||||
*/
|
||||
protected $redirectTo = '/home';
|
||||
|
||||
/**
|
||||
* Create a new controller instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
$this->middleware('guest');
|
||||
}
|
||||
|
||||
/**
|
||||
* Get a validator for an incoming registration request.
|
||||
*
|
||||
* @param array $data
|
||||
* @return \Illuminate\Contracts\Validation\Validator
|
||||
*/
|
||||
protected function validator(array $data)
|
||||
{
|
||||
return Validator::make($data, [
|
||||
'name' => ['required', 'string', 'max:255'],
|
||||
'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
|
||||
'password' => ['required', 'string', 'min:8', 'confirmed'],
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Create a new user instance after a valid registration.
|
||||
*
|
||||
* @param array $data
|
||||
* @return \App\Models\User
|
||||
*/
|
||||
protected function create(array $data)
|
||||
{
|
||||
return User::create([
|
||||
'name' => $data['name'],
|
||||
'email' => $data['email'],
|
||||
'password' => Hash::make($data['password']),
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Auth;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use Illuminate\Foundation\Auth\ResetsPasswords;
|
||||
|
||||
class ResetPasswordController extends Controller
|
||||
{
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Password Reset Controller
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| This controller is responsible for handling password reset requests
|
||||
| and uses a simple trait to include this behavior. You're free to
|
||||
| explore this trait and override any methods you wish to tweak.
|
||||
|
|
||||
*/
|
||||
|
||||
use ResetsPasswords;
|
||||
|
||||
/**
|
||||
* Where to redirect users after resetting their password.
|
||||
*
|
||||
* @var string
|
||||
*/
|
||||
protected $redirectTo = '/home';
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Auth;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use Illuminate\Foundation\Auth\VerifiesEmails;
|
||||
|
||||
class VerificationController extends Controller
|
||||
{
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Email Verification Controller
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| This controller is responsible for handling email verification for any
|
||||
| user that recently registered with the application. Emails may also
|
||||
| be re-sent if the user didn't receive the original email message.
|
||||
|
|
||||
*/
|
||||
|
||||
use VerifiesEmails;
|
||||
|
||||
/**
|
||||
* Where to redirect users after verification.
|
||||
*
|
||||
* @var string
|
||||
*/
|
||||
protected $redirectTo = '/home';
|
||||
|
||||
/**
|
||||
* Create a new controller instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
$this->middleware('auth');
|
||||
$this->middleware('signed')->only('verify');
|
||||
$this->middleware('throttle:6,1')->only('verify', 'resend');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use Illuminate\Http\Request;
|
||||
|
||||
class HomeController extends Controller
|
||||
{
|
||||
/**
|
||||
* Create a new controller instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
$this->middleware('auth');
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the application dashboard.
|
||||
*
|
||||
* @return \Illuminate\Contracts\Support\Renderable
|
||||
*/
|
||||
public function index()
|
||||
{
|
||||
return view('home');
|
||||
}
|
||||
}
|
||||
|
|
@ -9,7 +9,8 @@
|
|||
"guzzlehttp/guzzle": "^7.2",
|
||||
"laravel/framework": "^10.0",
|
||||
"laravel/sanctum": "^3.2",
|
||||
"laravel/tinker": "^2.8"
|
||||
"laravel/tinker": "^2.8",
|
||||
"laravel/ui": "^4.6"
|
||||
},
|
||||
"require-dev": {
|
||||
"fakerphp/faker": "^1.9.1",
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
|
||||
"This file is @generated automatically"
|
||||
],
|
||||
"content-hash": "bfe12996eeecb6fdc8713a9fd9d431f8",
|
||||
"content-hash": "8fac62fa000557439a1027c0c1519c98",
|
||||
"packages": [
|
||||
{
|
||||
"name": "brick/math",
|
||||
|
|
@ -1512,6 +1512,69 @@
|
|||
},
|
||||
"time": "2025-01-27T14:24:01+00:00"
|
||||
},
|
||||
{
|
||||
"name": "laravel/ui",
|
||||
"version": "v4.6.1",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/laravel/ui.git",
|
||||
"reference": "7d6ffa38d79f19c9b3e70a751a9af845e8f41d88"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/laravel/ui/zipball/7d6ffa38d79f19c9b3e70a751a9af845e8f41d88",
|
||||
"reference": "7d6ffa38d79f19c9b3e70a751a9af845e8f41d88",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"illuminate/console": "^9.21|^10.0|^11.0|^12.0",
|
||||
"illuminate/filesystem": "^9.21|^10.0|^11.0|^12.0",
|
||||
"illuminate/support": "^9.21|^10.0|^11.0|^12.0",
|
||||
"illuminate/validation": "^9.21|^10.0|^11.0|^12.0",
|
||||
"php": "^8.0",
|
||||
"symfony/console": "^6.0|^7.0"
|
||||
},
|
||||
"require-dev": {
|
||||
"orchestra/testbench": "^7.35|^8.15|^9.0|^10.0",
|
||||
"phpunit/phpunit": "^9.3|^10.4|^11.5"
|
||||
},
|
||||
"type": "library",
|
||||
"extra": {
|
||||
"laravel": {
|
||||
"providers": [
|
||||
"Laravel\\Ui\\UiServiceProvider"
|
||||
]
|
||||
},
|
||||
"branch-alias": {
|
||||
"dev-master": "4.x-dev"
|
||||
}
|
||||
},
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Laravel\\Ui\\": "src/",
|
||||
"Illuminate\\Foundation\\Auth\\": "auth-backend/"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Taylor Otwell",
|
||||
"email": "taylor@laravel.com"
|
||||
}
|
||||
],
|
||||
"description": "Laravel UI utilities and presets.",
|
||||
"keywords": [
|
||||
"laravel",
|
||||
"ui"
|
||||
],
|
||||
"support": {
|
||||
"source": "https://github.com/laravel/ui/tree/v4.6.1"
|
||||
},
|
||||
"time": "2025-01-28T15:15:29+00:00"
|
||||
},
|
||||
{
|
||||
"name": "league/commonmark",
|
||||
"version": "2.6.1",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,32 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
return new class extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function up()
|
||||
{
|
||||
Schema::create('password_resets', function (Blueprint $table) {
|
||||
$table->string('email')->index();
|
||||
$table->string('token');
|
||||
$table->timestamp('created_at')->nullable();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function down()
|
||||
{
|
||||
Schema::dropIfExists('password_resets');
|
||||
}
|
||||
};
|
||||
|
|
@ -5,8 +5,13 @@
|
|||
"build": "vite build"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@popperjs/core": "^2.11.6",
|
||||
"@vitejs/plugin-vue": "^4.5.0",
|
||||
"axios": "^1.1.2",
|
||||
"bootstrap": "^5.2.3",
|
||||
"laravel-vite-plugin": "^0.7.2",
|
||||
"vite": "^4.0.0"
|
||||
"sass": "^1.56.1",
|
||||
"vite": "^4.0.0",
|
||||
"vue": "^3.2.37"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,31 @@
|
|||
var gulp = require('gulp');
|
||||
var gutil = require('gulp-util');
|
||||
var build = require('./build');
|
||||
var func = require('./compile');
|
||||
|
||||
// merge with default parameters
|
||||
var args = Object.assign({
|
||||
'prod': false
|
||||
}, gutil.env);
|
||||
|
||||
if (args['prod'] !== false) {
|
||||
// force disable debug for production
|
||||
build.config.debug = false;
|
||||
}
|
||||
|
||||
// task to bundle js/css
|
||||
gulp.task('build-bundle', function (done) {
|
||||
console.log('==================> Generating bundles...');
|
||||
|
||||
func.objectBuildTree(build.build, function (val) {
|
||||
if (typeof val.src !== 'undefined') {
|
||||
if (typeof val.bundle !== 'undefined') {
|
||||
func.bundle(val);
|
||||
}
|
||||
if (typeof val.output !== 'undefined') {
|
||||
func.output(val);
|
||||
}
|
||||
}
|
||||
});
|
||||
done();
|
||||
});
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
// for html
|
||||
var gulp = require('gulp');
|
||||
var hb = require('gulp-hb');
|
||||
var prettify = require('gulp-prettify');
|
||||
var rename = require('gulp-rename');
|
||||
var build = require('./build');
|
||||
|
||||
gulp.task('build-html', function (done) {
|
||||
console.log('==================> Building HTML pages');
|
||||
|
||||
gulp
|
||||
/* handlebar page src */
|
||||
.src(build.config.path.src + '/content/**/*.hbs')
|
||||
.pipe(hb({
|
||||
partials: build.config.path.src + '/template/**/*.hbs',
|
||||
helpers: build.config.path.src + '/template/_helpers/*.js',
|
||||
data: build.config.data
|
||||
}))
|
||||
/* compile handlebars to html pages */
|
||||
.pipe(rename({
|
||||
extname: '.html'
|
||||
}))
|
||||
/* clear directory names */
|
||||
.pipe(rename({
|
||||
dirname: ''
|
||||
}))
|
||||
/* write html files */
|
||||
.pipe(prettify({
|
||||
indent_handlebars: true,
|
||||
indent_inner_html: true,
|
||||
preserve_newlines: true,
|
||||
end_with_newline: true,
|
||||
max_preserve_newlines: 0,
|
||||
brace_style: 'expand',
|
||||
indent_char: ' ',
|
||||
indent_size: 2
|
||||
}))
|
||||
.pipe(gulp.dest(build.config.dist.theme.path))
|
||||
.on('end', function () {
|
||||
//log('=======> Building HTML pages...DONE!');
|
||||
console.log('==================> Building HTML pages...DONE!');
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
const gulp = require('gulp');
|
||||
const { src, dest } = require("gulp");
|
||||
const through = require("through2");
|
||||
const build = require('./build');
|
||||
|
||||
// gulp task
|
||||
function json() {
|
||||
return src(build.config.path.src + '/nav.json')
|
||||
.pipe(
|
||||
through.obj((file, enc, cb) => {
|
||||
// get content of json file
|
||||
const rawJSON = file.contents.toString();
|
||||
|
||||
// parse raw json into javscript object
|
||||
const parsed = JSON.parse(rawJSON);
|
||||
|
||||
// transform json into desired shape
|
||||
const transformed = transformJson(parsed);
|
||||
|
||||
// make string from javascript obj
|
||||
const stringified = JSON.stringify(transformed, null, 2);
|
||||
|
||||
// make bufer from string and attach it as current file content
|
||||
file.contents = Buffer.from(stringified);
|
||||
|
||||
// pass transformed file into next gulp pipe
|
||||
cb(null, file);
|
||||
})
|
||||
)
|
||||
.pipe(dest("dest"));
|
||||
}
|
||||
|
||||
// transformation
|
||||
function transformJson(input) {
|
||||
const result = { nav: {} };
|
||||
|
||||
// read json field by field
|
||||
Object.keys(input).forEach(topLevelKey => {
|
||||
// current object
|
||||
const topLevelItem = input[topLevelKey];
|
||||
|
||||
// in your design topLevelItems are arrays
|
||||
topLevelItem.forEach(menuItem => {
|
||||
if (menuItem.title) {
|
||||
// make url either from item href or title
|
||||
const itemUrl = makeUrl(menuItem.href || menuItem.title);
|
||||
result.nav[itemUrl] = menuItem.title;
|
||||
}
|
||||
|
||||
// prcoess children
|
||||
if (menuItem.items) {
|
||||
menuItem.items
|
||||
.filter(child => !!child.title) // process only child items with title
|
||||
.forEach(child => {
|
||||
const childUrl = makeUrl(child.href || child.title);
|
||||
result.nav[childUrl] = child.title;
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// helper func
|
||||
function makeUrl(href) {
|
||||
return href
|
||||
.toLowerCase()
|
||||
.replace(/\.html$/, "")
|
||||
.replace(/\s/g, "_");
|
||||
}
|
||||
|
||||
// export for use in command line
|
||||
exports.json = json;
|
||||
|
||||
gulp.task('build-lang', function (done) {
|
||||
json();
|
||||
done();
|
||||
});
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
"use strict";
|
||||
|
||||
var gulp = require("gulp");
|
||||
var nav = require('./../src/nav');
|
||||
var build = require('./build');
|
||||
var func = require('./compile');
|
||||
var menu = func.fillProperties({
|
||||
groups: nav.lists,
|
||||
seedOnly: build.config.compile.seedOnly
|
||||
});
|
||||
|
||||
// push nav objects
|
||||
gulp.task("build-nav", function (done) {
|
||||
console.log('==================> Generating nav.hbs...');
|
||||
func.writeNavigation(menu, build.config.path.exportPath);
|
||||
func.formatOutput({
|
||||
inputPath: build.config.path.exportPath,
|
||||
outputPath: build.config.path.outputPath
|
||||
});
|
||||
done();
|
||||
});
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
"use strict";
|
||||
|
||||
const gulp = require("gulp");
|
||||
const dirTree = require('dir-tree-creator')
|
||||
|
||||
/*dirTree('some/dir', { label: 'custom label' }, (err, tr) => {
|
||||
if (err) return console.error(err)
|
||||
console.log(tr)
|
||||
})
|
||||
*/
|
||||
gulp.task("dirTree", function (done) {
|
||||
console.log('==================> Generating diretoryTreeToObj...');
|
||||
dirTree('./src/', { label: 'SmartAdmin Source' }, (err, tr) => {
|
||||
if (err) return console.error(err)
|
||||
console.log(tr)
|
||||
})
|
||||
done();
|
||||
});
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
var gulp = require('gulp');
|
||||
var log = require('fancy-log');
|
||||
var config = require('./../build.json');
|
||||
|
||||
module.exports = config;
|
||||
|
||||
// entry point
|
||||
gulp.task('build', function (done) {
|
||||
var tasks = [
|
||||
'build-bundle',
|
||||
'build-nav',
|
||||
'build-html',
|
||||
'watch',
|
||||
'connect'];
|
||||
// clean first and then start bundling
|
||||
return gulp.series(tasks, function (seriesDone) {
|
||||
seriesDone();
|
||||
done();
|
||||
log('Build Completed!');
|
||||
})();
|
||||
});
|
||||
|
|
@ -0,0 +1,449 @@
|
|||
'use strict';
|
||||
|
||||
var gulp = require('gulp');
|
||||
var sass = require('gulp-sass');
|
||||
var sassGlob = require('gulp-sass-glob');
|
||||
var rewrite = require('gulp-rewrite-css');
|
||||
var concat = require('gulp-concat');
|
||||
var lazypipe = require('lazypipe');
|
||||
var gulpif = require('gulp-if');
|
||||
var uglify = require('gulp-uglify');
|
||||
var cleancss = require('gulp-clean-css');
|
||||
var sourcemaps = require('gulp-sourcemaps');
|
||||
var path = require('path');
|
||||
var gutil = require('gulp-util');
|
||||
var autoprefixer = require('gulp-autoprefixer');
|
||||
var prettify = require('gulp-prettify');
|
||||
var fs = require('fs');
|
||||
var build = require('./build');
|
||||
var args = Object.assign({
|
||||
'prod': false
|
||||
}, gutil.env);
|
||||
|
||||
if (args['prod'] !== false) {
|
||||
build.config.debug = false;
|
||||
build.config.compile.jsUglify = true;
|
||||
build.config.compile.cssMinify = true;
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config: Object.assign({}, {
|
||||
debug: true,
|
||||
compile: {
|
||||
jsUglify: false,
|
||||
cssMinify: false,
|
||||
jsSourcemaps: true,
|
||||
cssSourcemaps: true,
|
||||
autoprefixer: true,
|
||||
seedOnly: false
|
||||
},
|
||||
'path': {
|
||||
'src': './src',
|
||||
'node_modules': './node_modules'
|
||||
},
|
||||
'dist': {
|
||||
'theme': {
|
||||
'path': './dist'
|
||||
}
|
||||
}
|
||||
}, build.config),
|
||||
objectBuildTree: function (array, funcname, userdata) {
|
||||
if (!array || typeof array !== 'object') {
|
||||
return false;
|
||||
}
|
||||
if (typeof funcname !== 'function') {
|
||||
return false;
|
||||
}
|
||||
for (var key in array) {
|
||||
if (Object.prototype.toString.call(array[key]) === '[object Object]') {
|
||||
var funcArgs = [array[key], funcname];
|
||||
if (arguments.length > 2) {
|
||||
funcArgs.push(userdata);
|
||||
}
|
||||
if (module.exports.objectBuildTree.apply(null, funcArgs) === false) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
try {
|
||||
if (arguments.length > 2) {
|
||||
funcname(array[key], key, userdata);
|
||||
} else {
|
||||
funcname(array[key], key);
|
||||
}
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
},
|
||||
jsOutput: function () {
|
||||
var config = this.config.compile;
|
||||
return lazypipe()
|
||||
.pipe(function () {
|
||||
return gulpif(config.jsSourcemaps, sourcemaps.init({
|
||||
loadMaps: true,
|
||||
debug: config.debug
|
||||
}));
|
||||
})
|
||||
.pipe(function () {
|
||||
return gulpif(config.jsUglify, uglify());
|
||||
})
|
||||
.pipe(function () {
|
||||
return gulpif(config.jsSourcemaps, sourcemaps.write('./'));
|
||||
});
|
||||
},
|
||||
cssOutput: function () {
|
||||
var config = this.config.compile;
|
||||
return lazypipe()
|
||||
/* .pipe(function () {
|
||||
return gulpif(config.cssSourcemaps, sourcemaps.init({loadMaps: true, debug: config.debug}));
|
||||
}) */
|
||||
.pipe(function () {
|
||||
return gulpif(config.cssMinify, cleancss({
|
||||
debug: config.debug
|
||||
}));
|
||||
})
|
||||
.pipe(function () {
|
||||
return gulpif(config.autoprefixer, autoprefixer({
|
||||
browsers: ['last 2 versions']
|
||||
}));
|
||||
})
|
||||
.pipe(function () {
|
||||
return gulpif(config.cssSourcemaps, sourcemaps.write('./'));
|
||||
});
|
||||
},
|
||||
outputStream: function (path, outputFile) {
|
||||
if (typeof outputFile === 'undefined') outputFile = '';
|
||||
var piping = lazypipe();
|
||||
var outputPaths = [];
|
||||
var regex = new RegExp(/\{\$.*?\}/);
|
||||
var matched = path.match(regex);
|
||||
if (matched) {
|
||||
for (var app in build.config.dist) {
|
||||
if (!build.config.dist.hasOwnProperty(app)) continue;
|
||||
var output = build.config.dist[app].path;
|
||||
outputPaths.push(path.replace(matched[0], output).replace(outputFile, ''));
|
||||
}
|
||||
}
|
||||
outputPaths.forEach(function (output) {
|
||||
(function (_output) {
|
||||
piping = piping.pipe(function () {
|
||||
return gulp.dest(_output);
|
||||
});
|
||||
})(output);
|
||||
});
|
||||
return piping;
|
||||
},
|
||||
streamPath: function (path) {
|
||||
var regex = new RegExp(/\{\$(.*?)\}/);
|
||||
var dot = function (obj, i) {
|
||||
return obj[i];
|
||||
};
|
||||
var matched = path.match(regex);
|
||||
if (matched) {
|
||||
var realpath = matched[1].split('.').reduce(dot, build);
|
||||
path = path.replace(matched[0], realpath);
|
||||
return path;
|
||||
}
|
||||
return path;
|
||||
},
|
||||
streamPaths: function (paths) {
|
||||
paths.forEach(function (path, i) {
|
||||
paths[i] = module.exports.streamPath(path);
|
||||
});
|
||||
},
|
||||
cssRewritePaths: function (folder) {
|
||||
var imgRegex = new RegExp(/\.(gif|jpg|jpeg|tiff|png|ico)$/i);
|
||||
//var fontRegex = new RegExp(/\.(otf|eot|svg|ttf|woff|woff2)$/i);
|
||||
var config = this.config;
|
||||
return lazypipe().pipe(function () {
|
||||
// rewrite css relative path
|
||||
return rewrite({
|
||||
destination: folder,
|
||||
debug: config.debug,
|
||||
adaptPath: function (ctx) {
|
||||
var isCss = ctx.sourceFile.match(/\.[css]+$/i);
|
||||
// process css only
|
||||
if (isCss[0] === '.css') {
|
||||
var pieces = ctx.sourceDir.split('\\');
|
||||
var vendor = pieces[pieces.indexOf('node_modules') + 1];
|
||||
if (pieces.indexOf('node_modules') === -1) {
|
||||
vendor = pieces[pieces.indexOf('vendors') + 1];
|
||||
}
|
||||
var file = module.exports.baseName(ctx.targetFile);
|
||||
var extension = 'webfonts/';
|
||||
if (imgRegex.test(file)) {
|
||||
extension = 'img/';
|
||||
}
|
||||
return path.join(extension, file);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
baseName: function (path) {
|
||||
var maybeFile = path.split('/').pop();
|
||||
if (maybeFile.indexOf('.') !== -1) {
|
||||
return maybeFile;
|
||||
}
|
||||
return '';
|
||||
},
|
||||
bundle: function (bundle) {
|
||||
var _self = this;
|
||||
var tasks = [];
|
||||
if (typeof bundle.src !== 'undefined' && typeof bundle.bundle !== 'undefined') {
|
||||
// images and fonts for vendor
|
||||
if ('required' in bundle.src && 'optional' in bundle.src) {
|
||||
var vendors = {};
|
||||
for (var key in bundle.src) {
|
||||
if (!bundle.src.hasOwnProperty(key)) continue;
|
||||
vendors = Object.assign(vendors, bundle.src[key]);
|
||||
}
|
||||
for (var vendor in vendors) {
|
||||
if (!vendors.hasOwnProperty(vendor)) continue;
|
||||
var vendorObj = vendors[vendor];
|
||||
for (var type in vendorObj) {
|
||||
if (!vendorObj.hasOwnProperty(type)) continue;
|
||||
_self.streamPaths(vendorObj[type]);
|
||||
switch (type) {
|
||||
case 'fonts':
|
||||
gulp.src(vendorObj[type])
|
||||
.pipe(_self.outputStream(bundle.bundle.fonts)());
|
||||
break;
|
||||
case 'images':
|
||||
gulp.src(vendorObj[type])
|
||||
.pipe(_self.outputStream(bundle.bundle.images)());
|
||||
break;
|
||||
case 'json':
|
||||
gulp.src(vendorObj[type])
|
||||
.pipe(_self.outputStream(bundle.bundle.json)());
|
||||
break;
|
||||
case 'media':
|
||||
gulp.src(vendorObj[type])
|
||||
.pipe(_self.outputStream(bundle.bundle.media)());
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!('styles' in bundle.src) && !('scripts' in bundle.src)) {
|
||||
var src = {
|
||||
styles: [],
|
||||
scripts: []
|
||||
};
|
||||
_self.objectBuildTree(bundle.src, function (paths, type) {
|
||||
switch (type) {
|
||||
case 'styles':
|
||||
case 'scripts':
|
||||
src[type] = src[type].concat(paths);
|
||||
break;
|
||||
}
|
||||
});
|
||||
bundle.src = src;
|
||||
}
|
||||
for (var type in bundle.src) {
|
||||
if (!bundle.src.hasOwnProperty(type)) continue;
|
||||
if (Object.prototype.toString.call(bundle.src[type]) !== '[object Array]') continue;
|
||||
if (typeof bundle.bundle[type] === 'undefined') continue;
|
||||
_self.streamPaths(bundle.src[type]);
|
||||
var outputFile = _self.baseName(bundle.bundle[type]);
|
||||
switch (type) {
|
||||
case 'styles':
|
||||
gulp.src(bundle.src[type])
|
||||
.pipe(_self.cssRewritePaths(bundle.bundle[type])())
|
||||
.pipe(concat(outputFile))
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sassGlob())
|
||||
.pipe(sass({
|
||||
errLogToConsole: true
|
||||
}).on('error', sass.logError))
|
||||
.pipe(_self.cssOutput()())
|
||||
.pipe(_self.outputStream(bundle.bundle[type], outputFile)());
|
||||
break;
|
||||
case 'scripts':
|
||||
return gulp.src(bundle.src[type])
|
||||
.pipe(concat(outputFile))
|
||||
.pipe(_self.jsOutput()())
|
||||
.pipe(_self.outputStream(bundle.bundle[type], outputFile)());
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return tasks;
|
||||
},
|
||||
output: function (bundle) {
|
||||
var _self = this;
|
||||
if (typeof bundle.src !== 'undefined' && typeof bundle.output !== 'undefined') {
|
||||
for (var type in bundle.src) {
|
||||
if (!bundle.src.hasOwnProperty(type)) continue;
|
||||
_self.streamPaths(bundle.src[type]);
|
||||
switch (type) {
|
||||
case 'styles':
|
||||
gulp.src(bundle.src[type])
|
||||
.pipe(sassGlob())
|
||||
.pipe(sass({
|
||||
errLogToConsole: true
|
||||
}).on('error', sass.logError))
|
||||
.pipe(_self.outputStream(bundle.output[type])());
|
||||
break;
|
||||
default:
|
||||
gulp.src(bundle.src[type])
|
||||
.pipe(_self.outputStream(bundle.output[type])());
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
getDirs: function (dir) {
|
||||
return fs.readdirSync(dir)
|
||||
.filter(function (file) {
|
||||
return fs.statSync(path.join(dir, file)).isDirectory();
|
||||
});
|
||||
},
|
||||
formatOutput: function (_ref) {
|
||||
var inputPath = _ref.inputPath,
|
||||
outputPath = _ref.outputPath;
|
||||
// prettify the generated hbs file
|
||||
gulp.src(inputPath).pipe(prettify({
|
||||
indent_handlebars: true,
|
||||
end_with_newline: true,
|
||||
max_preserve_newlines: 0,
|
||||
brace_style: 'expand',
|
||||
indent_char: ' ',
|
||||
indent_size: 2
|
||||
})).pipe(gulp.dest(outputPath, {
|
||||
overwrite: true
|
||||
}));
|
||||
},
|
||||
fillProperties: function (_ref2) {
|
||||
var _self = this;
|
||||
var groups = _ref2.groups,
|
||||
seedOnly = _ref2.seedOnly,
|
||||
parent = _ref2.parent,
|
||||
result = [];
|
||||
|
||||
if (groups === undefined) {
|
||||
return groups;
|
||||
}
|
||||
|
||||
groups.forEach(function (group) {
|
||||
group.text = group.text || group.title;
|
||||
group.tags = group.tags || "";
|
||||
if (parent === undefined) {
|
||||
group.tags = "".concat( (group.title + " " + group.tags).toLowerCase().replace(/[, ]+/g, " ").trim() );
|
||||
group.i18n = "nav.".concat(group.title.toLowerCase().split(' ').join('_'));
|
||||
} else {
|
||||
group.tags = "".concat(parent.tags, " ").concat( (group.title + " " + group.tags).toLowerCase().replace(/[, ]+/g, " ").trim() );
|
||||
group.i18n = "".concat(parent.i18n, "_").concat(group.title.toLowerCase().split(' ').join('_'));
|
||||
}
|
||||
group.showOnSeed = group.showOnSeed === undefined ? true : group.showOnSeed;
|
||||
group.items = _self.fillProperties({
|
||||
groups: group.items,
|
||||
seedOnly: seedOnly,
|
||||
parent: group
|
||||
});
|
||||
if (!seedOnly || group.showOnSeed) {
|
||||
result.push(group);
|
||||
}
|
||||
});
|
||||
return result;
|
||||
},
|
||||
writeNavigation: function(menu, filePath) {
|
||||
|
||||
var lines = [];
|
||||
lines.push('<ul id="js-nav-menu" class="nav-menu">');
|
||||
menu.forEach(function (group) {
|
||||
if (group.items) {
|
||||
var groups = group.items.map(function (_ref3) {
|
||||
var href = _ref3.href;
|
||||
return path.parse(href).name;
|
||||
}).filter(function (e) {
|
||||
return e !== "javascript:void(0);";
|
||||
});
|
||||
group.items.forEach(function (item) {
|
||||
var result = item.items && item.items.map(function (_ref4) {
|
||||
var href = _ref4.href;
|
||||
return path.parse(href).name;
|
||||
}).filter(function (e) {
|
||||
return e !== "javascript:void(0);";
|
||||
});
|
||||
if (result) {
|
||||
groups = groups.concat(result);
|
||||
}
|
||||
});
|
||||
lines.push("<li {{#is pagename \"in\" \"".concat(groups, "\"}}class=\"active open\"{{/is}}>"));
|
||||
lines.push("<a href=\"#\" title=\"".concat(group.title, "\" data-filter-tags=\"").concat(group.tags, "\">"));
|
||||
lines.push("<i class=\"".concat(group.icon, "\"></i>"));
|
||||
lines.push("<span class=\"nav-link-text\" data-i18n=\"".concat(group.i18n, "\">").concat(group.text, "</span>"));
|
||||
if (group.span) {
|
||||
group.span.class = group.span.class || "";
|
||||
lines.push("<span class=\"".concat(group.span.class, "\">").concat(group.span.text, "</span>"));
|
||||
}
|
||||
lines.push('</a>');
|
||||
lines.push('<ul>');
|
||||
group.items.forEach(function (item) {
|
||||
var items = item.items && item.items.map(function (_ref5) {
|
||||
var href = _ref5.href;
|
||||
return path.parse(href).name;
|
||||
}).filter(function (e) {
|
||||
return e !== "javascript:void(0);";
|
||||
});
|
||||
if (item.disabled) {
|
||||
lines.push("<li class=\"disabled\">");
|
||||
} else {
|
||||
if (items) {
|
||||
lines.push("<li {{#is pagename \"in\" \"".concat(items, "\"}}class=\"active open\"{{/is}}>"));
|
||||
} else {
|
||||
lines.push("<li {{#is pagename \"===\" \"".concat(path.parse(item.href).name, "\"}}class=\"active\"{{/is}}>"));
|
||||
}
|
||||
}
|
||||
lines.push("<a href=\"".concat(item.href, "\" title=\"").concat(item.title, "\" data-filter-tags=\"").concat(item.tags, "\">"));
|
||||
lines.push("<span class=\"nav-link-text\" data-i18n=\"".concat(item.i18n, "\">").concat(item.text, "</span>"));
|
||||
if (item.span) {
|
||||
item.span.class = item.span.class || "";
|
||||
lines.push("<span class=\"".concat(item.span.class, "\">").concat(item.span.text, "</span>"));
|
||||
}
|
||||
lines.push('</a>');
|
||||
if (item.items) {
|
||||
lines.push('<ul>');
|
||||
item.items.forEach(function (subItem) {
|
||||
var childs = subItem.items && subItem.items.map(function (_ref6) {
|
||||
var href = _ref6.href;
|
||||
return path.parse(href).name;
|
||||
}).filter(function (e) {
|
||||
return e !== "javascript:void(0);";
|
||||
});
|
||||
if (subItem.disabled) {
|
||||
lines.push("<li class=\"disabled\">");
|
||||
} else {
|
||||
if (childs) {
|
||||
lines.push("<li {{#is pagename \"in\" \"".concat(childs, "\"}}class=\"active open\"{{/is}}>"));
|
||||
} else {
|
||||
lines.push("<li {{#is pagename \"===\" \"".concat(path.parse(subItem.href).name, "\"}}class=\"active\"{{/is}}>"));
|
||||
}
|
||||
}
|
||||
lines.push("<a href=\"".concat(subItem.href, "\" title=\"").concat(subItem.title, "\" data-filter-tags=\"").concat(subItem.tags, "\">"));
|
||||
lines.push("<span class=\"nav-link-text\" data-i18n=\"".concat(subItem.i18n, "\">").concat(subItem.text, "</span>"));
|
||||
lines.push('</a>');
|
||||
lines.push('</li>');
|
||||
});
|
||||
lines.push('</ul>');
|
||||
}
|
||||
lines.push('</li>');
|
||||
});
|
||||
lines.push('</ul>');
|
||||
lines.push('</li>');
|
||||
} else {
|
||||
lines.push("<li class=\"nav-title\">".concat(group.title, "</li>"));
|
||||
}
|
||||
});
|
||||
lines.push('</ul>');
|
||||
var dirname = path.dirname(filePath);
|
||||
if (!fs.existsSync(dirname)) {
|
||||
fs.mkdirSync(dirname);
|
||||
}
|
||||
fs.writeFileSync(filePath, lines.join('\n'));
|
||||
|
||||
}
|
||||
};
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
var gulp = require('gulp');
|
||||
var connect = require('gulp-connect');
|
||||
|
||||
gulp.task('connect', function (done) {
|
||||
connect.server({
|
||||
root: 'dist/',
|
||||
livereload: false,
|
||||
port: 4000,
|
||||
fallback: 'dist/intel_analytics_dashboard.html'
|
||||
});
|
||||
done();
|
||||
})
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
var gulp = require('gulp');
|
||||
var path = require('path');
|
||||
var build = require('./build');
|
||||
|
||||
/**
|
||||
* run and watch file changes
|
||||
*/
|
||||
gulp.task('watch', function (done) {
|
||||
console.log('==================> Watching file changes...');
|
||||
|
||||
// watch `.hbs` changes and compile new pages
|
||||
gulp.watch([build.config.path.src + '/**/*.hbs'], gulp.series('build-html'))
|
||||
.on('change', function (event) {
|
||||
var file = path.parse(event);
|
||||
console.log('==================> File changed: ' + file.name + ' (' + file.ext + ')...');
|
||||
});
|
||||
|
||||
// watch `.js` changes & avoiding `.min.js`
|
||||
gulp.watch([build.config.path.src + '/**/*.js', build.config.path.src + '/**/*.scss'], gulp.series('build-bundle'))
|
||||
.on('change', function (event) {
|
||||
var file = path.parse(event);
|
||||
console.log('==================> File changed: ' + file.name + ' (' + file.ext + ')...');
|
||||
});
|
||||
|
||||
// watch `nav.json` changes and compile new nav
|
||||
/*gulp.watch(['nav.json'], gulp.series('build-nav'))
|
||||
.on('change', function (event) {
|
||||
var file = path.parse(event);
|
||||
console.log('==================> File changed: ' + file.name + ' (' + file.ext + ')...');
|
||||
}); */
|
||||
|
||||
done();
|
||||
})
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,15 @@
|
|||
/*!
|
||||
* Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license (Commercial License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: url("../webfonts/fa-brands-400.eot");
|
||||
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
|
||||
|
||||
.fab {
|
||||
font-family: 'Font Awesome 5 Brands'; }
|
||||
|
||||
/*# sourceMappingURL=fa-brands.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["fa-brands.scss","fa-brands.css"],"names":[],"mappings":"AAAA;;;ECGE;ADGF;EACE,oCAAoC;EACpC,kBAAkB;EAClB,mBAAmB;EACnB,yCAA8C;EAC9C,mTAImE,EAAA;;AAGrE;EACE,oCAAoC,EAAA","file":"fa-brands.css","sourcesContent":["/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\r\n@import 'variables';\r\n\r\n@font-face {\r\n font-family: 'Font Awesome 5 Brands';\r\n font-style: normal;\r\n font-weight: normal;\r\n src: url('#{$fa-font-path}/fa-brands-400.eot');\r\n src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),\r\n url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),\r\n url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),\r\n url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),\r\n url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');\r\n}\r\n\r\n.fab {\r\n font-family: 'Font Awesome 5 Brands';\r\n}\r\n","/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\n@font-face {\n font-family: 'Font Awesome 5 Brands';\n font-style: normal;\n font-weight: normal;\n src: url(\"../webfonts/fa-brands-400.eot\");\n src: url(\"../webfonts/fa-brands-400.eot?#iefix\") format(\"embedded-opentype\"), url(\"../webfonts/fa-brands-400.woff2\") format(\"woff2\"), url(\"../webfonts/fa-brands-400.woff\") format(\"woff\"), url(\"../webfonts/fa-brands-400.ttf\") format(\"truetype\"), url(\"../webfonts/fa-brands-400.svg#fontawesome\") format(\"svg\"); }\n\n.fab {\n font-family: 'Font Awesome 5 Brands'; }\n"]}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
/*!
|
||||
* Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license (Commercial License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("../webfonts/fa-regular-400.eot");
|
||||
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
|
||||
|
||||
.far {
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
font-weight: 400; }
|
||||
|
||||
/*# sourceMappingURL=fa-regular.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["fa-regular.scss","fa-regular.css"],"names":[],"mappings":"AAAA;;;ECGE;ADGF;EACE,iCAAiC;EACjC,kBAAkB;EAClB,gBAAgB;EAChB,0CAA+C;EAC/C,wTAIoE,EAAA;;AAGtE;EACE,iCAAiC;EACjC,gBAAgB,EAAA","file":"fa-regular.css","sourcesContent":["/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\r\n@import 'variables';\r\n\r\n@font-face {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-style: normal;\r\n font-weight: 400;\r\n src: url('#{$fa-font-path}/fa-regular-400.eot');\r\n src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),\r\n url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),\r\n url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),\r\n url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),\r\n url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');\r\n}\r\n\r\n.far {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-weight: 400;\r\n}\r\n","/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\n@font-face {\n font-family: 'Font Awesome 5 Pro';\n font-style: normal;\n font-weight: 400;\n src: url(\"../webfonts/fa-regular-400.eot\");\n src: url(\"../webfonts/fa-regular-400.eot?#iefix\") format(\"embedded-opentype\"), url(\"../webfonts/fa-regular-400.woff2\") format(\"woff2\"), url(\"../webfonts/fa-regular-400.woff\") format(\"woff\"), url(\"../webfonts/fa-regular-400.ttf\") format(\"truetype\"), url(\"../webfonts/fa-regular-400.svg#fontawesome\") format(\"svg\"); }\n\n.far {\n font-family: 'Font Awesome 5 Pro';\n font-weight: 400; }\n"]}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
/*!
|
||||
* Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license (Commercial License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url("../webfonts/fa-solid-900.eot");
|
||||
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
|
||||
|
||||
.fa,
|
||||
.fas {
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
font-weight: 900; }
|
||||
|
||||
/*# sourceMappingURL=fa-solid.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["fa-solid.scss","fa-solid.css"],"names":[],"mappings":"AAAA;;;ECGE;ADGF;EACE,iCAAiC;EACjC,kBAAkB;EAClB,gBAAgB;EAChB,wCAA6C;EAC7C,8SAIkE,EAAA;;AAGpE;;EAEE,iCAAiC;EACjC,gBAAgB,EAAA","file":"fa-solid.css","sourcesContent":["/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\r\n@import 'variables';\r\n\r\n@font-face {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-style: normal;\r\n font-weight: 900;\r\n src: url('#{$fa-font-path}/fa-solid-900.eot');\r\n src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),\r\n url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),\r\n url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),\r\n url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),\r\n url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');\r\n}\r\n\r\n.fa,\r\n.fas {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-weight: 900;\r\n}\r\n","/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\n@font-face {\n font-family: 'Font Awesome 5 Pro';\n font-style: normal;\n font-weight: 900;\n src: url(\"../webfonts/fa-solid-900.eot\");\n src: url(\"../webfonts/fa-solid-900.eot?#iefix\") format(\"embedded-opentype\"), url(\"../webfonts/fa-solid-900.woff2\") format(\"woff2\"), url(\"../webfonts/fa-solid-900.woff\") format(\"woff\"), url(\"../webfonts/fa-solid-900.ttf\") format(\"truetype\"), url(\"../webfonts/fa-solid-900.svg#fontawesome\") format(\"svg\"); }\n\n.fa,\n.fas {\n font-family: 'Font Awesome 5 Pro';\n font-weight: 900; }\n"]}
|
||||
|
|
@ -0,0 +1,403 @@
|
|||
/*!
|
||||
* Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
|
||||
* @package bootstrap-colorpicker
|
||||
* @version v3.1.2
|
||||
* @license MIT
|
||||
* @link https://farbelous.github.io/bootstrap-colorpicker/
|
||||
* @link https://github.com/farbelous/bootstrap-colorpicker.git
|
||||
*/
|
||||
.colorpicker {
|
||||
position: relative;
|
||||
display: none;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
background-color: #ffffff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
padding: .75rem .75rem;
|
||||
width: 148px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
.colorpicker.colorpicker-disabled,
|
||||
.colorpicker.colorpicker-disabled * {
|
||||
cursor: default !important; }
|
||||
|
||||
.colorpicker div {
|
||||
position: relative; }
|
||||
|
||||
.colorpicker-popup {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
float: left;
|
||||
margin-top: 1px;
|
||||
z-index: 1060; }
|
||||
|
||||
.colorpicker-popup.colorpicker-bs-popover-content {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
float: none;
|
||||
margin: 0;
|
||||
z-index: initial;
|
||||
border: none;
|
||||
padding: 0.25rem 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
|
||||
.colorpicker:before,
|
||||
.colorpicker:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
line-height: 0; }
|
||||
|
||||
.colorpicker-clear {
|
||||
clear: both;
|
||||
display: block; }
|
||||
|
||||
.colorpicker:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: auto;
|
||||
right: 6px; }
|
||||
|
||||
.colorpicker:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: auto;
|
||||
right: 7px; }
|
||||
|
||||
.colorpicker.colorpicker-with-alpha {
|
||||
width: 170px; }
|
||||
|
||||
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
|
||||
display: block; }
|
||||
|
||||
.colorpicker-saturation {
|
||||
position: relative;
|
||||
width: 126px;
|
||||
height: 126px;
|
||||
/* FF3.6+ */
|
||||
/* Chrome,Safari4+ */
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
/* Opera 11.10+ */
|
||||
/* IE10+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)), -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
|
||||
background: linear-gradient(to bottom, transparent 0%, black 100%), linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
|
||||
/* W3C */
|
||||
cursor: crosshair;
|
||||
float: left;
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
|
||||
margin-bottom: 6px; }
|
||||
|
||||
.colorpicker-saturation .colorpicker-guide {
|
||||
display: block;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #000;
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
|
||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: -3px 0 0 -3px; }
|
||||
|
||||
.colorpicker-hue,
|
||||
.colorpicker-alpha {
|
||||
position: relative;
|
||||
width: 16px;
|
||||
height: 126px;
|
||||
float: left;
|
||||
cursor: row-resize;
|
||||
margin-left: 6px;
|
||||
margin-bottom: 6px; }
|
||||
|
||||
.colorpicker-alpha-color {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.colorpicker-hue,
|
||||
.colorpicker-alpha-color {
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.colorpicker-hue .colorpicker-guide,
|
||||
.colorpicker-alpha .colorpicker-guide {
|
||||
display: block;
|
||||
height: 4px;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: -2px;
|
||||
margin-top: -2px;
|
||||
right: -2px;
|
||||
z-index: 1; }
|
||||
|
||||
.colorpicker-hue {
|
||||
/* FF3.6+ */
|
||||
/* Chrome,Safari4+ */
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
/* Opera 11.10+ */
|
||||
/* IE10+ */
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
|
||||
background: linear-gradient(to top, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
|
||||
/* W3C */ }
|
||||
|
||||
.colorpicker-alpha {
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
|
||||
background-size: 10px 10px;
|
||||
background-position: 0 0, 5px 5px;
|
||||
display: none; }
|
||||
|
||||
.colorpicker-bar {
|
||||
min-height: 16px;
|
||||
margin: 6px 0 0 0;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
line-height: normal;
|
||||
max-width: 100%;
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.colorpicker-bar:before {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
.colorpicker-bar.colorpicker-bar-horizontal {
|
||||
height: 126px;
|
||||
width: 16px;
|
||||
margin: 0 0 6px 0;
|
||||
float: left; }
|
||||
|
||||
.colorpicker-input-addon {
|
||||
position: relative; }
|
||||
|
||||
.colorpicker-input-addon i {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
vertical-align: text-top;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
position: relative; }
|
||||
|
||||
.colorpicker-input-addon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
vertical-align: text-top;
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
|
||||
background-size: 10px 10px;
|
||||
background-position: 0 0, 5px 5px; }
|
||||
|
||||
.colorpicker.colorpicker-inline {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
z-index: auto;
|
||||
vertical-align: text-bottom; }
|
||||
|
||||
.colorpicker.colorpicker-horizontal {
|
||||
width: 126px;
|
||||
height: auto; }
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-bar {
|
||||
width: 126px; }
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
|
||||
float: none;
|
||||
margin-bottom: 0; }
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-hue,
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
|
||||
float: none;
|
||||
width: 126px;
|
||||
height: 16px;
|
||||
cursor: col-resize;
|
||||
margin-left: 0;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 0; }
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide,
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide {
|
||||
position: absolute;
|
||||
display: block;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
right: auto;
|
||||
height: auto;
|
||||
width: 4px; }
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-hue {
|
||||
/* FF3.6+ */
|
||||
/* Chrome,Safari4+ */
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
/* Opera 11.10+ */
|
||||
/* IE10+ */
|
||||
background: -webkit-gradient(linear, right top, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
|
||||
background: linear-gradient(to left, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
|
||||
/* W3C */ }
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
|
||||
background-size: 10px 10px;
|
||||
background-position: 0 0, 5px 5px; }
|
||||
|
||||
.colorpicker-inline:before,
|
||||
.colorpicker-no-arrow:before,
|
||||
.colorpicker-popup.colorpicker-bs-popover-content:before {
|
||||
content: none;
|
||||
display: none; }
|
||||
|
||||
.colorpicker-inline:after,
|
||||
.colorpicker-no-arrow:after,
|
||||
.colorpicker-popup.colorpicker-bs-popover-content:after {
|
||||
content: none;
|
||||
display: none; }
|
||||
|
||||
.colorpicker-alpha,
|
||||
.colorpicker-saturation,
|
||||
.colorpicker-hue {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.colorpicker.colorpicker-visible,
|
||||
.colorpicker-alpha.colorpicker-visible,
|
||||
.colorpicker-saturation.colorpicker-visible,
|
||||
.colorpicker-hue.colorpicker-visible,
|
||||
.colorpicker-bar.colorpicker-visible {
|
||||
display: block; }
|
||||
|
||||
.colorpicker.colorpicker-hidden,
|
||||
.colorpicker-alpha.colorpicker-hidden,
|
||||
.colorpicker-saturation.colorpicker-hidden,
|
||||
.colorpicker-hue.colorpicker-hidden,
|
||||
.colorpicker-bar.colorpicker-hidden {
|
||||
display: none; }
|
||||
|
||||
.colorpicker-inline.colorpicker-visible {
|
||||
display: inline-block; }
|
||||
|
||||
.colorpicker.colorpicker-disabled:after {
|
||||
border: none;
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(233, 236, 239, 0.33);
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: auto;
|
||||
z-index: 2;
|
||||
position: absolute; }
|
||||
|
||||
.colorpicker.colorpicker-disabled .colorpicker-guide {
|
||||
display: none; }
|
||||
|
||||
/** EXTENSIONS **/
|
||||
.colorpicker-preview {
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
|
||||
background-size: 10px 10px;
|
||||
background-position: 0 0, 5px 5px; }
|
||||
|
||||
.colorpicker-preview > div {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.colorpicker-bar.colorpicker-swatches {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
height: auto; }
|
||||
|
||||
.colorpicker-swatches--inner {
|
||||
clear: both;
|
||||
margin-top: -6px; }
|
||||
|
||||
.colorpicker-swatch {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-right: 6px;
|
||||
margin-top: 6px;
|
||||
margin-left: 0;
|
||||
display: block;
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
|
||||
background-size: 10px 10px;
|
||||
background-position: 0 0, 5px 5px; }
|
||||
|
||||
.colorpicker-swatch--inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.colorpicker-swatch:nth-of-type(7n+0) {
|
||||
margin-right: 0; }
|
||||
|
||||
.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0) {
|
||||
margin-right: 6px; }
|
||||
|
||||
.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0) {
|
||||
margin-right: 0; }
|
||||
|
||||
.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0) {
|
||||
margin-right: 0; }
|
||||
|
||||
.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0) {
|
||||
margin-right: 6px; }
|
||||
|
||||
.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0) {
|
||||
margin-right: 6px; }
|
||||
|
||||
.colorpicker-swatch:last-of-type:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
*[dir='rtl'] .colorpicker-element input,
|
||||
.colorpicker-element[dir='rtl'] input,
|
||||
.colorpicker-element input[dir='rtl'] {
|
||||
direction: ltr;
|
||||
text-align: right; }
|
||||
|
||||
/*# sourceMappingURL=bootstrap-colorpicker.css.map */
|
||||
|
||||
/*# sourceMappingURL=bootstrap-colorpicker.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,791 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
||||
.daterangepicker {
|
||||
position: absolute;
|
||||
color: inherit;
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
width: 278px;
|
||||
max-width: none;
|
||||
padding: 0;
|
||||
margin-top: 7px;
|
||||
top: 100px;
|
||||
left: 20px;
|
||||
z-index: 3001;
|
||||
display: none;
|
||||
font-family: arial;
|
||||
font-size: 15px;
|
||||
line-height: 1em; }
|
||||
|
||||
.daterangepicker:before, .daterangepicker:after {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
content: ''; }
|
||||
|
||||
.daterangepicker:before {
|
||||
top: -7px;
|
||||
border-right: 7px solid transparent;
|
||||
border-left: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc; }
|
||||
|
||||
.daterangepicker:after {
|
||||
top: -6px;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-left: 6px solid transparent; }
|
||||
|
||||
.daterangepicker.opensleft:before {
|
||||
right: 9px; }
|
||||
|
||||
.daterangepicker.opensleft:after {
|
||||
right: 10px; }
|
||||
|
||||
.daterangepicker.openscenter:before {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto; }
|
||||
|
||||
.daterangepicker.openscenter:after {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto; }
|
||||
|
||||
.daterangepicker.opensright:before {
|
||||
left: 9px; }
|
||||
|
||||
.daterangepicker.opensright:after {
|
||||
left: 10px; }
|
||||
|
||||
.daterangepicker.drop-up {
|
||||
margin-top: -7px; }
|
||||
|
||||
.daterangepicker.drop-up:before {
|
||||
top: initial;
|
||||
bottom: -7px;
|
||||
border-bottom: initial;
|
||||
border-top: 7px solid #ccc; }
|
||||
|
||||
.daterangepicker.drop-up:after {
|
||||
top: initial;
|
||||
bottom: -6px;
|
||||
border-bottom: initial;
|
||||
border-top: 6px solid #fff; }
|
||||
|
||||
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
|
||||
float: none; }
|
||||
|
||||
.daterangepicker.single .drp-selected {
|
||||
display: none; }
|
||||
|
||||
.daterangepicker.show-calendar .drp-calendar {
|
||||
display: block; }
|
||||
|
||||
.daterangepicker.show-calendar .drp-buttons {
|
||||
display: block; }
|
||||
|
||||
.daterangepicker.auto-apply .drp-buttons {
|
||||
display: none; }
|
||||
|
||||
.daterangepicker .drp-calendar {
|
||||
display: none;
|
||||
max-width: 270px; }
|
||||
|
||||
.daterangepicker .drp-calendar.left {
|
||||
padding: 8px 0 8px 8px; }
|
||||
|
||||
.daterangepicker .drp-calendar.right {
|
||||
padding: 8px; }
|
||||
|
||||
.daterangepicker .drp-calendar.single .calendar-table {
|
||||
border: none; }
|
||||
|
||||
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
|
||||
color: #fff;
|
||||
border: solid black;
|
||||
border-width: 0 2px 2px 0;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
padding: 3px; }
|
||||
|
||||
.daterangepicker .calendar-table .next span {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
|
||||
.daterangepicker .calendar-table .prev span {
|
||||
transform: rotate(135deg);
|
||||
-webkit-transform: rotate(135deg); }
|
||||
|
||||
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
min-width: 32px;
|
||||
width: 32px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 12px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid transparent;
|
||||
white-space: nowrap;
|
||||
cursor: pointer; }
|
||||
|
||||
.daterangepicker .calendar-table {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 4px;
|
||||
background-color: #fff; }
|
||||
|
||||
.daterangepicker .calendar-table table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse; }
|
||||
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
||||
background-color: #eee;
|
||||
border-color: transparent;
|
||||
color: inherit; }
|
||||
|
||||
.daterangepicker td.week, .daterangepicker th.week {
|
||||
font-size: 80%;
|
||||
color: #ccc; }
|
||||
|
||||
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
|
||||
background-color: #fff;
|
||||
border-color: transparent;
|
||||
color: #999; }
|
||||
|
||||
.daterangepicker td.in-range {
|
||||
background-color: #ebf4f8;
|
||||
border-color: transparent;
|
||||
color: #000;
|
||||
border-radius: 0; }
|
||||
|
||||
.daterangepicker td.start-date {
|
||||
border-radius: 4px 0 0 4px; }
|
||||
|
||||
.daterangepicker td.end-date {
|
||||
border-radius: 0 4px 4px 0; }
|
||||
|
||||
.daterangepicker td.start-date.end-date {
|
||||
border-radius: 4px; }
|
||||
|
||||
.daterangepicker td.active, .daterangepicker td.active:hover {
|
||||
background-color: #357ebd;
|
||||
border-color: transparent;
|
||||
color: #fff; }
|
||||
|
||||
.daterangepicker th.month {
|
||||
width: auto; }
|
||||
|
||||
.daterangepicker td.disabled, .daterangepicker option.disabled {
|
||||
color: #999;
|
||||
cursor: not-allowed;
|
||||
text-decoration: line-through; }
|
||||
|
||||
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
||||
font-size: 12px;
|
||||
padding: 1px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
cursor: default; }
|
||||
|
||||
.daterangepicker select.monthselect {
|
||||
margin-right: 2%;
|
||||
width: 56%; }
|
||||
|
||||
.daterangepicker select.yearselect {
|
||||
width: 40%; }
|
||||
|
||||
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
|
||||
width: 50px;
|
||||
margin: 0 auto;
|
||||
background: #eee;
|
||||
border: 1px solid #eee;
|
||||
padding: 2px;
|
||||
outline: 0;
|
||||
font-size: 12px; }
|
||||
|
||||
.daterangepicker .calendar-time {
|
||||
text-align: center;
|
||||
margin: 4px auto 0 auto;
|
||||
line-height: 30px;
|
||||
position: relative; }
|
||||
|
||||
.daterangepicker .calendar-time select.disabled {
|
||||
color: #ccc;
|
||||
cursor: not-allowed; }
|
||||
|
||||
.daterangepicker .drp-buttons {
|
||||
clear: both;
|
||||
text-align: right;
|
||||
padding: 8px;
|
||||
border-top: 1px solid #ddd;
|
||||
display: none;
|
||||
line-height: 12px;
|
||||
vertical-align: middle; }
|
||||
|
||||
.daterangepicker .drp-selected {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding-right: 8px; }
|
||||
|
||||
.daterangepicker .drp-buttons .btn {
|
||||
margin-left: 8px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
padding: 4px 8px; }
|
||||
|
||||
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
|
||||
border-right: 1px solid #ddd; }
|
||||
|
||||
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
|
||||
border-left: 1px solid #ddd; }
|
||||
|
||||
.daterangepicker.show-ranges.rtl .drp-calendar.right {
|
||||
border-right: 1px solid #ddd; }
|
||||
|
||||
.daterangepicker.show-ranges.ltr .drp-calendar.left {
|
||||
border-left: 1px solid #ddd; }
|
||||
|
||||
.daterangepicker .ranges {
|
||||
float: none;
|
||||
text-align: left;
|
||||
margin: 0; }
|
||||
|
||||
.daterangepicker.show-calendar .ranges {
|
||||
margin-top: 8px; }
|
||||
|
||||
.daterangepicker .ranges ul {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 100%; }
|
||||
|
||||
.daterangepicker .ranges li {
|
||||
font-size: 12px;
|
||||
padding: 8px 12px;
|
||||
cursor: pointer; }
|
||||
|
||||
.daterangepicker .ranges li:hover {
|
||||
background-color: #eee; }
|
||||
|
||||
.daterangepicker .ranges li.active {
|
||||
background-color: #08c;
|
||||
color: #fff; }
|
||||
|
||||
/* Larger Screen Styling */
|
||||
@media (min-width: 564px) {
|
||||
.daterangepicker {
|
||||
width: auto; }
|
||||
.daterangepicker .ranges ul {
|
||||
width: 140px; }
|
||||
.daterangepicker.single .ranges ul {
|
||||
width: 100%; }
|
||||
.daterangepicker.single .drp-calendar.left {
|
||||
clear: none; }
|
||||
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
|
||||
float: left; }
|
||||
.daterangepicker {
|
||||
direction: ltr;
|
||||
text-align: left; }
|
||||
.daterangepicker .drp-calendar.left {
|
||||
clear: left;
|
||||
margin-right: 0; }
|
||||
.daterangepicker .drp-calendar.left .calendar-table {
|
||||
border-right: none;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
.daterangepicker .drp-calendar.right {
|
||||
margin-left: 0; }
|
||||
.daterangepicker .drp-calendar.right .calendar-table {
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
.daterangepicker .drp-calendar.left .calendar-table {
|
||||
padding-right: 8px; }
|
||||
.daterangepicker .ranges, .daterangepicker .drp-calendar {
|
||||
float: left; } }
|
||||
|
||||
@media (min-width: 730px) {
|
||||
.daterangepicker .ranges {
|
||||
width: auto; }
|
||||
.daterangepicker .ranges {
|
||||
float: left; }
|
||||
.daterangepicker.rtl .ranges {
|
||||
float: right; }
|
||||
.daterangepicker .drp-calendar.left {
|
||||
clear: none !important; } }
|
||||
|
||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||
========================================================================== */
|
||||
/*---------------------------------------------------
|
||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||
-------------------------------- -------------------
|
||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||
---------------------------------------------------*/
|
||||
/*------------------------
|
||||
Usage
|
||||
|
||||
h1 {
|
||||
font-size: rem(32);
|
||||
}
|
||||
|
||||
OR:
|
||||
|
||||
h1 {
|
||||
font-size: rem(32px);
|
||||
}
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
FADE IN
|
||||
e.g. @include fadeIn( 2s );
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
mixin that calculates if text needs to be light or dark
|
||||
depending on the background color passed.
|
||||
|
||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||
|
||||
usage:
|
||||
@include text-contrast($bgcolor)
|
||||
|
||||
Color brightness is determined by the following formula:
|
||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
color factory
|
||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||
------------------------*/
|
||||
/* backface visibility */
|
||||
/* generate theme button */
|
||||
/* #BASE - Base Variable file along with font library, and colors.
|
||||
========================================================================== */
|
||||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
body {
|
||||
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
|
||||
font-size: 0.8125rem;
|
||||
letter-spacing: 0.1px; }
|
||||
|
||||
.page-content {
|
||||
color: #666666; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.3;
|
||||
font-weight: 400; }
|
||||
|
||||
strong {
|
||||
font-weight: 500; }
|
||||
|
||||
h1 small,
|
||||
h2 small,
|
||||
h3 small,
|
||||
h4 small,
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h1 small,
|
||||
.h2 small,
|
||||
.h3 small,
|
||||
.h4 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-weight: 300;
|
||||
display: block;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.5;
|
||||
margin: 2px 0 1.5rem; }
|
||||
|
||||
h2 small,
|
||||
h3 small,
|
||||
.h2 small,
|
||||
.h3 small {
|
||||
font-size: 0.9375rem; }
|
||||
|
||||
h4 small,
|
||||
.h4 small {
|
||||
font-size: 0.875rem; }
|
||||
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-size: 0.8125rem; }
|
||||
|
||||
/* contrast text */
|
||||
.text-contrast {
|
||||
color: #333333; }
|
||||
|
||||
/* text-gradient */
|
||||
.text-gradient {
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||
color: #886ab5;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
text-shadow: none; }
|
||||
|
||||
/* looking for font size? Check _helpers.scss */
|
||||
/* PLACEHOLDER
|
||||
=============================================
|
||||
|
||||
EXAMPLE:
|
||||
|
||||
%bg-image {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.image-one {
|
||||
@extend %bg-image;
|
||||
background-image:url(/img/image-one.jpg");
|
||||
}
|
||||
|
||||
RESULT:
|
||||
|
||||
.image-one, .image-two {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
*/
|
||||
/*
|
||||
%shadow-hover {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
}
|
||||
*/
|
||||
/*%fixed-header-shadow {
|
||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||
}*/
|
||||
/* %selected-dot {
|
||||
&:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background: inherit;
|
||||
background-image: none;
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
&:after {
|
||||
content: " ";
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
border: 5px solid rgba(0,0,0,0.1);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}*/
|
||||
/* patterns */
|
||||
.daterangepicker table tr td,
|
||||
.daterangepicker table tr th {
|
||||
width: 38px !important;
|
||||
height: 34px !important; }
|
||||
|
||||
.daterangepicker table tr td.old,
|
||||
.daterangepicker table tr td.new {
|
||||
color: darkgray; }
|
||||
|
||||
.daterangepicker table tr td.active:active,
|
||||
.daterangepicker table tr td.active.highlighted:active,
|
||||
.daterangepicker table tr td.active.active,
|
||||
.daterangepicker table tr td.active.highlighted.active,
|
||||
.daterangepicker table tr td.selected,
|
||||
.daterangepicker table tr td.selected.highlighted,
|
||||
.daterangepicker table tr td span.active.active,
|
||||
.daterangepicker table tr td span.focused {
|
||||
background-color: #967bbd;
|
||||
color: #fff; }
|
||||
|
||||
.daterangepicker table tr td.active:active:hover,
|
||||
.daterangepicker table tr td.active.highlighted:active:hover,
|
||||
.daterangepicker table tr td.active.active:hover,
|
||||
.daterangepicker table tr td.active.highlighted.active:hover,
|
||||
.daterangepicker table tr td.active:active:focus,
|
||||
.daterangepicker table tr td.active.highlighted:active:focus,
|
||||
.daterangepicker table tr td.active.active:focus,
|
||||
.daterangepicker table tr td.active.highlighted.active:focus,
|
||||
.daterangepicker table tr td.active:active.focus,
|
||||
.daterangepicker table tr td.active.highlighted:active.focus,
|
||||
.daterangepicker table tr td.active.active.focus,
|
||||
.daterangepicker table tr td.active.highlighted.active.focus,
|
||||
.daterangepicker table tr td.selected:active:hover,
|
||||
.daterangepicker table tr td.selected.highlighted:active:hover,
|
||||
.daterangepicker table tr td.selected.active:hover,
|
||||
.daterangepicker table tr td.selected.highlighted.active:hover,
|
||||
.daterangepicker table tr td.selected:active:focus,
|
||||
.daterangepicker table tr td.selected.highlighted:active:focus,
|
||||
.daterangepicker table tr td.selected.active:focus,
|
||||
.daterangepicker table tr td.selected.highlighted.active:focus,
|
||||
.daterangepicker table tr td.selected:active.focus,
|
||||
.daterangepicker table tr td.selected.highlighted:active.focus,
|
||||
.daterangepicker table tr td.selected.active.focus,
|
||||
.daterangepicker table tr td.selected.highlighted.active.focus,
|
||||
.daterangepicker table tr td.selected:hover,
|
||||
.daterangepicker table tr td.selected.highlighted:hover {
|
||||
background-color: #7a59ad;
|
||||
color: #fff; }
|
||||
|
||||
.daterangepicker .calendar-table .next,
|
||||
.daterangepicker .calendar-table .prev {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
|
||||
border-color: #a1a8c3; }
|
||||
|
||||
.daterangepicker .in-range.available {
|
||||
background-color: #ffe3a7; }
|
||||
|
||||
.daterangepicker .off.ends.in-range.available {
|
||||
background-color: #ffebc1; }
|
||||
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
||||
background-color: #ffd274; }
|
||||
|
||||
.daterangepicker td.start-date {
|
||||
border-radius: 10px 0 0 10px; }
|
||||
|
||||
.daterangepicker td.end-date {
|
||||
border-radius: 0 10px 10px 0; }
|
||||
|
||||
.daterangepicker table tr td,
|
||||
.daterangepicker table tr th {
|
||||
width: 38px !important;
|
||||
height: 34px !important; }
|
||||
|
||||
.daterangepicker .calendar-table table thead tr th {
|
||||
font-weight: bold; }
|
||||
.daterangepicker .calendar-table table thead tr th.month {
|
||||
color: #a1a8c3; }
|
||||
|
||||
.daterangepicker .ranges li {
|
||||
font-size: 0.8125rem;
|
||||
padding: 0.75rem 1rem; }
|
||||
.daterangepicker .ranges li.active {
|
||||
background-color: #886ab5; }
|
||||
|
||||
/*# sourceMappingURL=bootstrap-daterangepicker.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,146 @@
|
|||
.md-editor {
|
||||
display: block;
|
||||
border: 1px solid #ddd; }
|
||||
|
||||
.md-editor .md-footer, .md-editor > .md-header {
|
||||
display: block;
|
||||
padding: 6px 4px;
|
||||
background: #f5f5f5; }
|
||||
|
||||
.md-editor > .md-header {
|
||||
margin: 0; }
|
||||
|
||||
.md-editor > .md-preview {
|
||||
background: #fff;
|
||||
border-top: 1px dashed #ddd;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
min-height: 10px;
|
||||
overflow: auto; }
|
||||
|
||||
.md-editor > textarea {
|
||||
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
||||
font-size: 14px;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
border-top: 1px dashed #ddd;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
background: #eee; }
|
||||
|
||||
.md-editor > textarea:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
background: #fff; }
|
||||
|
||||
.md-editor.active {
|
||||
border-color: #66afe9;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
|
||||
|
||||
.md-editor .md-controls {
|
||||
float: right;
|
||||
padding: 3px; }
|
||||
|
||||
.md-editor .md-controls .md-control {
|
||||
right: 5px;
|
||||
color: #bebebe;
|
||||
padding: 3px 3px 3px 10px; }
|
||||
|
||||
.md-editor .md-controls .md-control:hover {
|
||||
color: #333; }
|
||||
|
||||
.md-editor.md-fullscreen-mode {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
padding: 60px 30px 15px;
|
||||
background: #fff !important;
|
||||
border: 0 !important; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-footer {
|
||||
display: none; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
|
||||
margin: 0 auto !important;
|
||||
height: 100% !important;
|
||||
font-size: 20px !important;
|
||||
padding: 20px !important;
|
||||
color: #999;
|
||||
line-height: 1.6em !important;
|
||||
resize: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
border: 0 !important; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-preview {
|
||||
color: #333;
|
||||
overflow: auto; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover {
|
||||
color: #333;
|
||||
background: #fff !important; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-header {
|
||||
background: 0 0;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 20px; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .btn-group {
|
||||
float: none; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .btn {
|
||||
border: 0;
|
||||
background: 0 0;
|
||||
color: #b3b3b3; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #333; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-fullscreen-controls {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
text-align: right;
|
||||
z-index: 1002;
|
||||
display: block; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
|
||||
color: #b3b3b3;
|
||||
clear: right;
|
||||
margin: 10px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-align: center; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
|
||||
color: #333;
|
||||
text-decoration: none; }
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-editor {
|
||||
height: 100% !important;
|
||||
position: relative; }
|
||||
|
||||
.md-editor .md-fullscreen-controls {
|
||||
display: none; }
|
||||
|
||||
.md-nooverflow {
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
width: 100%; }
|
||||
|
||||
/*# sourceMappingURL=bootstrap-markdown.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["bootstrap-markdown.css"],"names":[],"mappings":"AAAA;EAAW,cAAa;EAAC,sBAAqB,EAAA;;AAAC;EAA4C,cAAa;EAAC,gBAAe;EAAC,mBAAkB,EAAA;;AAAC;EAAsB,SAAQ,EAAA;;AAAC;EAAuB,gBAAe;EAAC,2BAA0B;EAAC,8BAA6B;EAAC,gBAAe;EAAC,cAAa,EAAA;;AAAC;EAAoB,0DAAyD;EAAC,eAAc;EAAC,UAAS;EAAC,SAAQ;EAAC,cAAa;EAAC,UAAS;EAAC,WAAU;EAAC,SAAQ;EAAC,2BAA0B;EAAC,8BAA6B;EAAC,gBAAe;EAAC,wBAAe;UAAf,gBAAe;EAAC,gBAAe,EAAA;;AAAC;EAA0B,wBAAe;UAAf,gBAAe;EAAC,gBAAe,EAAA;;AAAC;EAAkB,qBAAoB;EAAC,UAAS;EAAC,0FAAgF;EAAC,kFAAwE,EAAA;;AAAC;EAAwB,YAAW;EAAC,YAAW,EAAA;;AAAC;EAAoC,UAAS;EAAC,cAAa;EAAC,yBAAwB,EAAA;;AAAC;EAA0C,WAAU,EAAA;;AAAC;EAA8B,WAAU;EAAC,YAAW;EAAC,eAAc;EAAC,MAAK;EAAC,OAAM;EAAC,cAAa;EAAC,uBAAsB;EAAC,2BAAyB;EAAC,oBAAkB,EAAA;;AAAC;EAAyC,aAAY,EAAA;;AAAC;EAAkF,yBAAuB;EAAC,uBAAqB;EAAC,0BAAwB;EAAC,wBAAsB;EAAC,WAAU;EAAC,6BAA2B;EAAC,uBAAqB;EAAC,mCAAyB;UAAzB,2BAAyB;EAAC,2BAAyB;EAAC,oBAAkB,EAAA;;AAAC;EAA0C,WAAU;EAAC,cAAa,EAAA;;AAAC;EAA4F,WAAU;EAAC,2BAAyB,EAAA;;AAAC;EAAyC,eAAc;EAAC,kBAAiB;EAAC,eAAc;EAAC,WAAU;EAAC,SAAQ,EAAA;;AAAC;EAAyC,WAAU,EAAA;;AAAC;EAAmC,SAAQ;EAAC,eAAc;EAAC,cAAa,EAAA;;AAAC;EAAsK,wBAAe;UAAf,gBAAe;EAAC,WAAU,EAAA;;AAAC;EAAsD,kBAAiB;EAAC,SAAQ;EAAC,WAAU;EAAC,iBAAgB;EAAC,aAAY;EAAC,cAAa,EAAA;;AAAC;EAAwD,cAAa;EAAC,YAAW;EAAC,YAAW;EAAC,WAAU;EAAC,YAAW;EAAC,kBAAiB,EAAA;;AAAC;EAA8D,WAAU;EAAC,qBAAoB,EAAA;;AAAC;EAAyC,uBAAqB;EAAC,kBAAiB,EAAA;;AAAC;EAAmC,aAAY,EAAA;;AAAC;EAAe,gBAAe;EAAC,eAAc;EAAC,WAAU,EAAA","file":"bootstrap-markdown.css","sourcesContent":[".md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,\"Courier New\",monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}"]}
|
||||
|
|
@ -0,0 +1,408 @@
|
|||
/*!
|
||||
* Cropper.js v1.5.2
|
||||
* https://fengyuanchen.github.io/cropperjs
|
||||
*
|
||||
* Copyright 2015-present Chen Fengyuan
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 2019-06-30T06:01:02.389Z
|
||||
*/
|
||||
.cropper-container {
|
||||
direction: ltr;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.cropper-container img {
|
||||
display: block;
|
||||
height: 100%;
|
||||
image-orientation: 0deg;
|
||||
max-height: none !important;
|
||||
max-width: none !important;
|
||||
min-height: 0 !important;
|
||||
min-width: 0 !important;
|
||||
width: 100%; }
|
||||
|
||||
.cropper-wrap-box,
|
||||
.cropper-canvas,
|
||||
.cropper-drag-box,
|
||||
.cropper-crop-box,
|
||||
.cropper-modal {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
.cropper-wrap-box,
|
||||
.cropper-canvas {
|
||||
overflow: hidden; }
|
||||
|
||||
.cropper-drag-box {
|
||||
background-color: #fff;
|
||||
opacity: 0; }
|
||||
|
||||
.cropper-modal {
|
||||
background-color: #000;
|
||||
opacity: 0.5; }
|
||||
|
||||
.cropper-view-box {
|
||||
display: block;
|
||||
height: 100%;
|
||||
outline: 1px solid #39f;
|
||||
outline-color: rgba(51, 153, 255, 0.75);
|
||||
overflow: hidden;
|
||||
width: 100%; }
|
||||
|
||||
.cropper-dashed {
|
||||
border: 0 dashed #eee;
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
position: absolute; }
|
||||
|
||||
.cropper-dashed.dashed-h {
|
||||
border-bottom-width: 1px;
|
||||
border-top-width: 1px;
|
||||
height: calc(100% / 3);
|
||||
left: 0;
|
||||
top: calc(100% / 3);
|
||||
width: 100%; }
|
||||
|
||||
.cropper-dashed.dashed-v {
|
||||
border-left-width: 1px;
|
||||
border-right-width: 1px;
|
||||
height: 100%;
|
||||
left: calc(100% / 3);
|
||||
top: 0;
|
||||
width: calc(100% / 3); }
|
||||
|
||||
.cropper-center {
|
||||
display: block;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
opacity: 0.75;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 0; }
|
||||
|
||||
.cropper-center::before,
|
||||
.cropper-center::after {
|
||||
background-color: #eee;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute; }
|
||||
|
||||
.cropper-center::before {
|
||||
height: 1px;
|
||||
left: -3px;
|
||||
top: 0;
|
||||
width: 7px; }
|
||||
|
||||
.cropper-center::after {
|
||||
height: 7px;
|
||||
left: 0;
|
||||
top: -3px;
|
||||
width: 1px; }
|
||||
|
||||
.cropper-face,
|
||||
.cropper-line,
|
||||
.cropper-point {
|
||||
display: block;
|
||||
height: 100%;
|
||||
opacity: 0.1;
|
||||
position: absolute;
|
||||
width: 100%; }
|
||||
|
||||
.cropper-face {
|
||||
background-color: #fff;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
.cropper-line {
|
||||
background-color: #39f; }
|
||||
|
||||
.cropper-line.line-e {
|
||||
cursor: ew-resize;
|
||||
right: -3px;
|
||||
top: 0;
|
||||
width: 5px; }
|
||||
|
||||
.cropper-line.line-n {
|
||||
cursor: ns-resize;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
top: -3px; }
|
||||
|
||||
.cropper-line.line-w {
|
||||
cursor: ew-resize;
|
||||
left: -3px;
|
||||
top: 0;
|
||||
width: 5px; }
|
||||
|
||||
.cropper-line.line-s {
|
||||
bottom: -3px;
|
||||
cursor: ns-resize;
|
||||
height: 5px;
|
||||
left: 0; }
|
||||
|
||||
.cropper-point {
|
||||
background-color: #39f;
|
||||
height: 5px;
|
||||
opacity: 0.75;
|
||||
width: 5px; }
|
||||
|
||||
.cropper-point.point-e {
|
||||
cursor: ew-resize;
|
||||
margin-top: -3px;
|
||||
right: -3px;
|
||||
top: 50%; }
|
||||
|
||||
.cropper-point.point-n {
|
||||
cursor: ns-resize;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
top: -3px; }
|
||||
|
||||
.cropper-point.point-w {
|
||||
cursor: ew-resize;
|
||||
left: -3px;
|
||||
margin-top: -3px;
|
||||
top: 50%; }
|
||||
|
||||
.cropper-point.point-s {
|
||||
bottom: -3px;
|
||||
cursor: s-resize;
|
||||
left: 50%;
|
||||
margin-left: -3px; }
|
||||
|
||||
.cropper-point.point-ne {
|
||||
cursor: nesw-resize;
|
||||
right: -3px;
|
||||
top: -3px; }
|
||||
|
||||
.cropper-point.point-nw {
|
||||
cursor: nwse-resize;
|
||||
left: -3px;
|
||||
top: -3px; }
|
||||
|
||||
.cropper-point.point-sw {
|
||||
bottom: -3px;
|
||||
cursor: nesw-resize;
|
||||
left: -3px; }
|
||||
|
||||
.cropper-point.point-se {
|
||||
bottom: -3px;
|
||||
cursor: nwse-resize;
|
||||
height: 20px;
|
||||
opacity: 1;
|
||||
right: -3px;
|
||||
width: 20px; }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.cropper-point.point-se {
|
||||
height: 15px;
|
||||
width: 15px; } }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.cropper-point.point-se {
|
||||
height: 10px;
|
||||
width: 10px; } }
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.cropper-point.point-se {
|
||||
height: 5px;
|
||||
opacity: 0.75;
|
||||
width: 5px; } }
|
||||
|
||||
.cropper-point.point-se::before {
|
||||
background-color: #39f;
|
||||
bottom: -50%;
|
||||
content: ' ';
|
||||
display: block;
|
||||
height: 200%;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: -50%;
|
||||
width: 200%; }
|
||||
|
||||
.cropper-invisible {
|
||||
opacity: 0; }
|
||||
|
||||
.cropper-bg {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }
|
||||
|
||||
.cropper-hide {
|
||||
display: block;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
width: 0; }
|
||||
|
||||
.cropper-hidden {
|
||||
display: none !important; }
|
||||
|
||||
.cropper-move {
|
||||
cursor: move; }
|
||||
|
||||
.cropper-crop {
|
||||
cursor: crosshair; }
|
||||
|
||||
.cropper-disabled .cropper-drag-box,
|
||||
.cropper-disabled .cropper-face,
|
||||
.cropper-disabled .cropper-line,
|
||||
.cropper-disabled .cropper-point {
|
||||
cursor: not-allowed; }
|
||||
|
||||
label.btn {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.carbonads {
|
||||
border-radius: .25rem;
|
||||
border: 1px solid #ccc;
|
||||
font-size: .875rem;
|
||||
overflow: hidden;
|
||||
padding: 1rem; }
|
||||
|
||||
.carbon-wrap {
|
||||
overflow: hidden; }
|
||||
|
||||
.carbon-img {
|
||||
clear: left;
|
||||
display: block;
|
||||
float: left; }
|
||||
|
||||
.carbon-text,
|
||||
.carbon-poweredby {
|
||||
display: block;
|
||||
margin-left: 140px; }
|
||||
|
||||
.carbon-text,
|
||||
.carbon-text:hover,
|
||||
.carbon-text:focus {
|
||||
color: #fff;
|
||||
text-decoration: none; }
|
||||
|
||||
.carbon-poweredby,
|
||||
.carbon-poweredby:hover,
|
||||
.carbon-poweredby:focus {
|
||||
color: #ddd;
|
||||
text-decoration: none; }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.carbonads {
|
||||
float: right;
|
||||
margin-bottom: -1rem;
|
||||
margin-top: -1rem;
|
||||
max-width: 360px; } }
|
||||
|
||||
.img-container,
|
||||
.img-preview {
|
||||
background-color: #f7f7f7;
|
||||
text-align: center;
|
||||
width: 100%; }
|
||||
|
||||
.img-container {
|
||||
margin-bottom: 1rem;
|
||||
max-height: 497px;
|
||||
min-height: 200px; }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.img-container {
|
||||
min-height: 497px; } }
|
||||
|
||||
.img-container > img {
|
||||
max-width: 100%; }
|
||||
|
||||
.docs-preview {
|
||||
margin-right: -1rem; }
|
||||
|
||||
.img-preview {
|
||||
float: left;
|
||||
margin-bottom: .5rem;
|
||||
margin-right: .5rem;
|
||||
overflow: hidden; }
|
||||
|
||||
.img-preview > img {
|
||||
max-width: 100%; }
|
||||
|
||||
.preview-lg {
|
||||
height: 9rem;
|
||||
width: 16rem; }
|
||||
|
||||
.preview-md {
|
||||
height: 4.5rem;
|
||||
width: 8rem; }
|
||||
|
||||
.preview-sm {
|
||||
height: 2.25rem;
|
||||
width: 4rem; }
|
||||
|
||||
.preview-xs {
|
||||
height: 1.125rem;
|
||||
margin-right: 0;
|
||||
width: 2rem; }
|
||||
|
||||
.docs-data > .input-group {
|
||||
margin-bottom: .5rem; }
|
||||
|
||||
.docs-data .input-group-prepend .input-group-text {
|
||||
min-width: 4rem; }
|
||||
|
||||
.docs-data .input-group-append .input-group-text {
|
||||
min-width: 3rem; }
|
||||
|
||||
.docs-buttons > .btn,
|
||||
.docs-buttons > .btn-group,
|
||||
.docs-buttons > .form-control {
|
||||
margin-bottom: .5rem;
|
||||
margin-right: .25rem; }
|
||||
|
||||
.docs-toggles > .btn,
|
||||
.docs-toggles > .btn-group,
|
||||
.docs-toggles > .dropdown {
|
||||
margin-bottom: .5rem; }
|
||||
|
||||
.docs-tooltip {
|
||||
display: block;
|
||||
margin: -.5rem -.75rem;
|
||||
padding: .5rem .46rem; }
|
||||
|
||||
.docs-tooltip > .icon {
|
||||
margin: 0 -.25rem;
|
||||
vertical-align: top; }
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.btn-group-crop {
|
||||
margin-right: -1rem !important; }
|
||||
.btn-group-crop > .btn {
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem; }
|
||||
.btn-group-crop .docs-tooltip {
|
||||
margin-left: -.5rem;
|
||||
margin-right: -.5rem;
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem; } }
|
||||
|
||||
.docs-options .dropdown-menu {
|
||||
width: 100%; }
|
||||
|
||||
.docs-options .dropdown-menu > li {
|
||||
font-size: .875rem;
|
||||
padding: .125rem 1rem; }
|
||||
|
||||
.docs-options .dropdown-menu .form-check-label {
|
||||
display: block; }
|
||||
|
||||
.docs-cropped .modal-body {
|
||||
text-align: center; }
|
||||
|
||||
.docs-cropped .modal-body > img,
|
||||
.docs-cropped .modal-body > canvas {
|
||||
max-width: 100%; }
|
||||
|
||||
/*# sourceMappingURL=cropper.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,556 @@
|
|||
/*
|
||||
* The MIT License
|
||||
* Copyright (c) 2012 Matias Meno <m@tias.me>
|
||||
*/
|
||||
@-webkit-keyframes passing-through {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30%, 70% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
transform: translateY(0px); }
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-40px);
|
||||
transform: translateY(-40px); } }
|
||||
|
||||
@keyframes passing-through {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30%, 70% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
transform: translateY(0px); }
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-40px);
|
||||
transform: translateY(-40px); } }
|
||||
|
||||
@-webkit-keyframes slide-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
transform: translateY(0px); } }
|
||||
|
||||
@keyframes slide-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
transform: translateY(0px); } }
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
10% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1); }
|
||||
20% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
10% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1); }
|
||||
20% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
.dropzone, .dropzone * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.dropzone {
|
||||
min-height: 150px;
|
||||
border: 2px solid rgba(0, 0, 0, 0.3);
|
||||
background: white;
|
||||
padding: 20px 20px; }
|
||||
|
||||
.dropzone.dz-clickable {
|
||||
cursor: pointer; }
|
||||
|
||||
.dropzone.dz-clickable * {
|
||||
cursor: default; }
|
||||
|
||||
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
|
||||
cursor: pointer; }
|
||||
|
||||
.dropzone.dz-started .dz-message {
|
||||
display: none; }
|
||||
|
||||
.dropzone.dz-drag-hover {
|
||||
border-style: solid; }
|
||||
|
||||
.dropzone.dz-drag-hover .dz-message {
|
||||
opacity: 0.5; }
|
||||
|
||||
.dropzone .dz-message {
|
||||
text-align: center;
|
||||
margin: 2em 0; }
|
||||
|
||||
.dropzone .dz-preview {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 16px;
|
||||
min-height: 100px; }
|
||||
|
||||
.dropzone .dz-preview:hover {
|
||||
z-index: 1000; }
|
||||
|
||||
.dropzone .dz-preview:hover .dz-details {
|
||||
opacity: 1; }
|
||||
|
||||
.dropzone .dz-preview.dz-file-preview .dz-image {
|
||||
border-radius: 20px;
|
||||
background: #999;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
|
||||
background: linear-gradient(to bottom, #eee, #ddd); }
|
||||
|
||||
.dropzone .dz-preview.dz-file-preview .dz-details {
|
||||
opacity: 1; }
|
||||
|
||||
.dropzone .dz-preview.dz-image-preview {
|
||||
background: white; }
|
||||
|
||||
.dropzone .dz-preview.dz-image-preview .dz-details {
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear; }
|
||||
|
||||
.dropzone .dz-preview .dz-remove {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
border: none; }
|
||||
|
||||
.dropzone .dz-preview .dz-remove:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.dropzone .dz-preview:hover .dz-details {
|
||||
opacity: 1; }
|
||||
|
||||
.dropzone .dz-preview .dz-details {
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
font-size: 13px;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 2em 1em;
|
||||
text-align: center;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
line-height: 150%; }
|
||||
|
||||
.dropzone .dz-preview .dz-details .dz-size {
|
||||
margin-bottom: 1em;
|
||||
font-size: 16px; }
|
||||
|
||||
.dropzone .dz-preview .dz-details .dz-filename {
|
||||
white-space: nowrap; }
|
||||
|
||||
.dropzone .dz-preview .dz-details .dz-filename:hover span {
|
||||
border: 1px solid rgba(200, 200, 200, 0.8);
|
||||
background-color: rgba(255, 255, 255, 0.8); }
|
||||
|
||||
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; }
|
||||
|
||||
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
|
||||
border: 1px solid transparent; }
|
||||
|
||||
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
padding: 0 0.4em;
|
||||
border-radius: 3px; }
|
||||
|
||||
.dropzone .dz-preview:hover .dz-image img {
|
||||
-webkit-transform: scale(1.05, 1.05);
|
||||
transform: scale(1.05, 1.05);
|
||||
-webkit-filter: blur(8px);
|
||||
filter: blur(8px); }
|
||||
|
||||
.dropzone .dz-preview .dz-image {
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 10; }
|
||||
|
||||
.dropzone .dz-preview .dz-image img {
|
||||
display: block; }
|
||||
|
||||
.dropzone .dz-preview.dz-success .dz-success-mark {
|
||||
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
|
||||
|
||||
.dropzone .dz-preview.dz-error .dz-error-mark {
|
||||
opacity: 1;
|
||||
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
|
||||
|
||||
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: 500;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -27px;
|
||||
margin-top: -27px; }
|
||||
|
||||
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
|
||||
display: block;
|
||||
width: 54px;
|
||||
height: 54px; }
|
||||
|
||||
.dropzone .dz-preview.dz-processing .dz-progress {
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear; }
|
||||
|
||||
.dropzone .dz-preview.dz-complete .dz-progress {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.4s ease-in;
|
||||
transition: opacity 0.4s ease-in; }
|
||||
|
||||
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
|
||||
-webkit-animation: pulse 6s ease infinite;
|
||||
animation: pulse 6s ease infinite; }
|
||||
|
||||
.dropzone .dz-preview .dz-progress {
|
||||
opacity: 1;
|
||||
z-index: 1000;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
width: 80px;
|
||||
margin-left: -40px;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
-webkit-transform: scale(1);
|
||||
border-radius: 8px;
|
||||
overflow: hidden; }
|
||||
|
||||
.dropzone .dz-preview .dz-progress .dz-upload {
|
||||
background: #333;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
|
||||
background: linear-gradient(to bottom, #666, #444);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
-webkit-transition: width 300ms ease-in-out;
|
||||
transition: width 300ms ease-in-out; }
|
||||
|
||||
.dropzone .dz-preview.dz-error .dz-error-message {
|
||||
display: block; }
|
||||
|
||||
.dropzone .dz-preview.dz-error:hover .dz-error-message {
|
||||
opacity: 1;
|
||||
pointer-events: auto; }
|
||||
|
||||
.dropzone .dz-preview .dz-error-message {
|
||||
pointer-events: none;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
display: block;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
top: 130px;
|
||||
left: -10px;
|
||||
width: 140px;
|
||||
background: #be2626;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));
|
||||
background: linear-gradient(to bottom, #be2626, #a92222);
|
||||
padding: 0.5em 1.2em;
|
||||
color: white; }
|
||||
|
||||
.dropzone .dz-preview .dz-error-message:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 64px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #be2626; }
|
||||
|
||||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
.dropzone {
|
||||
border: 2px dashed #dedede;
|
||||
border-radius: 5px;
|
||||
background: #f5f5f5;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
padding: 0.5rem; }
|
||||
|
||||
.dropzone i {
|
||||
font-size: 3rem; }
|
||||
|
||||
.dropzone .dz-message {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-weight: 500;
|
||||
font-size: initial;
|
||||
text-transform: uppercase;
|
||||
width: 100%; }
|
||||
|
||||
.dropzone .dz-preview .dz-image {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 0; }
|
||||
.dropzone .dz-preview .dz-image img {
|
||||
border-radius: 4px; }
|
||||
|
||||
.dropzone .dz-preview.dz-image-preview {
|
||||
background: transparent; }
|
||||
|
||||
.dropzone .dz-message {
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
color: inherit; }
|
||||
|
||||
.dropzone.dz-drag-hover {
|
||||
border-style: dashed;
|
||||
border-color: #886ab5; }
|
||||
|
||||
.dropzone .dz-preview.dz-file-preview .dz-image {
|
||||
border-radius: 4px; }
|
||||
|
||||
/*# sourceMappingURL=dropzone.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,307 @@
|
|||
/*! nouislider - 14.0.2 - 6/28/2019 */
|
||||
/* Functional styling;
|
||||
* These styles are required for noUiSlider to function.
|
||||
* You don't need to change these rules to apply your design.
|
||||
*/
|
||||
.noUi-target,
|
||||
.noUi-target * {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-user-select: none;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.noUi-target {
|
||||
position: relative;
|
||||
direction: ltr; }
|
||||
|
||||
.noUi-base,
|
||||
.noUi-connects {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
/* Wrapper for all connect elements.
|
||||
*/
|
||||
.noUi-connects {
|
||||
overflow: hidden;
|
||||
z-index: 0; }
|
||||
|
||||
.noUi-connect,
|
||||
.noUi-origin {
|
||||
will-change: transform;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-origin: 0 0;
|
||||
-webkit-transform-style: flat;
|
||||
transform-style: flat; }
|
||||
|
||||
.noUi-connect {
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
|
||||
.noUi-origin {
|
||||
height: 10%;
|
||||
width: 10%; }
|
||||
|
||||
/* Offset direction
|
||||
*/
|
||||
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
|
||||
left: auto;
|
||||
right: 0; }
|
||||
|
||||
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||
* connect elements.
|
||||
*/
|
||||
.noUi-vertical .noUi-origin {
|
||||
width: 0; }
|
||||
|
||||
.noUi-horizontal .noUi-origin {
|
||||
height: 0; }
|
||||
|
||||
.noUi-handle {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
position: absolute; }
|
||||
|
||||
.noUi-touch-area {
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
|
||||
.noUi-state-tap .noUi-connect,
|
||||
.noUi-state-tap .noUi-origin {
|
||||
-webkit-transition: transform 0.3s;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s; }
|
||||
|
||||
.noUi-state-drag * {
|
||||
cursor: inherit !important; }
|
||||
|
||||
/* Slider size and handle placement;
|
||||
*/
|
||||
.noUi-horizontal {
|
||||
height: 18px; }
|
||||
|
||||
.noUi-horizontal .noUi-handle {
|
||||
width: 34px;
|
||||
height: 28px;
|
||||
left: -17px;
|
||||
top: -6px; }
|
||||
|
||||
.noUi-vertical {
|
||||
width: 18px; }
|
||||
|
||||
.noUi-vertical .noUi-handle {
|
||||
width: 28px;
|
||||
height: 34px;
|
||||
left: -6px;
|
||||
top: -17px; }
|
||||
|
||||
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
|
||||
right: -17px;
|
||||
left: auto; }
|
||||
|
||||
/* Styling;
|
||||
* Giving the connect element a border radius causes issues with using transform: scale
|
||||
*/
|
||||
.noUi-target {
|
||||
background: #FAFAFA;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D3D3D3;
|
||||
-webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
|
||||
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
|
||||
|
||||
.noUi-connects {
|
||||
border-radius: 3px; }
|
||||
|
||||
.noUi-connect {
|
||||
background: #3FB8AF; }
|
||||
|
||||
/* Handles and cursors;
|
||||
*/
|
||||
.noUi-draggable {
|
||||
cursor: ew-resize; }
|
||||
|
||||
.noUi-vertical .noUi-draggable {
|
||||
cursor: ns-resize; }
|
||||
|
||||
.noUi-handle {
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #FFF;
|
||||
cursor: default;
|
||||
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
|
||||
|
||||
.noUi-active {
|
||||
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
|
||||
|
||||
/* Handle stripes;
|
||||
*/
|
||||
.noUi-handle:before,
|
||||
.noUi-handle:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 14px;
|
||||
width: 1px;
|
||||
background: #E8E7E6;
|
||||
left: 14px;
|
||||
top: 6px; }
|
||||
|
||||
.noUi-handle:after {
|
||||
left: 17px; }
|
||||
|
||||
.noUi-vertical .noUi-handle:before,
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
width: 14px;
|
||||
height: 1px;
|
||||
left: 6px;
|
||||
top: 14px; }
|
||||
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
top: 17px; }
|
||||
|
||||
/* Disabled state;
|
||||
*/
|
||||
[disabled] .noUi-connect {
|
||||
background: #B8B8B8; }
|
||||
|
||||
[disabled].noUi-target,
|
||||
[disabled].noUi-handle,
|
||||
[disabled] .noUi-handle {
|
||||
cursor: not-allowed; }
|
||||
|
||||
/* Base;
|
||||
*
|
||||
*/
|
||||
.noUi-pips,
|
||||
.noUi-pips * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.noUi-pips {
|
||||
position: absolute;
|
||||
color: #999; }
|
||||
|
||||
/* Values;
|
||||
*
|
||||
*/
|
||||
.noUi-value {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
text-align: center; }
|
||||
|
||||
.noUi-value-sub {
|
||||
color: #ccc;
|
||||
font-size: 10px; }
|
||||
|
||||
/* Markings;
|
||||
*
|
||||
*/
|
||||
.noUi-marker {
|
||||
position: absolute;
|
||||
background: #CCC; }
|
||||
|
||||
.noUi-marker-sub {
|
||||
background: #AAA; }
|
||||
|
||||
.noUi-marker-large {
|
||||
background: #AAA; }
|
||||
|
||||
/* Horizontal layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-horizontal {
|
||||
padding: 10px 0;
|
||||
height: 80px;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%; }
|
||||
|
||||
.noUi-value-horizontal {
|
||||
-webkit-transform: translate(-50%, 50%);
|
||||
transform: translate(-50%, 50%); }
|
||||
|
||||
.noUi-rtl .noUi-value-horizontal {
|
||||
-webkit-transform: translate(50%, 50%);
|
||||
transform: translate(50%, 50%); }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker {
|
||||
margin-left: -1px;
|
||||
width: 2px;
|
||||
height: 5px; }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-sub {
|
||||
height: 10px; }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-large {
|
||||
height: 15px; }
|
||||
|
||||
/* Vertical layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-vertical {
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 100%; }
|
||||
|
||||
.noUi-value-vertical {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
padding-left: 25px; }
|
||||
|
||||
.noUi-rtl .noUi-value-vertical {
|
||||
-webkit-transform: translate(0, 50%);
|
||||
transform: translate(0, 50%); }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker {
|
||||
width: 5px;
|
||||
height: 2px;
|
||||
margin-top: -1px; }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-sub {
|
||||
width: 10px; }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-large {
|
||||
width: 15px; }
|
||||
|
||||
.noUi-tooltip {
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
white-space: nowrap; }
|
||||
|
||||
.noUi-horizontal .noUi-tooltip {
|
||||
-webkit-transform: translate(-50%, 0);
|
||||
transform: translate(-50%, 0);
|
||||
left: 50%;
|
||||
bottom: 120%; }
|
||||
|
||||
.noUi-vertical .noUi-tooltip {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
top: 50%;
|
||||
right: 120%; }
|
||||
|
||||
/*# sourceMappingURL=nouislider.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,611 @@
|
|||
/*!
|
||||
* SmartWizard v4.3.x
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipuraj.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Basic CSS */
|
||||
.sw-main {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0.25rem !important; }
|
||||
|
||||
.sw-main .sw-container {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative; }
|
||||
|
||||
.sw-main .step-content {
|
||||
display: none;
|
||||
position: relative;
|
||||
margin: 0; }
|
||||
|
||||
.sw-main .sw-toolbar {
|
||||
margin-left: 0; }
|
||||
|
||||
/* SmartWizard Theme: White */
|
||||
.sw-theme-default {
|
||||
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
|
||||
|
||||
.sw-theme-default .sw-container {
|
||||
min-height: 250px; }
|
||||
|
||||
.sw-theme-default .step-content {
|
||||
padding: 10px;
|
||||
border: 0px solid #D4D4D4;
|
||||
background-color: #FFF;
|
||||
text-align: left; }
|
||||
|
||||
.sw-theme-default .sw-toolbar {
|
||||
background: #f9f9f9;
|
||||
border-radius: 0 !important;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding: 10px;
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.sw-theme-default .sw-toolbar-top {
|
||||
border-bottom-color: #ddd !important; }
|
||||
|
||||
.sw-theme-default .sw-toolbar-bottom {
|
||||
border-top-color: #ddd !important; }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li {
|
||||
position: relative;
|
||||
margin-right: 2px; }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover {
|
||||
border: none !important;
|
||||
color: #bbb;
|
||||
text-decoration: none;
|
||||
outline-style: none;
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
cursor: not-allowed; }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.clickable > a:hover {
|
||||
color: #4285F4 !important;
|
||||
background: transparent !important;
|
||||
cursor: pointer; }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li > a::after {
|
||||
content: "";
|
||||
background: #4285F4;
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
-webkit-transition: all 250ms ease 0s;
|
||||
transition: all 250ms ease 0s;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.active > a {
|
||||
border: none !important;
|
||||
color: #4285F4 !important;
|
||||
background: transparent !important;
|
||||
cursor: pointer; }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.active > a::after {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.done > a {
|
||||
border: none !important;
|
||||
color: #000 !important;
|
||||
background: transparent !important;
|
||||
cursor: pointer; }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.done > a::after {
|
||||
background: #5cb85c;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.danger > a {
|
||||
border: none !important;
|
||||
color: #d9534f !important;
|
||||
/* background: #d9534f !important; */
|
||||
cursor: pointer; }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.danger > a::after {
|
||||
background: #d9534f;
|
||||
border-left-color: #f8d7da;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
|
||||
.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover {
|
||||
color: #eee !important;
|
||||
cursor: not-allowed; }
|
||||
|
||||
/* Responsive CSS */
|
||||
@media screen and (max-width: 768px) {
|
||||
.sw-theme-default > .nav-tabs > li {
|
||||
float: none !important; } }
|
||||
|
||||
/* Common Loader */
|
||||
.sw-loading::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
opacity: 1;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
-webkit-transition: all .2s ease;
|
||||
transition: all .2s ease;
|
||||
z-index: 2; }
|
||||
|
||||
.sw-loading::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 10;
|
||||
border: 10px solid #f3f3f3;
|
||||
border-radius: 50%;
|
||||
border-top: 10px solid #3498db;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-top: -40px;
|
||||
margin-left: -40px;
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
/* Safari */
|
||||
animation: spin 1s linear infinite; }
|
||||
|
||||
/* Safari */
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg); } }
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
/*!
|
||||
* SmartWizard v4.3.x
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipuraj.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Theme: Arrows */
|
||||
.sw-theme-arrows {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ddd; }
|
||||
|
||||
.sw-theme-arrows > .sw-container {
|
||||
min-height: 200px; }
|
||||
|
||||
.sw-theme-arrows .step-content {
|
||||
padding: 0 10px;
|
||||
border: 0px solid #D4D4D4;
|
||||
background-color: #FFF;
|
||||
text-align: left; }
|
||||
|
||||
.sw-theme-arrows .sw-toolbar {
|
||||
padding: 10px;
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 0px;
|
||||
background: #f5f5f5;
|
||||
border-radius: 0;
|
||||
border-top-right-radius: 5px;
|
||||
list-style: none;
|
||||
overflow: hidden; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor li + li:before {
|
||||
padding: 0; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
|
||||
color: #bbb;
|
||||
text-decoration: none;
|
||||
padding: 10px 0 10px 45px;
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 0 !important;
|
||||
border-radius: 0;
|
||||
outline-style: none;
|
||||
background: #f5f5f5; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li > a:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 50px solid transparent;
|
||||
border-bottom: 50px solid transparent;
|
||||
border-left: 30px solid #f5f5f5;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
left: 100%;
|
||||
z-index: 2; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li > a:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 50px solid transparent;
|
||||
/* Go big on the size, and let overflow hide */
|
||||
border-bottom: 50px solid transparent;
|
||||
border-left: 30px solid #ddd;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
margin-left: 1px;
|
||||
left: 100%;
|
||||
z-index: 1; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li:first-child > a {
|
||||
padding-left: 15px; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li > a:hover {
|
||||
color: #bbb;
|
||||
text-decoration: none;
|
||||
outline-style: none;
|
||||
background: #f5f5f5;
|
||||
border-color: #f5f5f5; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li > a:hover:after {
|
||||
border-left-color: #f5f5f5; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {
|
||||
color: #4285F4 !important;
|
||||
background: #46b8da !important; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.active > a {
|
||||
border-color: #5cb85c !important;
|
||||
color: #fff !important;
|
||||
background: #5cb85c !important; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.active > a:after {
|
||||
border-left: 30px solid #5cb85c !important; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.done > a {
|
||||
border-color: #b1dfbb !important;
|
||||
/* #5cb85c */
|
||||
color: #fff !important;
|
||||
background: #b1dfbb !important; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.done > a:after {
|
||||
border-left: 30px solid #b1dfbb;
|
||||
/* c3e6cb */ }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.danger > a {
|
||||
border-color: #d9534f !important;
|
||||
color: #fff !important;
|
||||
background: #d9534f !important; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.danger > a:after {
|
||||
border-left: 30px solid #d9534f !important; }
|
||||
|
||||
.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {
|
||||
color: #eee !important; }
|
||||
|
||||
/* Responsive CSS */
|
||||
@media screen and (max-width: 768px) {
|
||||
.sw-theme-arrows > ul.step-anchor {
|
||||
border: 0;
|
||||
background: #ddd !important; }
|
||||
.sw-theme-arrows > .nav-tabs > li {
|
||||
float: none !important;
|
||||
margin-bottom: 0; }
|
||||
.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
|
||||
padding-left: 15px;
|
||||
margin-right: 0;
|
||||
margin-bottom: 1px; }
|
||||
.sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {
|
||||
display: none; } }
|
||||
|
||||
/* Loader Custom Style */
|
||||
.sw-theme-arrows::before {
|
||||
border: 10px solid #f3f3f3;
|
||||
border-top: 10px solid #5cb85c; }
|
||||
|
||||
/*!
|
||||
* SmartWizard v4.3.x
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipuraj.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Theme: Circles */
|
||||
.sw-theme-circles .sw-container {
|
||||
min-height: 300px; }
|
||||
|
||||
.sw-theme-circles .step-content {
|
||||
padding: 10px 0;
|
||||
background-color: #FFF;
|
||||
text-align: left; }
|
||||
|
||||
.sw-theme-circles .sw-toolbar {
|
||||
background: #fff;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.sw-theme-circles .sw-toolbar-bottom {
|
||||
border-top-color: #ddd !important;
|
||||
border-bottom-color: #ddd !important; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border: none;
|
||||
list-style: none;
|
||||
margin-bottom: 40px; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 3px;
|
||||
z-index: 0; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li {
|
||||
border: none;
|
||||
margin-left: 40px;
|
||||
z-index: 98; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li > a {
|
||||
border: 2px solid #f5f5f5;
|
||||
background: #f5f5f5;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
text-align: center;
|
||||
padding: 25px 0;
|
||||
border-radius: 50%;
|
||||
-webkit-box-shadow: inset 0px 0px 0px 3px #fff !important;
|
||||
box-shadow: inset 0px 0px 0px 3px #fff !important;
|
||||
text-decoration: none;
|
||||
outline-style: none;
|
||||
z-index: 99;
|
||||
color: #bbb;
|
||||
background: #f5f5f5;
|
||||
line-height: 1; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li > a:hover {
|
||||
color: #bbb;
|
||||
background: #f5f5f5;
|
||||
border-width: 2px; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li > a > small {
|
||||
position: relative;
|
||||
bottom: -40px;
|
||||
color: #ccc; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.clickable > a:hover {
|
||||
color: #4285F4 !important; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.active > a {
|
||||
border-color: #5bc0de;
|
||||
color: #fff;
|
||||
background: #5bc0de; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.active > a > small {
|
||||
color: #5bc0de; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.done > a {
|
||||
border-color: #5cb85c;
|
||||
color: #fff;
|
||||
background: #5cb85c; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.done > a > small {
|
||||
color: #5cb85c; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.danger > a {
|
||||
border-color: #d9534f;
|
||||
color: #d9534f;
|
||||
background: #fff; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.danger > a > small {
|
||||
color: #d9534f; }
|
||||
|
||||
.sw-theme-circles > ul.step-anchor > li.disabled > a, .sw-theme-circles > ul.step-anchor > li.disabled > a:hover {
|
||||
color: #eee !important; }
|
||||
|
||||
/*!
|
||||
* SmartWizard v4.3.x
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipuraj.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Theme: Dots */
|
||||
.sw-theme-dots .sw-container {
|
||||
min-height: 300px; }
|
||||
|
||||
.sw-theme-dots .step-content {
|
||||
padding: 10px 0;
|
||||
border: none;
|
||||
background-color: #FFF;
|
||||
text-align: left; }
|
||||
|
||||
.sw-theme-dots .sw-toolbar {
|
||||
background: #fff;
|
||||
border-radius: 0 !important;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.sw-theme-dots .sw-toolbar-top {
|
||||
border-bottom-color: #ddd !important; }
|
||||
|
||||
.sw-theme-dots .sw-toolbar-bottom {
|
||||
border-top-color: #ddd !important;
|
||||
border-bottom-color: #ddd !important; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border: 0px solid #ccc !important;
|
||||
list-style: none; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 3px;
|
||||
z-order: 0;
|
||||
z-index: 95; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li {
|
||||
border: none; }
|
||||
|
||||
/* Anchors styles */
|
||||
.sw-theme-dots > ul.step-anchor > li > a {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
outline-style: none;
|
||||
z-index: 96;
|
||||
display: block; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li > a:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 40%;
|
||||
margin-top: 10px;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
color: #428bca;
|
||||
background: #f5f5f5;
|
||||
border: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-decoration: none;
|
||||
z-index: 98; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li > a:after {
|
||||
content: ' ';
|
||||
position: relative;
|
||||
left: 43%;
|
||||
bottom: 2px;
|
||||
margin-top: 10px;
|
||||
display: block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background: #f5f5f5;
|
||||
border-radius: 50%;
|
||||
z-index: 99; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li > a:hover {
|
||||
color: #ccc;
|
||||
background: transparent; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li > a:focus {
|
||||
color: #ccc;
|
||||
border: none; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li.clickable > a:hover {
|
||||
color: #999; }
|
||||
|
||||
/* Active anchors */
|
||||
.sw-theme-dots > ul.step-anchor > li.active > a {
|
||||
color: #5bc0de; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li.active > a:hover {
|
||||
border: none; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li.active > a:after {
|
||||
background: #5bc0de; }
|
||||
|
||||
/* Done anchors */
|
||||
.sw-theme-dots > ul.step-anchor > li.done > a {
|
||||
color: #5cb85c; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li.done > a:after {
|
||||
background: #5cb85c; }
|
||||
|
||||
/* Danger anchors */
|
||||
.sw-theme-dots > ul.step-anchor > li.danger > a {
|
||||
color: #d9534f; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li.danger > a:after {
|
||||
background: #d9534f; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li.disabled > a, .sw-theme-dots > ul.step-anchor > li.disabled > a:hover {
|
||||
color: #eee !important; }
|
||||
|
||||
.sw-theme-dots > ul.step-anchor > li.disabled > a:after {
|
||||
background: #eee; }
|
||||
|
||||
/* Responsive CSS */
|
||||
@media screen and (max-width: 768px) {
|
||||
.sw-theme-dots > ul.step-anchor:before {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 10px;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
background-color: #f5f5f5;
|
||||
display: block;
|
||||
margin-right: 10px; }
|
||||
.sw-theme-dots > ul.step-anchor > li {
|
||||
margin-left: 20px;
|
||||
display: block;
|
||||
clear: both; }
|
||||
.sw-theme-dots > ul.step-anchor > li > a {
|
||||
text-align: left;
|
||||
margin-left: 0;
|
||||
display: block; }
|
||||
.sw-theme-dots > ul.step-anchor > li > a:before {
|
||||
top: 5px;
|
||||
left: -23px;
|
||||
margin-right: 10px;
|
||||
display: block; }
|
||||
.sw-theme-dots > ul.step-anchor > li > a:after {
|
||||
top: -38px;
|
||||
left: -31px;
|
||||
margin-right: 10px;
|
||||
display: block; } }
|
||||
|
||||
/*# sourceMappingURL=smartwizard.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,455 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
||||
.jqvmap-label {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 3px;
|
||||
background: #292929;
|
||||
color: white;
|
||||
font-family: sans-serif, Verdana;
|
||||
font-size: smaller;
|
||||
padding: 3px;
|
||||
pointer-events: none; }
|
||||
|
||||
.jqvmap-pin {
|
||||
pointer-events: none; }
|
||||
|
||||
.jqvmap-zoomin, .jqvmap-zoomout {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
border-radius: 3px;
|
||||
background: #000000;
|
||||
padding: 3px;
|
||||
color: white;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
cursor: pointer;
|
||||
line-height: 10px;
|
||||
text-align: center; }
|
||||
|
||||
.jqvmap-zoomin {
|
||||
top: 10px; }
|
||||
|
||||
.jqvmap-zoomout {
|
||||
top: 30px; }
|
||||
|
||||
.jqvmap-region {
|
||||
cursor: pointer; }
|
||||
|
||||
.jqvmap-ajax_response {
|
||||
width: 100%;
|
||||
height: 500px; }
|
||||
|
||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||
========================================================================== */
|
||||
/*---------------------------------------------------
|
||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||
-------------------------------- -------------------
|
||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||
---------------------------------------------------*/
|
||||
/*------------------------
|
||||
Usage
|
||||
|
||||
h1 {
|
||||
font-size: rem(32);
|
||||
}
|
||||
|
||||
OR:
|
||||
|
||||
h1 {
|
||||
font-size: rem(32px);
|
||||
}
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
FADE IN
|
||||
e.g. @include fadeIn( 2s );
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
mixin that calculates if text needs to be light or dark
|
||||
depending on the background color passed.
|
||||
|
||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||
|
||||
usage:
|
||||
@include text-contrast($bgcolor)
|
||||
|
||||
Color brightness is determined by the following formula:
|
||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
color factory
|
||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||
------------------------*/
|
||||
/* backface visibility */
|
||||
/* generate theme button */
|
||||
/* #BASE - Base Variable file along with font library, and colors.
|
||||
========================================================================== */
|
||||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
body {
|
||||
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
|
||||
font-size: 0.8125rem;
|
||||
letter-spacing: 0.1px; }
|
||||
|
||||
.page-content {
|
||||
color: #666666; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.3;
|
||||
font-weight: 400; }
|
||||
|
||||
strong {
|
||||
font-weight: 500; }
|
||||
|
||||
h1 small,
|
||||
h2 small,
|
||||
h3 small,
|
||||
h4 small,
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h1 small,
|
||||
.h2 small,
|
||||
.h3 small,
|
||||
.h4 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-weight: 300;
|
||||
display: block;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.5;
|
||||
margin: 2px 0 1.5rem; }
|
||||
|
||||
h2 small,
|
||||
h3 small,
|
||||
.h2 small,
|
||||
.h3 small {
|
||||
font-size: 0.9375rem; }
|
||||
|
||||
h4 small,
|
||||
.h4 small {
|
||||
font-size: 0.875rem; }
|
||||
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-size: 0.8125rem; }
|
||||
|
||||
/* contrast text */
|
||||
.text-contrast {
|
||||
color: #333333; }
|
||||
|
||||
/* text-gradient */
|
||||
.text-gradient {
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||
color: #886ab5;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
text-shadow: none; }
|
||||
|
||||
/* looking for font size? Check _helpers.scss */
|
||||
/* PLACEHOLDER
|
||||
=============================================
|
||||
|
||||
EXAMPLE:
|
||||
|
||||
%bg-image {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.image-one {
|
||||
@extend %bg-image;
|
||||
background-image:url(/img/image-one.jpg");
|
||||
}
|
||||
|
||||
RESULT:
|
||||
|
||||
.image-one, .image-two {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
*/
|
||||
/*
|
||||
%shadow-hover {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
}
|
||||
*/
|
||||
/*%fixed-header-shadow {
|
||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||
}*/
|
||||
/* %selected-dot {
|
||||
&:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background: inherit;
|
||||
background-image: none;
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
&:after {
|
||||
content: " ";
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
border: 5px solid rgba(0,0,0,0.1);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}*/
|
||||
/* patterns */
|
||||
.jqvmap-zoomin, .jqvmap-zoomout {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
text-align: center;
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
border-radius: 3px;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
|
||||
background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
|
||||
color: #444;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
left: 0;
|
||||
top: 0;
|
||||
color: #333;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
|
||||
.jqvmap-zoomout {
|
||||
top: 1rem; }
|
||||
|
||||
.p-0 .jqvmap-zoomin,
|
||||
.p-0 .jqvmap-zoomout {
|
||||
left: 1rem;
|
||||
top: 1rem; }
|
||||
|
||||
.p-0 .jqvmap-zoomout {
|
||||
top: 3rem; }
|
||||
|
||||
.jqvmap-bg-ocean {
|
||||
background-color: #eafeff; }
|
||||
|
||||
/*# sourceMappingURL=jqvmap.bundle.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,582 @@
|
|||
@charset "UTF-8";
|
||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||
========================================================================== */
|
||||
/*---------------------------------------------------
|
||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||
-------------------------------- -------------------
|
||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||
---------------------------------------------------*/
|
||||
/*------------------------
|
||||
Usage
|
||||
|
||||
h1 {
|
||||
font-size: rem(32);
|
||||
}
|
||||
|
||||
OR:
|
||||
|
||||
h1 {
|
||||
font-size: rem(32px);
|
||||
}
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
FADE IN
|
||||
e.g. @include fadeIn( 2s );
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
mixin that calculates if text needs to be light or dark
|
||||
depending on the background color passed.
|
||||
|
||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||
|
||||
usage:
|
||||
@include text-contrast($bgcolor)
|
||||
|
||||
Color brightness is determined by the following formula:
|
||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
color factory
|
||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||
------------------------*/
|
||||
/* backface visibility */
|
||||
/* generate theme button */
|
||||
/* #BASE - Base Variable file along with font library, and colors.
|
||||
========================================================================== */
|
||||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
||||
body {
|
||||
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
|
||||
font-size: 0.8125rem;
|
||||
letter-spacing: 0.1px; }
|
||||
|
||||
.page-content {
|
||||
color: #666666; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.3;
|
||||
font-weight: 400; }
|
||||
|
||||
strong {
|
||||
font-weight: 500; }
|
||||
|
||||
h1 small,
|
||||
h2 small,
|
||||
h3 small,
|
||||
h4 small,
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h1 small,
|
||||
.h2 small,
|
||||
.h3 small,
|
||||
.h4 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-weight: 300;
|
||||
display: block;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.5;
|
||||
margin: 2px 0 1.5rem; }
|
||||
|
||||
h2 small,
|
||||
h3 small,
|
||||
.h2 small,
|
||||
.h3 small {
|
||||
font-size: 0.9375rem; }
|
||||
|
||||
h4 small,
|
||||
.h4 small {
|
||||
font-size: 0.875rem; }
|
||||
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-size: 0.8125rem; }
|
||||
|
||||
/* contrast text */
|
||||
.text-contrast {
|
||||
color: #333333; }
|
||||
|
||||
/* text-gradient */
|
||||
.text-gradient {
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||
color: #886ab5;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
text-shadow: none; }
|
||||
|
||||
/* looking for font size? Check _helpers.scss */
|
||||
/* PLACEHOLDER
|
||||
=============================================
|
||||
|
||||
EXAMPLE:
|
||||
|
||||
%bg-image {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.image-one {
|
||||
@extend %bg-image;
|
||||
background-image:url(/img/image-one.jpg");
|
||||
}
|
||||
|
||||
RESULT:
|
||||
|
||||
.image-one, .image-two {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
*/
|
||||
/*
|
||||
%shadow-hover {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
}
|
||||
*/
|
||||
/*%fixed-header-shadow {
|
||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||
}*/
|
||||
/* %selected-dot {
|
||||
&:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background: inherit;
|
||||
background-image: none;
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
&:after {
|
||||
content: " ";
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
border: 5px solid rgba(0,0,0,0.1);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}*/
|
||||
/* patterns */
|
||||
.dd-item, .dd-empty, .dd-placeholder {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 20px;
|
||||
font-size: 13px;
|
||||
line-height: 20px; }
|
||||
|
||||
.dd-empty, .dd-placeholder {
|
||||
margin: 5px 0;
|
||||
padding: 0;
|
||||
min-height: 30px;
|
||||
background: #f2fbff;
|
||||
border: 1px dashed #b6bcbf;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
#nestable-output, #nestable2-output {
|
||||
width: 100%;
|
||||
height: 7em;
|
||||
font-size: 0.75em;
|
||||
line-height: 1.333333em;
|
||||
font-family: Consolas, monospace;
|
||||
padding: 5px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.dd {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: 600px;
|
||||
list-style: none;
|
||||
font-size: 13px;
|
||||
line-height: 20px; }
|
||||
|
||||
.dd-list {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.dd-list .dd-list {
|
||||
padding-left: 30px; }
|
||||
|
||||
.dd-item > button {
|
||||
display: block;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
width: 25px;
|
||||
height: 20px;
|
||||
margin: 5px 0;
|
||||
padding: 0;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
font-weight: bold; }
|
||||
.dd-item > button:before {
|
||||
content: ' +';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-indent: 0; }
|
||||
|
||||
.dd-item > button[data-action="collapse"]:before {
|
||||
content: '-'; }
|
||||
|
||||
.dd-empty {
|
||||
border: 1px dashed #bbb;
|
||||
min-height: 100px;
|
||||
background-color: #e5e5e5;
|
||||
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
||||
background-size: 60px 60px;
|
||||
background-position: 0 0, 30px 30px; }
|
||||
|
||||
.dd-handle {
|
||||
display: block;
|
||||
height: 30px;
|
||||
margin: 5px 0;
|
||||
padding: 5px 10px;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
border: 1px solid #ccc;
|
||||
background: #fafafa;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), to(#eee));
|
||||
background: linear-gradient(to bottom, #fafafa 0, #eee 100%);
|
||||
border-radius: 3px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.dd-handle:hover {
|
||||
color: #2ea8e5;
|
||||
background: #fff; }
|
||||
|
||||
.dd-dragel {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 9999; }
|
||||
.dd-dragel > .dd-item .dd-handle {
|
||||
margin-top: 0; }
|
||||
.dd-dragel > .dd3-item > .dd3-content {
|
||||
margin: 0; }
|
||||
.dd-dragel .dd-handle {
|
||||
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }
|
||||
|
||||
.nestable-lists {
|
||||
display: block;
|
||||
clear: both;
|
||||
padding: 30px 0;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
border-top: 2px solid #ddd;
|
||||
border-bottom: 2px solid #ddd; }
|
||||
|
||||
#nestable-menu {
|
||||
padding: 0;
|
||||
margin: 20px 0; }
|
||||
|
||||
#nestable2 .dd-handle {
|
||||
color: #fff;
|
||||
border: 1px solid #999;
|
||||
background: #bbb;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), to(#999));
|
||||
background: linear-gradient(to bottom, #bbb 0, #999 100%); }
|
||||
#nestable2 .dd-handle:hover {
|
||||
background: #bbb; }
|
||||
|
||||
#nestable2 .dd-item > button:before {
|
||||
color: #fff; }
|
||||
|
||||
@media only screen and (min-width: 700px) {
|
||||
.dd {
|
||||
float: left;
|
||||
width: 48%; }
|
||||
.dd + .dd {
|
||||
margin-left: 2%; } }
|
||||
|
||||
.dd3-content {
|
||||
display: block;
|
||||
height: 30px;
|
||||
margin: 5px 0;
|
||||
padding: 5px 10px 5px 40px;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
border: 1px solid #ccc;
|
||||
background: #fafafa;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), to(#eee));
|
||||
background: linear-gradient(to bottom, #fafafa 0, #eee 100%);
|
||||
border-radius: 3px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.dd3-content:hover {
|
||||
color: #2ea8e5;
|
||||
background: #fff; }
|
||||
|
||||
.dd3-handle {
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
width: 30px;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
border: 1px solid #aaa;
|
||||
background: #ddd;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), to(#bbb));
|
||||
background: linear-gradient(to bottom, #ddd 0, #bbb 100%);
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
.dd3-handle:before {
|
||||
content: '≡';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 3px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
font-weight: normal; }
|
||||
.dd3-handle:hover {
|
||||
background: #ddd; }
|
||||
|
||||
.dd-collapsed .dd-list {
|
||||
display: none; }
|
||||
|
||||
.dd-hover > .dd-handle {
|
||||
background: #2ea8e5 !important; }
|
||||
|
||||
.dd3-item > button {
|
||||
margin-left: 30px; }
|
||||
|
||||
/*# sourceMappingURL=nestable.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,754 @@
|
|||
.emoji {
|
||||
font-size: 0.25px;
|
||||
width: 120em;
|
||||
height: 120em;
|
||||
margin: 15em 7em;
|
||||
background: #FFDA6A;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
border-radius: 50%;
|
||||
position: relative; }
|
||||
.emoji:hover {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2); }
|
||||
.emoji:after {
|
||||
position: absolute;
|
||||
bottom: -40em;
|
||||
font-size: 18em;
|
||||
width: 60em;
|
||||
left: calc(50% - 30em);
|
||||
color: #8A8A8A; }
|
||||
|
||||
.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb {
|
||||
position: absolute; }
|
||||
.emoji__face:before, .emoji__face:after, .emoji__eyebrows:before, .emoji__eyebrows:after, .emoji__eyes:before, .emoji__eyes:after, .emoji__mouth:before, .emoji__mouth:after, .emoji__tongue:before, .emoji__tongue:after, .emoji__heart:before, .emoji__heart:after, .emoji__hand:before, .emoji__hand:after, .emoji__thumb:before, .emoji__thumb:after {
|
||||
position: absolute;
|
||||
content: ''; }
|
||||
|
||||
.emoji__face {
|
||||
width: inherit;
|
||||
height: inherit; }
|
||||
|
||||
.emoji--like {
|
||||
background: #548DFF; }
|
||||
.emoji--like .emoji__hand {
|
||||
left: 25em;
|
||||
bottom: 30em;
|
||||
width: 20em;
|
||||
height: 40em;
|
||||
background: #FFFFFF;
|
||||
border-radius: 5em;
|
||||
z-index: 0;
|
||||
-webkit-animation: hands-up 2s linear infinite;
|
||||
animation: hands-up 2s linear infinite; }
|
||||
.emoji--like .emoji__hand:before {
|
||||
left: 25em;
|
||||
bottom: 5em;
|
||||
width: 40em;
|
||||
background: inherit;
|
||||
height: 10em;
|
||||
border-radius: 2em 10em 10em 2em;
|
||||
-webkit-box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF;
|
||||
box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF; }
|
||||
.emoji--like .emoji__thumb {
|
||||
border-bottom: 20em solid #FFFFFF;
|
||||
border-left: 20em solid transparent;
|
||||
top: -25em;
|
||||
right: -25em;
|
||||
z-index: 2;
|
||||
-webkit-transform: rotate(5deg);
|
||||
transform: rotate(5deg);
|
||||
-webkit-transform-origin: 0% 100%;
|
||||
transform-origin: 0% 100%;
|
||||
-webkit-animation: thumbs-up 2s linear infinite;
|
||||
animation: thumbs-up 2s linear infinite; }
|
||||
.emoji--like .emoji__thumb:before {
|
||||
border-radius: 50% 50% 0 0;
|
||||
background: #FFFFFF;
|
||||
width: 10em;
|
||||
height: 12em;
|
||||
left: -10em;
|
||||
top: -8em;
|
||||
-webkit-transform: rotate(-15deg);
|
||||
transform: rotate(-15deg);
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
-webkit-box-shadow: -1em 4em 0 -1em #FFFFFF;
|
||||
box-shadow: -1em 4em 0 -1em #FFFFFF; }
|
||||
|
||||
.emoji--love {
|
||||
background: #F55064; }
|
||||
.emoji--love .emoji__heart {
|
||||
left: calc(50% - 40em);
|
||||
top: calc(50% - 40em);
|
||||
width: 80em;
|
||||
height: 80em;
|
||||
-webkit-animation: heart-beat 1s linear infinite alternate;
|
||||
animation: heart-beat 1s linear infinite alternate; }
|
||||
.emoji--love .emoji__heart:before, .emoji--love .emoji__heart:after {
|
||||
left: calc(50% - 20em);
|
||||
top: calc(50% - 32em);
|
||||
width: 40em;
|
||||
height: 64em;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20em 20em 0 0; }
|
||||
.emoji--love .emoji__heart:before {
|
||||
-webkit-transform: translate(20em) rotate(-45deg);
|
||||
transform: translate(20em) rotate(-45deg);
|
||||
-webkit-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%; }
|
||||
.emoji--love .emoji__heart:after {
|
||||
-webkit-transform: translate(-20em) rotate(45deg);
|
||||
transform: translate(-20em) rotate(45deg);
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%; }
|
||||
|
||||
.emoji--haha .emoji__face {
|
||||
-webkit-animation: haha-face 2s linear infinite;
|
||||
animation: haha-face 2s linear infinite; }
|
||||
|
||||
.emoji--haha .emoji__eyes {
|
||||
width: 26em;
|
||||
height: 6em;
|
||||
border-radius: 2em;
|
||||
left: calc(50% - 13em);
|
||||
top: 35em;
|
||||
-webkit-transform: rotate(20deg);
|
||||
transform: rotate(20deg);
|
||||
background: transparent;
|
||||
-webkit-box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000;
|
||||
box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000; }
|
||||
.emoji--haha .emoji__eyes:after {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 26em;
|
||||
height: 6em;
|
||||
border-radius: 2em;
|
||||
-webkit-transform: rotate(-40deg);
|
||||
transform: rotate(-40deg);
|
||||
background: transparent;
|
||||
-webkit-box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000;
|
||||
box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000; }
|
||||
|
||||
.emoji--haha .emoji__mouth {
|
||||
width: 80em;
|
||||
height: 40em;
|
||||
left: calc(50% - 40em);
|
||||
top: 50%;
|
||||
background: #000000;
|
||||
border-radius: 0 0 40em 40em;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
-webkit-animation: haha-mouth 2s linear infinite;
|
||||
animation: haha-mouth 2s linear infinite; }
|
||||
|
||||
.emoji--haha .emoji__tongue {
|
||||
width: 70em;
|
||||
height: 30em;
|
||||
background: #F55064;
|
||||
left: calc(50% - 35em);
|
||||
bottom: -10em;
|
||||
border-radius: 50%; }
|
||||
|
||||
.emoji--yay:after {
|
||||
-webkit-animation: yay-reverse 1s linear infinite;
|
||||
animation: yay-reverse 1s linear infinite; }
|
||||
|
||||
.emoji--yay .emoji__face {
|
||||
-webkit-animation: yay 1s linear infinite alternate;
|
||||
animation: yay 1s linear infinite alternate; }
|
||||
|
||||
.emoji--yay .emoji__eyebrows {
|
||||
left: calc(50% - 3em);
|
||||
top: 30em;
|
||||
height: 6em;
|
||||
width: 6em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000;
|
||||
box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000; }
|
||||
.emoji--yay .emoji__eyebrows:before, .emoji--yay .emoji__eyebrows:after {
|
||||
width: 36em;
|
||||
height: 18em;
|
||||
border-radius: 60em 60em 0 0;
|
||||
background: transparent;
|
||||
border: 6em solid black;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 0;
|
||||
bottom: 3em;
|
||||
left: calc(50% - 18em); }
|
||||
.emoji--yay .emoji__eyebrows:before {
|
||||
margin-left: -21em; }
|
||||
.emoji--yay .emoji__eyebrows:after {
|
||||
margin-left: 21em; }
|
||||
|
||||
.emoji--yay .emoji__mouth {
|
||||
top: 60em;
|
||||
background: transparent;
|
||||
left: 50%; }
|
||||
.emoji--yay .emoji__mouth:after {
|
||||
width: 80em;
|
||||
height: 80em;
|
||||
left: calc(50% - 40em);
|
||||
top: -75em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
border: 6em solid #000000;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-top-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
z-index: 1; }
|
||||
.emoji--yay .emoji__mouth:before {
|
||||
width: 6em;
|
||||
height: 6em;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
bottom: 5em;
|
||||
left: calc(50% - 3em);
|
||||
-webkit-box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C;
|
||||
box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C; }
|
||||
|
||||
.emoji--wow .emoji__face {
|
||||
-webkit-animation: wow-face 3s linear infinite;
|
||||
animation: wow-face 3s linear infinite; }
|
||||
|
||||
.emoji--wow .emoji__eyebrows {
|
||||
left: calc(50% - 3em);
|
||||
height: 6em;
|
||||
width: 6em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000;
|
||||
box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000;
|
||||
-webkit-animation: wow-brow 3s linear infinite;
|
||||
animation: wow-brow 3s linear infinite; }
|
||||
.emoji--wow .emoji__eyebrows:before, .emoji--wow .emoji__eyebrows:after {
|
||||
width: 24em;
|
||||
height: 20em;
|
||||
border: 6em solid #000000;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50%;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
top: -3em;
|
||||
left: calc(50% - 12em); }
|
||||
.emoji--wow .emoji__eyebrows:before {
|
||||
margin-left: -25em; }
|
||||
.emoji--wow .emoji__eyebrows:after {
|
||||
margin-left: 25em; }
|
||||
|
||||
.emoji--wow .emoji__eyes {
|
||||
width: 16em;
|
||||
height: 24em;
|
||||
left: calc(50% - 8em);
|
||||
top: 35em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
|
||||
box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
|
||||
|
||||
.emoji--wow .emoji__mouth {
|
||||
width: 30em;
|
||||
height: 45em;
|
||||
left: calc(50% - 15em);
|
||||
top: 50%;
|
||||
border-radius: 50%;
|
||||
background: #000000;
|
||||
-webkit-animation: wow-mouth 3s linear infinite;
|
||||
animation: wow-mouth 3s linear infinite; }
|
||||
|
||||
.emoji--sad .emoji__face {
|
||||
-webkit-animation: sad-face 2s ease-in infinite;
|
||||
animation: sad-face 2s ease-in infinite; }
|
||||
|
||||
.emoji--sad .emoji__eyebrows {
|
||||
left: calc(50% - 3em);
|
||||
top: 35em;
|
||||
height: 6em;
|
||||
width: 6em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000;
|
||||
box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000; }
|
||||
.emoji--sad .emoji__eyebrows:before, .emoji--sad .emoji__eyebrows:after {
|
||||
width: 30em;
|
||||
height: 20em;
|
||||
border: 6em solid #000000;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50%;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
top: 2em;
|
||||
left: calc(50% - 15em); }
|
||||
.emoji--sad .emoji__eyebrows:before {
|
||||
margin-left: -30em;
|
||||
-webkit-transform: rotate(-30deg);
|
||||
transform: rotate(-30deg); }
|
||||
.emoji--sad .emoji__eyebrows:after {
|
||||
margin-left: 30em;
|
||||
-webkit-transform: rotate(30deg);
|
||||
transform: rotate(30deg); }
|
||||
|
||||
.emoji--sad .emoji__eyes {
|
||||
width: 14em;
|
||||
height: 16em;
|
||||
left: calc(50% - 7em);
|
||||
top: 50em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
|
||||
box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
|
||||
.emoji--sad .emoji__eyes:after {
|
||||
background: #548DFF;
|
||||
width: 12em;
|
||||
height: 12em;
|
||||
margin-left: 6em;
|
||||
border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
|
||||
-webkit-transform-origin: 0% 0%;
|
||||
transform-origin: 0% 0%;
|
||||
-webkit-animation: tear-drop 2s ease-in infinite;
|
||||
animation: tear-drop 2s ease-in infinite; }
|
||||
|
||||
.emoji--sad .emoji__mouth {
|
||||
width: 60em;
|
||||
height: 80em;
|
||||
left: calc(50% - 30em);
|
||||
top: 80em;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border: 6em solid #000000;
|
||||
border-radius: 50%;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
background: transparent;
|
||||
-webkit-animation: sad-mouth 2s ease-in infinite;
|
||||
animation: sad-mouth 2s ease-in infinite; }
|
||||
.emoji--sad .emoji__mouth:after {
|
||||
width: 6em;
|
||||
height: 6em;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
top: 4em;
|
||||
left: calc(50% - 3em);
|
||||
-webkit-box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000;
|
||||
box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000; }
|
||||
|
||||
.emoji--angry {
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #D5234C), to(#FFDA6A));
|
||||
background: linear-gradient(#D5234C -10%, #FFDA6A);
|
||||
background-size: 100%;
|
||||
-webkit-animation: angry-color 2s ease-in infinite;
|
||||
animation: angry-color 2s ease-in infinite; }
|
||||
.emoji--angry .emoji__face {
|
||||
-webkit-animation: angry-face 2s ease-in infinite;
|
||||
animation: angry-face 2s ease-in infinite; }
|
||||
.emoji--angry .emoji__eyebrows {
|
||||
left: calc(50% - 3em);
|
||||
top: 55em;
|
||||
height: 6em;
|
||||
width: 6em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000;
|
||||
box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000; }
|
||||
.emoji--angry .emoji__eyebrows:before, .emoji--angry .emoji__eyebrows:after {
|
||||
width: 50em;
|
||||
height: 20em;
|
||||
border: 6em solid #000000;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
top: 0;
|
||||
left: calc(50% - 25em); }
|
||||
.emoji--angry .emoji__eyebrows:before {
|
||||
margin-left: -25em;
|
||||
-webkit-transform: rotate(15deg);
|
||||
transform: rotate(15deg); }
|
||||
.emoji--angry .emoji__eyebrows:after {
|
||||
margin-left: 25em;
|
||||
-webkit-transform: rotate(-15deg);
|
||||
transform: rotate(-15deg); }
|
||||
.emoji--angry .emoji__eyes {
|
||||
width: 12em;
|
||||
height: 12em;
|
||||
left: calc(50% - 6em);
|
||||
top: 70em;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
|
||||
box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
|
||||
.emoji--angry .emoji__mouth {
|
||||
width: 36em;
|
||||
height: 18em;
|
||||
left: calc(50% - 18em);
|
||||
bottom: 15em;
|
||||
background: #000000;
|
||||
border-radius: 50%;
|
||||
-webkit-animation: angry-mouth 2s ease-in infinite;
|
||||
animation: angry-mouth 2s ease-in infinite; }
|
||||
|
||||
@-webkit-keyframes heart-beat {
|
||||
25% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1); }
|
||||
75% {
|
||||
-webkit-transform: scale(0.6);
|
||||
transform: scale(0.6); } }
|
||||
|
||||
@keyframes heart-beat {
|
||||
25% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1); }
|
||||
75% {
|
||||
-webkit-transform: scale(0.6);
|
||||
transform: scale(0.6); } }
|
||||
|
||||
@-webkit-keyframes haha-face {
|
||||
10%, 30%, 50% {
|
||||
-webkit-transform: translateY(25em);
|
||||
transform: translateY(25em); }
|
||||
20%, 40% {
|
||||
-webkit-transform: translateY(15em);
|
||||
transform: translateY(15em); }
|
||||
60%, 80% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
70%, 90% {
|
||||
-webkit-transform: translateY(-10em);
|
||||
transform: translateY(-10em); } }
|
||||
|
||||
@keyframes haha-face {
|
||||
10%, 30%, 50% {
|
||||
-webkit-transform: translateY(25em);
|
||||
transform: translateY(25em); }
|
||||
20%, 40% {
|
||||
-webkit-transform: translateY(15em);
|
||||
transform: translateY(15em); }
|
||||
60%, 80% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
70%, 90% {
|
||||
-webkit-transform: translateY(-10em);
|
||||
transform: translateY(-10em); } }
|
||||
|
||||
@-webkit-keyframes haha-mouth {
|
||||
10%, 30%, 50% {
|
||||
-webkit-transform: scale(0.6);
|
||||
transform: scale(0.6);
|
||||
top: 45%; }
|
||||
20%, 40% {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
top: 45%; }
|
||||
60%, 80% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 50%; }
|
||||
70% {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
top: 50%; }
|
||||
90% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
top: 50%; } }
|
||||
|
||||
@keyframes haha-mouth {
|
||||
10%, 30%, 50% {
|
||||
-webkit-transform: scale(0.6);
|
||||
transform: scale(0.6);
|
||||
top: 45%; }
|
||||
20%, 40% {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
top: 45%; }
|
||||
60%, 80% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 50%; }
|
||||
70% {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
top: 50%; }
|
||||
90% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
top: 50%; } }
|
||||
|
||||
@-webkit-keyframes yay {
|
||||
25% {
|
||||
-webkit-transform: rotate(-15deg);
|
||||
transform: rotate(-15deg); }
|
||||
75% {
|
||||
-webkit-transform: rotate(15deg);
|
||||
transform: rotate(15deg); } }
|
||||
|
||||
@keyframes yay {
|
||||
25% {
|
||||
-webkit-transform: rotate(-15deg);
|
||||
transform: rotate(-15deg); }
|
||||
75% {
|
||||
-webkit-transform: rotate(15deg);
|
||||
transform: rotate(15deg); } }
|
||||
|
||||
@-webkit-keyframes wow-face {
|
||||
15%, 25% {
|
||||
-webkit-transform: rotate(20deg) translateX(-25em);
|
||||
transform: rotate(20deg) translateX(-25em); }
|
||||
45%, 65% {
|
||||
-webkit-transform: rotate(-20deg) translateX(25em);
|
||||
transform: rotate(-20deg) translateX(25em); }
|
||||
75%, 100% {
|
||||
-webkit-transform: rotate(0deg) translateX(0);
|
||||
transform: rotate(0deg) translateX(0); } }
|
||||
|
||||
@keyframes wow-face {
|
||||
15%, 25% {
|
||||
-webkit-transform: rotate(20deg) translateX(-25em);
|
||||
transform: rotate(20deg) translateX(-25em); }
|
||||
45%, 65% {
|
||||
-webkit-transform: rotate(-20deg) translateX(25em);
|
||||
transform: rotate(-20deg) translateX(25em); }
|
||||
75%, 100% {
|
||||
-webkit-transform: rotate(0deg) translateX(0);
|
||||
transform: rotate(0deg) translateX(0); } }
|
||||
|
||||
@-webkit-keyframes wow-brow {
|
||||
15%, 65% {
|
||||
top: 25em; }
|
||||
75%, 100%, 0% {
|
||||
top: 15em; } }
|
||||
|
||||
@keyframes wow-brow {
|
||||
15%, 65% {
|
||||
top: 25em; }
|
||||
75%, 100%, 0% {
|
||||
top: 15em; } }
|
||||
|
||||
@-webkit-keyframes wow-mouth {
|
||||
10%, 30% {
|
||||
width: 20em;
|
||||
height: 20em;
|
||||
left: calc(50% - 10em); }
|
||||
50%, 70% {
|
||||
width: 30em;
|
||||
height: 40em;
|
||||
left: calc(50% - 15em); }
|
||||
75%, 100% {
|
||||
height: 50em; } }
|
||||
|
||||
@keyframes wow-mouth {
|
||||
10%, 30% {
|
||||
width: 20em;
|
||||
height: 20em;
|
||||
left: calc(50% - 10em); }
|
||||
50%, 70% {
|
||||
width: 30em;
|
||||
height: 40em;
|
||||
left: calc(50% - 15em); }
|
||||
75%, 100% {
|
||||
height: 50em; } }
|
||||
|
||||
@-webkit-keyframes sad-face {
|
||||
25%, 35% {
|
||||
top: -15em; }
|
||||
55%, 95% {
|
||||
top: 10em; }
|
||||
100%, 0% {
|
||||
top: 0; } }
|
||||
|
||||
@keyframes sad-face {
|
||||
25%, 35% {
|
||||
top: -15em; }
|
||||
55%, 95% {
|
||||
top: 10em; }
|
||||
100%, 0% {
|
||||
top: 0; } }
|
||||
|
||||
@-webkit-keyframes sad-mouth {
|
||||
25%, 35% {
|
||||
-webkit-transform: scale(0.85);
|
||||
transform: scale(0.85);
|
||||
top: 70em; }
|
||||
55%, 100%, 0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 80em; } }
|
||||
|
||||
@keyframes sad-mouth {
|
||||
25%, 35% {
|
||||
-webkit-transform: scale(0.85);
|
||||
transform: scale(0.85);
|
||||
top: 70em; }
|
||||
55%, 100%, 0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 80em; } }
|
||||
|
||||
@-webkit-keyframes tear-drop {
|
||||
0%, 100% {
|
||||
display: block;
|
||||
left: 35em;
|
||||
top: 15em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); }
|
||||
25% {
|
||||
display: block;
|
||||
left: 35em;
|
||||
-webkit-transform: rotate(45deg) scale(2);
|
||||
transform: rotate(45deg) scale(2); }
|
||||
49.9% {
|
||||
display: block;
|
||||
left: 35em;
|
||||
top: 65em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); }
|
||||
50% {
|
||||
display: block;
|
||||
left: -35em;
|
||||
top: 15em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); }
|
||||
75% {
|
||||
display: block;
|
||||
left: -35em;
|
||||
-webkit-transform: rotate(45deg) scale(2);
|
||||
transform: rotate(45deg) scale(2); }
|
||||
99.9% {
|
||||
display: block;
|
||||
left: -35em;
|
||||
top: 65em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); } }
|
||||
|
||||
@keyframes tear-drop {
|
||||
0%, 100% {
|
||||
display: block;
|
||||
left: 35em;
|
||||
top: 15em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); }
|
||||
25% {
|
||||
display: block;
|
||||
left: 35em;
|
||||
-webkit-transform: rotate(45deg) scale(2);
|
||||
transform: rotate(45deg) scale(2); }
|
||||
49.9% {
|
||||
display: block;
|
||||
left: 35em;
|
||||
top: 65em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); }
|
||||
50% {
|
||||
display: block;
|
||||
left: -35em;
|
||||
top: 15em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); }
|
||||
75% {
|
||||
display: block;
|
||||
left: -35em;
|
||||
-webkit-transform: rotate(45deg) scale(2);
|
||||
transform: rotate(45deg) scale(2); }
|
||||
99.9% {
|
||||
display: block;
|
||||
left: -35em;
|
||||
top: 65em;
|
||||
-webkit-transform: rotate(45deg) scale(0);
|
||||
transform: rotate(45deg) scale(0); } }
|
||||
|
||||
@-webkit-keyframes hands-up {
|
||||
25% {
|
||||
-webkit-transform: rotate(15deg);
|
||||
transform: rotate(15deg); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-15deg) translateY(-10em);
|
||||
transform: rotate(-15deg) translateY(-10em); }
|
||||
75%, 100% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); } }
|
||||
|
||||
@keyframes hands-up {
|
||||
25% {
|
||||
-webkit-transform: rotate(15deg);
|
||||
transform: rotate(15deg); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-15deg) translateY(-10em);
|
||||
transform: rotate(-15deg) translateY(-10em); }
|
||||
75%, 100% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); } }
|
||||
|
||||
@-webkit-keyframes thumbs-up {
|
||||
25% {
|
||||
-webkit-transform: rotate(20deg);
|
||||
transform: rotate(20deg); }
|
||||
50%, 100% {
|
||||
-webkit-transform: rotate(5deg);
|
||||
transform: rotate(5deg); } }
|
||||
|
||||
@keyframes thumbs-up {
|
||||
25% {
|
||||
-webkit-transform: rotate(20deg);
|
||||
transform: rotate(20deg); }
|
||||
50%, 100% {
|
||||
-webkit-transform: rotate(5deg);
|
||||
transform: rotate(5deg); } }
|
||||
|
||||
@-webkit-keyframes angry-color {
|
||||
45%, 60% {
|
||||
background-size: 250%; }
|
||||
85%, 100%, 0% {
|
||||
background-size: 100%; } }
|
||||
|
||||
@keyframes angry-color {
|
||||
45%, 60% {
|
||||
background-size: 250%; }
|
||||
85%, 100%, 0% {
|
||||
background-size: 100%; } }
|
||||
|
||||
@-webkit-keyframes angry-face {
|
||||
35%, 60% {
|
||||
-webkit-transform: translateX(0) translateY(10em) scale(0.9);
|
||||
transform: translateX(0) translateY(10em) scale(0.9); }
|
||||
40%, 50% {
|
||||
-webkit-transform: translateX(-5em) translateY(10em) scale(0.9);
|
||||
transform: translateX(-5em) translateY(10em) scale(0.9); }
|
||||
45%, 55% {
|
||||
-webkit-transform: translateX(5em) translateY(10em) scale(0.9);
|
||||
transform: translateX(5em) translateY(10em) scale(0.9); } }
|
||||
|
||||
@keyframes angry-face {
|
||||
35%, 60% {
|
||||
-webkit-transform: translateX(0) translateY(10em) scale(0.9);
|
||||
transform: translateX(0) translateY(10em) scale(0.9); }
|
||||
40%, 50% {
|
||||
-webkit-transform: translateX(-5em) translateY(10em) scale(0.9);
|
||||
transform: translateX(-5em) translateY(10em) scale(0.9); }
|
||||
45%, 55% {
|
||||
-webkit-transform: translateX(5em) translateY(10em) scale(0.9);
|
||||
transform: translateX(5em) translateY(10em) scale(0.9); } }
|
||||
|
||||
@-webkit-keyframes angry-mouth {
|
||||
25%, 50% {
|
||||
height: 6em;
|
||||
bottom: 25em; } }
|
||||
|
||||
@keyframes angry-mouth {
|
||||
25%, 50% {
|
||||
height: 6em;
|
||||
bottom: 25em; } }
|
||||
|
||||
/*# sourceMappingURL=reactions.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,449 @@
|
|||
.toast-title {
|
||||
font-weight: bold; }
|
||||
|
||||
.toast-message {
|
||||
-ms-word-wrap: break-word;
|
||||
word-wrap: break-word; }
|
||||
|
||||
.toast-message a,
|
||||
.toast-message label {
|
||||
color: #ffffff; }
|
||||
|
||||
.toast-message a:hover {
|
||||
color: #cccccc;
|
||||
text-decoration: none; }
|
||||
|
||||
.toast-close-button {
|
||||
position: relative;
|
||||
right: -0.3em;
|
||||
top: -0.3em;
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
opacity: 0.8;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
filter: alpha(opacity=80); }
|
||||
|
||||
.toast-close-button:hover,
|
||||
.toast-close-button:focus {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
opacity: 0.4;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||
filter: alpha(opacity=40); }
|
||||
|
||||
/*Additional properties for button version
|
||||
iOS requires the button element instead of an anchor tag.
|
||||
If you want the anchor version, it requires `href="#"`.*/
|
||||
button.toast-close-button {
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none; }
|
||||
|
||||
.toast-top-center {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%; }
|
||||
|
||||
.toast-bottom-center {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%; }
|
||||
|
||||
.toast-top-full-width {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%; }
|
||||
|
||||
.toast-bottom-full-width {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%; }
|
||||
|
||||
.toast-top-left {
|
||||
top: 12px;
|
||||
left: 12px; }
|
||||
|
||||
.toast-top-right {
|
||||
top: 12px;
|
||||
right: 12px; }
|
||||
|
||||
.toast-bottom-right {
|
||||
right: 12px;
|
||||
bottom: 12px; }
|
||||
|
||||
.toast-bottom-left {
|
||||
bottom: 12px;
|
||||
left: 12px; }
|
||||
|
||||
#toast-container {
|
||||
position: fixed;
|
||||
z-index: 999999;
|
||||
/*overrides*/ }
|
||||
|
||||
#toast-container * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
#toast-container > div {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin: 0 0 6px;
|
||||
padding: 15px 15px 15px 50px;
|
||||
width: 300px;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
background-position: 15px center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-box-shadow: 0 0 12px #999999;
|
||||
box-shadow: 0 0 12px #999999;
|
||||
color: #ffffff;
|
||||
opacity: 0.8;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
filter: alpha(opacity=80); }
|
||||
|
||||
#toast-container > div:hover {
|
||||
-webkit-box-shadow: 0 0 12px #000000;
|
||||
box-shadow: 0 0 12px #000000;
|
||||
opacity: 1;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
filter: alpha(opacity=100);
|
||||
cursor: pointer; }
|
||||
|
||||
#toast-container > .toast-info {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
|
||||
|
||||
#toast-container > .toast-error {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
|
||||
|
||||
#toast-container > .toast-success {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
|
||||
|
||||
#toast-container > .toast-warning {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
|
||||
|
||||
#toast-container.toast-top-center > div,
|
||||
#toast-container.toast-bottom-center > div {
|
||||
width: 300px;
|
||||
margin-left: auto;
|
||||
margin-right: auto; }
|
||||
|
||||
#toast-container.toast-top-full-width > div,
|
||||
#toast-container.toast-bottom-full-width > div {
|
||||
width: 96%;
|
||||
margin-left: auto;
|
||||
margin-right: auto; }
|
||||
|
||||
.toast {
|
||||
background-color: #030303; }
|
||||
|
||||
.toast-success {
|
||||
background-color: #51a351; }
|
||||
|
||||
.toast-error {
|
||||
background-color: #bd362f; }
|
||||
|
||||
.toast-info {
|
||||
background-color: #2f96b4; }
|
||||
|
||||
.toast-warning {
|
||||
background-color: #f89406; }
|
||||
|
||||
.toast-progress {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 4px;
|
||||
background-color: #000000;
|
||||
opacity: 0.4;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||
filter: alpha(opacity=40); }
|
||||
|
||||
/*Responsive Design*/
|
||||
@media all and (max-width: 240px) {
|
||||
#toast-container > div {
|
||||
padding: 8px 8px 8px 50px;
|
||||
width: 11em; }
|
||||
#toast-container .toast-close-button {
|
||||
right: -0.2em;
|
||||
top: -0.2em; } }
|
||||
|
||||
@media all and (min-width: 241px) and (max-width: 480px) {
|
||||
#toast-container > div {
|
||||
padding: 8px 8px 8px 50px;
|
||||
width: 18em; }
|
||||
#toast-container .toast-close-button {
|
||||
right: -0.2em;
|
||||
top: -0.2em; } }
|
||||
|
||||
@media all and (min-width: 481px) and (max-width: 768px) {
|
||||
#toast-container > div {
|
||||
padding: 15px 15px 15px 50px;
|
||||
width: 25em; } }
|
||||
|
||||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
.toast {
|
||||
background-color: #886ab5;
|
||||
background-image: none !important; }
|
||||
.toast:before {
|
||||
content: "\f05a";
|
||||
position: absolute;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
font-size: 1.8rem;
|
||||
left: 1rem;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
|
||||
.toast-success {
|
||||
background-color: #1ab3a3; }
|
||||
.toast-success:before {
|
||||
content: "\f2f7"; }
|
||||
|
||||
.toast-error {
|
||||
background-color: #fd3995; }
|
||||
.toast-error:before {
|
||||
content: "\f2f0"; }
|
||||
|
||||
.toast-info {
|
||||
background-color: #2196F3; }
|
||||
.toast-info:before {
|
||||
content: "\f05a"; }
|
||||
|
||||
.toast-warning {
|
||||
background-color: #ffb20e; }
|
||||
.toast-warning > div,
|
||||
.toast-warning .toast-close-button {
|
||||
color: #000; }
|
||||
.toast-warning:before {
|
||||
content: "\f071";
|
||||
color: #000; }
|
||||
|
||||
#toast-container > .toast {
|
||||
padding: 1rem 1rem 1rem 3.5rem;
|
||||
border-radius: 4px;
|
||||
background-image: none !important;
|
||||
width: 22rem;
|
||||
opacity: 0.9;
|
||||
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
|
||||
#toast-container > .toast:hover {
|
||||
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
|
||||
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }
|
||||
|
||||
.toast-close-button {
|
||||
top: -0.7em; }
|
||||
|
||||
@media all and (min-width: 241px) and (max-width: 480px) {
|
||||
#toast-container > .toast {
|
||||
width: 18rem; }
|
||||
#toast-container .toast-close-button {
|
||||
top: -0.7em; } }
|
||||
|
||||
/*# sourceMappingURL=toastr.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,83 @@
|
|||
@media print {
|
||||
html,
|
||||
body {
|
||||
width: 210mm;
|
||||
height: 297mm; }
|
||||
.invoice-page {
|
||||
-webkit-print-color-adjust: exact; }
|
||||
.col-sm-1,
|
||||
.col-sm-2,
|
||||
.col-sm-3,
|
||||
.col-sm-4,
|
||||
.col-sm-5,
|
||||
.col-sm-6,
|
||||
.col-sm-7,
|
||||
.col-sm-8,
|
||||
.col-sm-9,
|
||||
.col-sm-10,
|
||||
.col-sm-11,
|
||||
.col-sm-12 {
|
||||
float: left;
|
||||
padding: 0; }
|
||||
.col-sm-12 {
|
||||
width: 100%; }
|
||||
.col-sm-11 {
|
||||
width: 91.66666667%; }
|
||||
.col-sm-10 {
|
||||
width: 83.33333333%; }
|
||||
.col-sm-9 {
|
||||
width: 75%; }
|
||||
.col-sm-8 {
|
||||
width: 66.66666667%; }
|
||||
.col-sm-7 {
|
||||
width: 58.33333333%; }
|
||||
.col-sm-6 {
|
||||
width: 50%; }
|
||||
.col-sm-5 {
|
||||
width: 41.66666667%; }
|
||||
.col-sm-4 {
|
||||
width: 33.33333333%; }
|
||||
.col-sm-3 {
|
||||
width: 25%; }
|
||||
.col-sm-2 {
|
||||
width: 16.66666667%; }
|
||||
.col-sm-1 {
|
||||
width: 8.33333333%; }
|
||||
div[data-size="A4"] {
|
||||
margin: 0;
|
||||
-webkit-box-shadow: 0;
|
||||
box-shadow: 0;
|
||||
padding: 3em 5em !important; }
|
||||
.breadcrumb,
|
||||
.subheader {
|
||||
display: none; }
|
||||
*:not(.keep-print-font) {
|
||||
font-family: Arial, Helvetica, sans-serif !important;
|
||||
font-size: 11pt !important; }
|
||||
table {
|
||||
font-size: 100% !important; } }
|
||||
|
||||
@page {
|
||||
size: auto;
|
||||
margin: 0; }
|
||||
|
||||
div[data-size="A4"] {
|
||||
background: white;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 0.5cm;
|
||||
-webkit-box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
|
||||
background: url(../img/svg/pattern-1.svg) no-repeat center bottom;
|
||||
background-size: cover;
|
||||
padding: 4rem;
|
||||
position: relative; }
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
div[data-size="A4"],
|
||||
.container {
|
||||
padding: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; } }
|
||||
|
||||
/*# sourceMappingURL=page-invoice.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["page-invoice.css"],"names":[],"mappings":"AAAA;EACC;;IAEC,YAAY;IACZ,aAAa,EAAA;EAEd;IACC,iCAAiC,EAAA;EAElC;;;;;;;;;;;;IAYC,WAAW;IACX,UAAU,EAAA;EAEX;IACC,WAAW,EAAA;EAEZ;IACC,mBAAmB,EAAA;EAEpB;IACC,mBAAmB,EAAA;EAEpB;IACC,UAAU,EAAA;EAEX;IACC,mBAAmB,EAAA;EAEpB;IACC,mBAAmB,EAAA;EAEpB;IACC,UAAU,EAAA;EAEX;IACC,mBAAmB,EAAA;EAEpB;IACC,mBAAmB,EAAA;EAEpB;IACC,UAAU,EAAA;EAEX;IACC,mBAAmB,EAAA;EAEpB;IACC,kBAAkB,EAAA;EAEnB;IACC,SAAS;IACT,qBAAa;YAAb,aAAa;IACb,2BAA2B,EAAA;EAE5B;;IAEC,aAAa,EAAA;EAEd;IACC,oDAAoD;IACpD,0BAA0B,EAAA;EAE3B;IACC,0BAA0B,EAAA,EAC1B;;AAGF;EACC,UAAU;EACV,SAAS,EAAA;;AAGV;EACC,iBAAiB;EACjB,cAAc;EACd,cAAc;EACd,oBAAoB;EACpB,gDAAwC;UAAxC,wCAAwC;EACxC,iEAAiE;EACjE,sBAAsB;EACtB,aAAa;EACb,kBAAkB,EAAA;;AAGnB;EACC;;IAEC,UAAU;IACV,wBAAgB;YAAhB,gBAAgB,EAAA,EAChB","file":"page-invoice.css","sourcesContent":["@media print {\r\n\thtml,\r\n\tbody {\r\n\t\twidth: 210mm;\r\n\t\theight: 297mm;\r\n\t}\r\n\t.invoice-page {\r\n\t\t-webkit-print-color-adjust: exact;\r\n\t}\r\n\t.col-sm-1,\r\n\t.col-sm-2,\r\n\t.col-sm-3,\r\n\t.col-sm-4,\r\n\t.col-sm-5,\r\n\t.col-sm-6,\r\n\t.col-sm-7,\r\n\t.col-sm-8,\r\n\t.col-sm-9,\r\n\t.col-sm-10,\r\n\t.col-sm-11,\r\n\t.col-sm-12 {\r\n\t\tfloat: left;\r\n\t\tpadding: 0;\r\n\t}\r\n\t.col-sm-12 {\r\n\t\twidth: 100%;\r\n\t}\r\n\t.col-sm-11 {\r\n\t\twidth: 91.66666667%;\r\n\t}\r\n\t.col-sm-10 {\r\n\t\twidth: 83.33333333%;\r\n\t}\r\n\t.col-sm-9 {\r\n\t\twidth: 75%;\r\n\t}\r\n\t.col-sm-8 {\r\n\t\twidth: 66.66666667%;\r\n\t}\r\n\t.col-sm-7 {\r\n\t\twidth: 58.33333333%;\r\n\t}\r\n\t.col-sm-6 {\r\n\t\twidth: 50%;\r\n\t}\r\n\t.col-sm-5 {\r\n\t\twidth: 41.66666667%;\r\n\t}\r\n\t.col-sm-4 {\r\n\t\twidth: 33.33333333%;\r\n\t}\r\n\t.col-sm-3 {\r\n\t\twidth: 25%;\r\n\t}\r\n\t.col-sm-2 {\r\n\t\twidth: 16.66666667%;\r\n\t}\r\n\t.col-sm-1 {\r\n\t\twidth: 8.33333333%;\r\n\t}\r\n\tdiv[data-size=\"A4\"] {\r\n\t\tmargin: 0;\r\n\t\tbox-shadow: 0;\r\n\t\tpadding: 3em 5em !important;\r\n\t}\r\n\t.breadcrumb,\r\n\t.subheader {\r\n\t\tdisplay: none;\r\n\t}\r\n\t*:not(.keep-print-font) {\r\n\t\tfont-family: Arial, Helvetica, sans-serif !important;\r\n\t\tfont-size: 11pt !important;\r\n\t}\r\n\ttable {\r\n\t\tfont-size: 100% !important;\r\n\t}\r\n}\r\n\r\n@page {\r\n\tsize: auto;\r\n\tmargin: 0;\r\n}\r\n\r\ndiv[data-size=\"A4\"] {\r\n\tbackground: white;\r\n\tdisplay: block;\r\n\tmargin: 0 auto;\r\n\tmargin-bottom: 0.5cm;\r\n\tbox-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);\r\n\tbackground: url(../img/svg/pattern-1.svg) no-repeat center bottom;\r\n\tbackground-size: cover;\r\n\tpadding: 4rem;\r\n\tposition: relative;\r\n}\r\n\r\n@media only screen and ( max-width: 992px ){\r\n\tdiv[data-size=\"A4\"],\r\n\t.container {\r\n\t\tpadding: 0;\r\n\t\tbox-shadow: none;\r\n\t}\r\n}"]}
|
||||
|
|
@ -0,0 +1,430 @@
|
|||
/* Theme IMPORTS
|
||||
========================================================================== */
|
||||
/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
|
||||
========================================================================== */
|
||||
/*---------------------------------------------------
|
||||
SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
|
||||
-------------------------------- -------------------
|
||||
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
|
||||
SASS port by Samuel Beek (http://samuelbeek.com)
|
||||
---------------------------------------------------*/
|
||||
/*------------------------
|
||||
Usage
|
||||
|
||||
h1 {
|
||||
font-size: rem(32);
|
||||
}
|
||||
|
||||
OR:
|
||||
|
||||
h1 {
|
||||
font-size: rem(32px);
|
||||
}
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
FADE IN
|
||||
e.g. @include fadeIn( 2s );
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
mixin that calculates if text needs to be light or dark
|
||||
depending on the background color passed.
|
||||
|
||||
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
|
||||
|
||||
usage:
|
||||
@include text-contrast($bgcolor)
|
||||
|
||||
Color brightness is determined by the following formula:
|
||||
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
|
||||
------------------------*/
|
||||
/*------------------------
|
||||
color factory
|
||||
eg: @include paint($blue-grey-50, bg-blue-grey-50);
|
||||
------------------------*/
|
||||
/* backface visibility */
|
||||
/* generate theme button */
|
||||
/* #BASE - Base Variable file along with font library, and colors.
|
||||
========================================================================== */
|
||||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
|
||||
body {
|
||||
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
|
||||
font-size: 0.8125rem;
|
||||
letter-spacing: 0.1px; }
|
||||
|
||||
.page-content {
|
||||
color: #666666; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.3;
|
||||
font-weight: 400; }
|
||||
|
||||
strong {
|
||||
font-weight: 500; }
|
||||
|
||||
h1 small,
|
||||
h2 small,
|
||||
h3 small,
|
||||
h4 small,
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h1 small,
|
||||
.h2 small,
|
||||
.h3 small,
|
||||
.h4 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-weight: 300;
|
||||
display: block;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.5;
|
||||
margin: 2px 0 1.5rem; }
|
||||
|
||||
h2 small,
|
||||
h3 small,
|
||||
.h2 small,
|
||||
.h3 small {
|
||||
font-size: 0.9375rem; }
|
||||
|
||||
h4 small,
|
||||
.h4 small {
|
||||
font-size: 0.875rem; }
|
||||
|
||||
h5 small,
|
||||
h6 small,
|
||||
.h5 small,
|
||||
.h6 small {
|
||||
font-size: 0.8125rem; }
|
||||
|
||||
/* contrast text */
|
||||
.text-contrast {
|
||||
color: #333333; }
|
||||
|
||||
/* text-gradient */
|
||||
.text-gradient {
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
|
||||
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
|
||||
color: #886ab5;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
text-shadow: none; }
|
||||
|
||||
/* looking for font size? Check _helpers.scss */
|
||||
/* PLACEHOLDER
|
||||
=============================================
|
||||
|
||||
EXAMPLE:
|
||||
|
||||
%bg-image {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.image-one {
|
||||
@extend %bg-image;
|
||||
background-image:url(/img/image-one.jpg");
|
||||
}
|
||||
|
||||
RESULT:
|
||||
|
||||
.image-one, .image-two {
|
||||
width: 100%;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
*/
|
||||
/*
|
||||
%shadow-hover {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
}
|
||||
*/
|
||||
/*%fixed-header-shadow {
|
||||
@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
|
||||
}*/
|
||||
/* %selected-dot {
|
||||
&:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background: inherit;
|
||||
background-image: none;
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
&:after {
|
||||
content: " ";
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
border: 5px solid rgba(0,0,0,0.1);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}*/
|
||||
/* patterns */
|
||||
/* Page Layout Starts below...
|
||||
========================================================================== */
|
||||
html body {
|
||||
background: #faf8fb;
|
||||
/* NEW*/ }
|
||||
html body .blankpage-logo {
|
||||
padding: 20px 0 30px; }
|
||||
html body .blankpage-form-field {
|
||||
position: fixed;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
width: 320px;
|
||||
height: auto;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%); }
|
||||
html body .blankpage-form-field .card {
|
||||
margin: 0;
|
||||
padding: 13.5px 20px 15.5px;
|
||||
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
|
||||
html body .blankpage-form-field .blankpage-btn {
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
padding: 10px 15px;
|
||||
margin: 10px 0 5px; }
|
||||
html body .blankpage-footer {
|
||||
padding: 10px 0;
|
||||
font-size: 0.75rem;
|
||||
color: #73579d; }
|
||||
html body .login-footer {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: 0.6875rem; }
|
||||
html body video {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -100;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
background: url("../img/clouds.png") no-repeat;
|
||||
background-size: cover;
|
||||
-webkit-transition: 1s opacity;
|
||||
transition: 1s opacity; }
|
||||
@media screen and (max-device-width: 800px) {
|
||||
html body html {
|
||||
background: url("../img/clouds.png") #FFF no-repeat center center fixed; }
|
||||
html body #bgvid {
|
||||
display: none; } }
|
||||
|
||||
/*# sourceMappingURL=page-login.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,192 @@
|
|||
/*-- Chart --*/
|
||||
.c3 svg {
|
||||
font: 10px sans-serif;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
|
||||
.c3 path, .c3 line {
|
||||
fill: none;
|
||||
stroke: #000; }
|
||||
|
||||
.c3 text {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.c3-legend-item-tile,
|
||||
.c3-xgrid-focus,
|
||||
.c3-ygrid,
|
||||
.c3-event-rect,
|
||||
.c3-bars path {
|
||||
shape-rendering: crispEdges; }
|
||||
|
||||
.c3-chart-arc path {
|
||||
stroke: #fff; }
|
||||
|
||||
.c3-chart-arc rect {
|
||||
stroke: white;
|
||||
stroke-width: 1; }
|
||||
|
||||
.c3-chart-arc text {
|
||||
fill: #fff;
|
||||
font-size: 13px; }
|
||||
|
||||
/*-- Axis --*/
|
||||
/*-- Grid --*/
|
||||
.c3-grid line {
|
||||
stroke: #aaa; }
|
||||
|
||||
.c3-grid text {
|
||||
fill: #aaa; }
|
||||
|
||||
.c3-xgrid, .c3-ygrid {
|
||||
stroke-dasharray: 3 3; }
|
||||
|
||||
/*-- Text on Chart --*/
|
||||
.c3-text.c3-empty {
|
||||
fill: #808080;
|
||||
font-size: 2em; }
|
||||
|
||||
/*-- Line --*/
|
||||
.c3-line {
|
||||
stroke-width: 1px; }
|
||||
|
||||
/*-- Point --*/
|
||||
.c3-circle._expanded_ {
|
||||
stroke-width: 1px;
|
||||
stroke: white; }
|
||||
|
||||
.c3-selected-circle {
|
||||
fill: white;
|
||||
stroke-width: 2px; }
|
||||
|
||||
/*-- Bar --*/
|
||||
.c3-bar {
|
||||
stroke-width: 0; }
|
||||
|
||||
.c3-bar._expanded_ {
|
||||
fill-opacity: 1;
|
||||
fill-opacity: 0.75; }
|
||||
|
||||
/*-- Focus --*/
|
||||
.c3-target.c3-focused {
|
||||
opacity: 1; }
|
||||
|
||||
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
|
||||
stroke-width: 2px; }
|
||||
|
||||
.c3-target.c3-defocused {
|
||||
opacity: 0.3 !important; }
|
||||
|
||||
/*-- Region --*/
|
||||
.c3-region {
|
||||
fill: steelblue;
|
||||
fill-opacity: 0.1; }
|
||||
|
||||
/*-- Brush --*/
|
||||
.c3-brush .extent {
|
||||
fill-opacity: 0.1; }
|
||||
|
||||
/*-- Select - Drag --*/
|
||||
/*-- Legend --*/
|
||||
.c3-legend-item {
|
||||
font-size: 12px; }
|
||||
|
||||
.c3-legend-item-hidden {
|
||||
opacity: 0.15; }
|
||||
|
||||
.c3-legend-background {
|
||||
opacity: 0.75;
|
||||
fill: white;
|
||||
stroke: lightgray;
|
||||
stroke-width: 1; }
|
||||
|
||||
/*-- Title --*/
|
||||
.c3-title {
|
||||
font: 14px sans-serif; }
|
||||
|
||||
/*-- Tooltip --*/
|
||||
.c3-tooltip-container {
|
||||
z-index: 10; }
|
||||
|
||||
.c3-tooltip {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
background-color: #fff;
|
||||
empty-cells: show;
|
||||
-webkit-box-shadow: 7px 7px 12px -9px #777777;
|
||||
box-shadow: 7px 7px 12px -9px #777777;
|
||||
opacity: 0.9; }
|
||||
|
||||
.c3-tooltip tr {
|
||||
border: 1px solid #CCC; }
|
||||
|
||||
.c3-tooltip th {
|
||||
background-color: #aaa;
|
||||
font-size: 14px;
|
||||
padding: 2px 5px;
|
||||
text-align: left;
|
||||
color: #FFF; }
|
||||
|
||||
.c3-tooltip td {
|
||||
font-size: 13px;
|
||||
padding: 3px 6px;
|
||||
background-color: #fff;
|
||||
border-left: 1px dotted #999; }
|
||||
|
||||
.c3-tooltip td > span {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin-right: 6px; }
|
||||
|
||||
.c3-tooltip .value {
|
||||
text-align: right; }
|
||||
|
||||
/*-- Area --*/
|
||||
.c3-area {
|
||||
stroke-width: 0;
|
||||
opacity: 0.2; }
|
||||
|
||||
/*-- Arc --*/
|
||||
.c3-chart-arcs-title {
|
||||
dominant-baseline: middle;
|
||||
font-size: 1.3em; }
|
||||
|
||||
.c3-chart-arcs .c3-chart-arcs-background {
|
||||
fill: #e0e0e0;
|
||||
stroke: #FFF; }
|
||||
|
||||
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
|
||||
fill: #000;
|
||||
font-size: 16px; }
|
||||
|
||||
.c3-chart-arcs .c3-chart-arcs-gauge-max {
|
||||
fill: #777; }
|
||||
|
||||
.c3-chart-arcs .c3-chart-arcs-gauge-min {
|
||||
fill: #777; }
|
||||
|
||||
.c3-chart-arc .c3-gauge-value {
|
||||
fill: #000;
|
||||
/* font-size: 28px !important;*/ }
|
||||
|
||||
.c3-chart-arc.c3-target g path {
|
||||
opacity: 1; }
|
||||
|
||||
.c3-chart-arc.c3-target.c3-focused g path {
|
||||
opacity: 1; }
|
||||
|
||||
/*-- Zoom --*/
|
||||
.c3-drag-zoom.enabled {
|
||||
pointer-events: all !important;
|
||||
visibility: visible; }
|
||||
|
||||
.c3-drag-zoom.disabled {
|
||||
pointer-events: none !important;
|
||||
visibility: hidden; }
|
||||
|
||||
.c3-drag-zoom .extent {
|
||||
fill-opacity: 0.1; }
|
||||
|
||||
/*# sourceMappingURL=c3.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,821 @@
|
|||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
/*// Container ratio
|
||||
$ct-container-ratio: (1/1.618) !default;
|
||||
|
||||
// Text styles for labels
|
||||
$ct-text-color: rgba(0, 0, 0, 0.4) !default;
|
||||
$ct-text-size: 0.75rem !default;
|
||||
$ct-text-align: flex-start !default;
|
||||
$ct-text-justify: flex-start !default;
|
||||
$ct-text-line-height: 1;
|
||||
|
||||
// Grid styles
|
||||
$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
|
||||
$ct-grid-dasharray: 2px !default;
|
||||
$ct-grid-width: 1px !default;
|
||||
$ct-grid-background-fill: none !default;
|
||||
|
||||
// Line chart properties
|
||||
$ct-line-width: 4px !default;
|
||||
$ct-line-dasharray: false !default;
|
||||
|
||||
// Line chart point, can be either round or square
|
||||
$ct-point-shape: round !default;
|
||||
// Area fill transparency between 0 and 1
|
||||
$ct-area-opacity: 0.1 !default;
|
||||
|
||||
// Bar chart bar width
|
||||
$ct-bar-width: 10px !default;
|
||||
|
||||
// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
|
||||
$ct-donut-width: 60px !default;
|
||||
*/
|
||||
.ct-label {
|
||||
fill: rgba(0, 0, 0, 0.4);
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
font-size: 0.75rem;
|
||||
line-height: 1; }
|
||||
|
||||
.ct-chart-line .ct-label,
|
||||
.ct-chart-bar .ct-label {
|
||||
display: block;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
|
||||
.ct-chart-pie .ct-label,
|
||||
.ct-chart-donut .ct-label {
|
||||
dominant-baseline: central; }
|
||||
|
||||
.ct-label.ct-horizontal.ct-start {
|
||||
-webkit-box-align: flex-end;
|
||||
-ms-flex-align: flex-end;
|
||||
align-items: flex-end;
|
||||
-webkit-box-pack: flex-start;
|
||||
-ms-flex-pack: flex-start;
|
||||
justify-content: flex-start;
|
||||
text-align: left;
|
||||
text-anchor: start; }
|
||||
|
||||
.ct-label.ct-horizontal.ct-end {
|
||||
-webkit-box-align: flex-start;
|
||||
-ms-flex-align: flex-start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-pack: flex-start;
|
||||
-ms-flex-pack: flex-start;
|
||||
justify-content: flex-start;
|
||||
text-align: left;
|
||||
text-anchor: start; }
|
||||
|
||||
.ct-label.ct-vertical.ct-start {
|
||||
-webkit-box-align: flex-end;
|
||||
-ms-flex-align: flex-end;
|
||||
align-items: flex-end;
|
||||
-webkit-box-pack: flex-end;
|
||||
-ms-flex-pack: flex-end;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
text-anchor: end; }
|
||||
|
||||
.ct-label.ct-vertical.ct-end {
|
||||
-webkit-box-align: flex-end;
|
||||
-ms-flex-align: flex-end;
|
||||
align-items: flex-end;
|
||||
-webkit-box-pack: flex-start;
|
||||
-ms-flex-pack: flex-start;
|
||||
justify-content: flex-start;
|
||||
text-align: left;
|
||||
text-anchor: start; }
|
||||
|
||||
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
|
||||
-webkit-box-align: flex-end;
|
||||
-ms-flex-align: flex-end;
|
||||
align-items: flex-end;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
text-anchor: start; }
|
||||
|
||||
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
|
||||
-webkit-box-align: flex-start;
|
||||
-ms-flex-align: flex-start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
text-anchor: start; }
|
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
|
||||
-webkit-box-align: flex-end;
|
||||
-ms-flex-align: flex-end;
|
||||
align-items: flex-end;
|
||||
-webkit-box-pack: flex-start;
|
||||
-ms-flex-pack: flex-start;
|
||||
justify-content: flex-start;
|
||||
text-align: left;
|
||||
text-anchor: start; }
|
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
|
||||
-webkit-box-align: flex-start;
|
||||
-ms-flex-align: flex-start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-pack: flex-start;
|
||||
-ms-flex-pack: flex-start;
|
||||
justify-content: flex-start;
|
||||
text-align: left;
|
||||
text-anchor: start; }
|
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: flex-end;
|
||||
-ms-flex-pack: flex-end;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
text-anchor: end; }
|
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: flex-start;
|
||||
-ms-flex-pack: flex-start;
|
||||
justify-content: flex-start;
|
||||
text-align: left;
|
||||
text-anchor: end; }
|
||||
|
||||
.ct-grid {
|
||||
stroke: rgba(0, 0, 0, 0.2);
|
||||
stroke-width: 1px;
|
||||
stroke-dasharray: 2px; }
|
||||
|
||||
.ct-grid-background {
|
||||
fill: none; }
|
||||
|
||||
.ct-point {
|
||||
stroke-width: 7px;
|
||||
stroke-linecap: round; }
|
||||
|
||||
.ct-line {
|
||||
fill: none;
|
||||
stroke-width: 4px; }
|
||||
|
||||
.ct-area {
|
||||
stroke: none;
|
||||
fill-opacity: 0.1; }
|
||||
|
||||
.ct-bar {
|
||||
fill: none;
|
||||
stroke-width: 10px; }
|
||||
|
||||
.ct-slice-donut {
|
||||
fill: none;
|
||||
stroke-width: 60px; }
|
||||
|
||||
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
|
||||
stroke: #886ab5; }
|
||||
|
||||
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
|
||||
fill: #886ab5; }
|
||||
|
||||
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
|
||||
stroke: #fd3995; }
|
||||
|
||||
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
|
||||
fill: #fd3995; }
|
||||
|
||||
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
|
||||
stroke: #ffc241; }
|
||||
|
||||
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
|
||||
fill: #ffc241; }
|
||||
|
||||
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
|
||||
stroke: #2196F3; }
|
||||
|
||||
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
|
||||
fill: #2196F3; }
|
||||
|
||||
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
|
||||
stroke: #505050; }
|
||||
|
||||
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
|
||||
fill: #505050; }
|
||||
|
||||
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
|
||||
stroke: #1dc9b7; }
|
||||
|
||||
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
|
||||
fill: #1dc9b7; }
|
||||
|
||||
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
|
||||
stroke: #2196F3; }
|
||||
|
||||
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
|
||||
fill: #2196F3; }
|
||||
|
||||
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
|
||||
stroke: #563d7c; }
|
||||
|
||||
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
|
||||
fill: #563d7c; }
|
||||
|
||||
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
|
||||
stroke: #fe9ecb; }
|
||||
|
||||
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
|
||||
fill: #fe9ecb; }
|
||||
|
||||
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
|
||||
stroke: #ffdb8e; }
|
||||
|
||||
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
|
||||
fill: #ffdb8e; }
|
||||
|
||||
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
|
||||
stroke: #ce0262; }
|
||||
|
||||
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
|
||||
fill: #ce0262; }
|
||||
|
||||
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
|
||||
stroke: dimgray; }
|
||||
|
||||
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
|
||||
fill: dimgray; }
|
||||
|
||||
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
|
||||
stroke: #37e2d0; }
|
||||
|
||||
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
|
||||
fill: #37e2d0; }
|
||||
|
||||
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
|
||||
stroke: #51adf6; }
|
||||
|
||||
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
|
||||
fill: #51adf6; }
|
||||
|
||||
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
|
||||
stroke: #a38cc6; }
|
||||
|
||||
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
|
||||
fill: #a38cc6; }
|
||||
|
||||
.ct-square {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-square:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 100%; }
|
||||
.ct-square:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-square > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-minor-second {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-minor-second:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 93.75%; }
|
||||
.ct-minor-second:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-minor-second > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-major-second {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-major-second:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 88.88889%; }
|
||||
.ct-major-second:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-major-second > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-minor-third {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-minor-third:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 83.33333%; }
|
||||
.ct-minor-third:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-minor-third > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-major-third {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-major-third:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 80%; }
|
||||
.ct-major-third:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-major-third > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-perfect-fourth {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-perfect-fourth:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 75%; }
|
||||
.ct-perfect-fourth:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-perfect-fourth > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-perfect-fifth {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-perfect-fifth:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 66.66667%; }
|
||||
.ct-perfect-fifth:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-perfect-fifth > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-minor-sixth {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-minor-sixth:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 62.5%; }
|
||||
.ct-minor-sixth:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-minor-sixth > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-golden-section {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-golden-section:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 61.8047%; }
|
||||
.ct-golden-section:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-golden-section > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-major-sixth {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-major-sixth:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 60%; }
|
||||
.ct-major-sixth:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-major-sixth > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-minor-seventh {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-minor-seventh:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 56.25%; }
|
||||
.ct-minor-seventh:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-minor-seventh > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-major-seventh {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-major-seventh:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 53.33333%; }
|
||||
.ct-major-seventh:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-major-seventh > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-octave {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-octave:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 50%; }
|
||||
.ct-octave:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-octave > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-major-tenth {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-major-tenth:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 40%; }
|
||||
.ct-major-tenth:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-major-tenth > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-major-eleventh {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-major-eleventh:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 37.5%; }
|
||||
.ct-major-eleventh:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-major-eleventh > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-major-twelfth {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-major-twelfth:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 33.33333%; }
|
||||
.ct-major-twelfth:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-major-twelfth > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.ct-double-octave {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.ct-double-octave:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding-bottom: 25%; }
|
||||
.ct-double-octave:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ct-double-octave > svg {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
/*# sourceMappingURL=chartist.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,52 @@
|
|||
/*
|
||||
* DOM element rendering detection
|
||||
* https://davidwalsh.name/detect-node-insertion
|
||||
*/
|
||||
@-webkit-keyframes chartjs-render-animation {
|
||||
from {
|
||||
opacity: 0.99; }
|
||||
to {
|
||||
opacity: 1; } }
|
||||
@keyframes chartjs-render-animation {
|
||||
from {
|
||||
opacity: 0.99; }
|
||||
to {
|
||||
opacity: 1; } }
|
||||
|
||||
.chartjs-render-monitor {
|
||||
-webkit-animation: chartjs-render-animation 0.001s;
|
||||
animation: chartjs-render-animation 0.001s; }
|
||||
|
||||
/*
|
||||
* DOM element resizing detection
|
||||
* https://github.com/marcj/css-element-queries
|
||||
*/
|
||||
.chartjs-size-monitor,
|
||||
.chartjs-size-monitor-expand,
|
||||
.chartjs-size-monitor-shrink {
|
||||
position: absolute;
|
||||
direction: ltr;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
z-index: -1; }
|
||||
|
||||
.chartjs-size-monitor-expand > div {
|
||||
position: absolute;
|
||||
width: 1000000px;
|
||||
height: 1000000px;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
.chartjs-size-monitor-shrink > div {
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
/*# sourceMappingURL=chartjs.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["chartjs.css"],"names":[],"mappings":"AAAA;;;EAGE;AACF;EACC;IAAO,aAAa,EAAA;EACpB;IAAK,UAAU,EAAA,EAAA;AAFhB;EACC;IAAO,aAAa,EAAA;EACpB;IAAK,UAAU,EAAA,EAAA;;AAGhB;EACC,kDAA0C;UAA1C,0CAA0C,EAAA;;AAG3C;;;EAGE;AACF;;;EAGC,kBAAkB;EAClB,cAAc;EACd,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACT,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,WAAW,EAAA;;AAGZ;EACC,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,OAAO;EACP,MAAM,EAAA;;AAGP;EACC,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,OAAO;EACP,MAAM,EAAA","file":"chartjs.css","sourcesContent":["/*\n * DOM element rendering detection\n * https://davidwalsh.name/detect-node-insertion\n */\n@keyframes chartjs-render-animation {\n\tfrom { opacity: 0.99; }\n\tto { opacity: 1; }\n}\n\n.chartjs-render-monitor {\n\tanimation: chartjs-render-animation 0.001s;\n}\n\n/*\n * DOM element resizing detection\n * https://github.com/marcj/css-element-queries\n */\n.chartjs-size-monitor,\n.chartjs-size-monitor-expand,\n.chartjs-size-monitor-shrink {\n\tposition: absolute;\n\tdirection: ltr;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n\tvisibility: hidden;\n\tz-index: -1;\n}\n\n.chartjs-size-monitor-expand > div {\n\tposition: absolute;\n\twidth: 1000000px;\n\theight: 1000000px;\n\tleft: 0;\n\ttop: 0;\n}\n\n.chartjs-size-monitor-shrink > div {\n\tposition: absolute;\n\twidth: 200%;\n\theight: 200%;\n\tleft: 0;\n\ttop: 0;\n}\n"]}
|
||||
|
|
@ -0,0 +1,100 @@
|
|||
/**
|
||||
* Default styles for the dygraphs charting library.
|
||||
*/
|
||||
.dygraph-legend {
|
||||
position: absolute;
|
||||
font-size: 14px;
|
||||
z-index: 10;
|
||||
width: 250px;
|
||||
/* labelsDivWidth */
|
||||
/*
|
||||
dygraphs determines these based on the presence of chart labels.
|
||||
It might make more sense to create a wrapper div around the chart proper.
|
||||
top: 0px;
|
||||
right: 2px;
|
||||
*/
|
||||
background: white;
|
||||
line-height: normal;
|
||||
text-align: left;
|
||||
overflow: hidden; }
|
||||
|
||||
/* styles for a solid line in the legend */
|
||||
.dygraph-legend-line {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
bottom: .5ex;
|
||||
padding-left: 1em;
|
||||
height: 1px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
/* border-bottom-color is set based on the series color */ }
|
||||
|
||||
/* styles for a dashed line in the legend, e.g. when strokePattern is set */
|
||||
.dygraph-legend-dash {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
bottom: .5ex;
|
||||
height: 1px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
/* border-bottom-color is set based on the series color */
|
||||
/* margin-right is set based on the stroke pattern */
|
||||
/* padding-left is set based on the stroke pattern */ }
|
||||
|
||||
.dygraph-roller {
|
||||
position: absolute;
|
||||
z-index: 10; }
|
||||
|
||||
/* This class is shared by all annotations, including those with icons */
|
||||
.dygraph-annotation {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
overflow: hidden; }
|
||||
|
||||
/* This class only applies to annotations without icons */
|
||||
/* Old class name: .dygraphDefaultAnnotation */
|
||||
.dygraph-default-annotation {
|
||||
border: 1px solid black;
|
||||
background-color: white;
|
||||
text-align: center; }
|
||||
|
||||
.dygraph-axis-label {
|
||||
/* position: absolute; */
|
||||
/* font-size: 14px; */
|
||||
z-index: 10;
|
||||
line-height: normal;
|
||||
overflow: hidden;
|
||||
color: black;
|
||||
/* replaces old axisLabelColor option */ }
|
||||
|
||||
.dygraph-title {
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
text-align: center;
|
||||
/* font-size: based on titleHeight option */ }
|
||||
|
||||
.dygraph-xlabel {
|
||||
text-align: center;
|
||||
/* font-size: based on xLabelHeight option */ }
|
||||
|
||||
/* For y-axis label */
|
||||
.dygraph-label-rotate-left {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg); }
|
||||
|
||||
/* For y2-axis label */
|
||||
.dygraph-label-rotate-right {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg); }
|
||||
|
||||
/*# sourceMappingURL=dygraph.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["dygraph.css"],"names":[],"mappings":"AAAA;;EAEE;AAEF;EACE,kBAAkB;EAClB,eAAe;EACf,WAAW;EACX,YAAY;EAAG,mBAAA;EACf;;;;;GAKC;EACD,iBAAiB;EACjB,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB,EAAA;;AAGlB,0CAAA;AACA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACZ,iBAAiB;EACjB,WAAW;EACX,wBAAwB;EACxB,0BAA0B;EAC1B,yDAAA,EAA0D;;AAG5D,2EAAA;AACA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,wBAAwB;EACxB,0BAA0B;EAC1B,yDAAA;EACA,oDAAA;EACA,oDAAA,EAAqD;;AAGvD;EACE,kBAAkB;EAClB,WAAW,EAAA;;AAGb,wEAAA;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,gBAAgB,EAAA;;AAGlB,yDAAA;AACA,8CAAA;AACA;EACE,uBAAuB;EACvB,uBAAuB;EACvB,kBAAkB,EAAA;;AAGpB;EACE,wBAAA;EACA,qBAAA;EACA,WAAW;EACX,mBAAmB;EACnB,gBAAgB;EAChB,YAAY;EAAG,uCAAA,EAAwC;;AAYzD;EACE,iBAAiB;EACjB,WAAW;EACX,kBAAkB;EAClB,2CAAA,EAA4C;;AAG9C;EACE,kBAAkB;EAClB,4CAAA,EAA6C;;AAG/C,qBAAA;AACA;EACE,kBAAkB;EAClB,8CAAA;EACA,wBAAwB;EACxB,gCAAgC;EAChC,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B,EAAA;;AAG9B,sBAAA;AACA;EACE,kBAAkB;EAClB,8CAAA;EACA,yBAAyB;EACzB,iCAAiC;EACjC,8BAA8B;EAC9B,4BAA4B;EAC5B,6BAA6B,EAAA","file":"dygraph.css","sourcesContent":["/**\n * Default styles for the dygraphs charting library.\n */\n\n.dygraph-legend {\n position: absolute;\n font-size: 14px;\n z-index: 10;\n width: 250px; /* labelsDivWidth */\n /*\n dygraphs determines these based on the presence of chart labels.\n It might make more sense to create a wrapper div around the chart proper.\n top: 0px;\n right: 2px;\n */\n background: white;\n line-height: normal;\n text-align: left;\n overflow: hidden;\n}\n\n/* styles for a solid line in the legend */\n.dygraph-legend-line {\n display: inline-block;\n position: relative;\n bottom: .5ex;\n padding-left: 1em;\n height: 1px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n /* border-bottom-color is set based on the series color */\n}\n\n/* styles for a dashed line in the legend, e.g. when strokePattern is set */\n.dygraph-legend-dash {\n display: inline-block;\n position: relative;\n bottom: .5ex;\n height: 1px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n /* border-bottom-color is set based on the series color */\n /* margin-right is set based on the stroke pattern */\n /* padding-left is set based on the stroke pattern */\n}\n\n.dygraph-roller {\n position: absolute;\n z-index: 10;\n}\n\n/* This class is shared by all annotations, including those with icons */\n.dygraph-annotation {\n position: absolute;\n z-index: 10;\n overflow: hidden;\n}\n\n/* This class only applies to annotations without icons */\n/* Old class name: .dygraphDefaultAnnotation */\n.dygraph-default-annotation {\n border: 1px solid black;\n background-color: white;\n text-align: center;\n}\n\n.dygraph-axis-label {\n /* position: absolute; */\n /* font-size: 14px; */\n z-index: 10;\n line-height: normal;\n overflow: hidden;\n color: black; /* replaces old axisLabelColor option */\n}\n\n.dygraph-axis-label-x {\n}\n\n.dygraph-axis-label-y {\n}\n\n.dygraph-axis-label-y2 {\n}\n\n.dygraph-title {\n font-weight: bold;\n z-index: 10;\n text-align: center;\n /* font-size: based on titleHeight option */\n}\n\n.dygraph-xlabel {\n text-align: center;\n /* font-size: based on xLabelHeight option */\n}\n\n/* For y-axis label */\n.dygraph-label-rotate-left {\n text-align: center;\n /* See http://caniuse.com/#feat=transforms2d */\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n -moz-transform: rotate(90deg);\n -o-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n}\n\n/* For y2-axis label */\n.dygraph-label-rotate-right {\n text-align: center;\n /* See http://caniuse.com/#feat=transforms2d */\n transform: rotate(-90deg);\n -webkit-transform: rotate(-90deg);\n -moz-transform: rotate(-90deg);\n -o-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n}\n"]}
|
||||
|
|
@ -0,0 +1,282 @@
|
|||
/* THEME COLORs
|
||||
========================================================================== */
|
||||
/* Looks good on chrome default color profile */
|
||||
/* looks good in sRGB but washed up on chrome default
|
||||
$color-primary: #826bb0;
|
||||
$color-success: #31cb55;
|
||||
$color-info: #5e93ec;
|
||||
$color-warning: #eec559;
|
||||
$color-danger: #dc4b92;
|
||||
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||||
/* Color Polarity
|
||||
========================================================================== */
|
||||
/* PAINTBUCKET MIXER
|
||||
========================================================================== */
|
||||
/* the grays */
|
||||
/* the sapphires */
|
||||
/* the emeralds */
|
||||
/* the amethyths */
|
||||
/* the topaz */
|
||||
/* the rubies */
|
||||
/* the graphites */
|
||||
/* Define universal border difition (div outlines, etc)
|
||||
========================================================================== */
|
||||
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||||
========================================================================== */
|
||||
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||||
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||||
/* global var used for spacing*/
|
||||
/* Uniform Padding variable */
|
||||
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||||
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||||
========================================================================== */
|
||||
/* usage: theme-colors("primary"); */
|
||||
/* forms */
|
||||
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||||
/* links */
|
||||
/* checkbox */
|
||||
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||||
/* not part of bootstrap variable */
|
||||
/* custom checkbox */
|
||||
/* custom range */
|
||||
/* select */
|
||||
/* badge */
|
||||
/* cards */
|
||||
/*border radius*/
|
||||
/* alert */
|
||||
/* toast */
|
||||
/* breadcrumb */
|
||||
/* input button */
|
||||
/* nav link */
|
||||
/* nav, tabs, pills */
|
||||
/* tables */
|
||||
/* dropdowns */
|
||||
/* dropdowns sizes */
|
||||
/* popovers */
|
||||
/* tooltips */
|
||||
/* modal */
|
||||
/* reference guide
|
||||
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||||
8px = 0.5rem
|
||||
9px = 0.5625rem
|
||||
10px = 0.625rem
|
||||
11px = 0.6875rem
|
||||
12px = 0.75rem
|
||||
13px = 0.8125rem
|
||||
14px = 0.875rem
|
||||
15px = 0.9375rem
|
||||
16px = 1rem (base)
|
||||
17px = 1.0625rem
|
||||
18px = 1.125rem
|
||||
19px = 1.1875rem
|
||||
20px = 1.25rem
|
||||
21px = 1.3125rem
|
||||
22px = 1.375rem
|
||||
24px = 1.5rem
|
||||
25px = 1.5625rem
|
||||
26px = 1.625rem
|
||||
28px = 1.75rem
|
||||
30px = 1.875rem
|
||||
32px = 2rem
|
||||
34px = 2.125rem
|
||||
36px = 2.25rem
|
||||
38px = 2.375rem
|
||||
40px = 2.5rem
|
||||
*/
|
||||
/* Fonts */
|
||||
/* carousel */
|
||||
/* BASE VARS
|
||||
========================================================================== */
|
||||
/* font vars below will auto change to rem values using function rem($value)*/
|
||||
/* 11px */
|
||||
/* 12px */
|
||||
/* 12.5px */
|
||||
/* 14px */
|
||||
/* 15px */
|
||||
/* 16px */
|
||||
/* 28px */
|
||||
/* Font Family
|
||||
========================================================================== */
|
||||
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||||
/* ANIMATIONS
|
||||
========================================================================== */
|
||||
/* this addresses all animation related to nav hide to nav minify */
|
||||
/* Z-INDEX declearation
|
||||
========================================================================== */
|
||||
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||||
/* CUSTOM ICON PREFIX
|
||||
========================================================================== */
|
||||
/* PRINT CSS (landscape or portrait)
|
||||
========================================================================== */
|
||||
/* landscape or portrait */
|
||||
/* auto, letter */
|
||||
/* Common Element Variables
|
||||
========================================================================== */
|
||||
/* Z-index decleartion "birds eye view"
|
||||
========================================================================== */
|
||||
/* Components
|
||||
========================================================================== */
|
||||
/* PAGE HEADER STUFF
|
||||
========================================================================== */
|
||||
/* colors */
|
||||
/* height */
|
||||
/* logo */
|
||||
/* try not to go beywond the width of $main_nav_width value */
|
||||
/* you may need to change this depending on your logo design */
|
||||
/* adjust this as you see fit : left, right, center */
|
||||
/* icon font size (not button) */
|
||||
/* search input box */
|
||||
/* suggestion: #ccced0*/
|
||||
/* btn */
|
||||
/* dropdown: app list */
|
||||
/* badge */
|
||||
/* COMPONENTS & MODS */
|
||||
/* NAVIGATION STUFF
|
||||
|
||||
Guide:
|
||||
|
||||
aside.page-sidebar ($nav-width, $nav-background)
|
||||
.page-logo
|
||||
.primary-nav
|
||||
.info-card
|
||||
ul.nav-menu
|
||||
li
|
||||
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||||
icon
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-one
|
||||
li
|
||||
a ($nav-level-1... $nav-sub-link-height)
|
||||
span
|
||||
collapse-sign
|
||||
|
||||
ul.nav-menu-sub-two
|
||||
li
|
||||
a ($nav-level-2... $nav-sub-link-height)
|
||||
span
|
||||
|
||||
p.nav-title ($nav-title-*...)
|
||||
|
||||
|
||||
========================================================================== */
|
||||
/* main navigation */
|
||||
/* left panel */
|
||||
/* nav parent level-0 */
|
||||
/* nav icon sizes */
|
||||
/* badge default */
|
||||
/* all child */
|
||||
/* nav title */
|
||||
/* nav Minify */
|
||||
/* when the menu pops on hover */
|
||||
/* navigation Width */
|
||||
/* partial visibility of the menu */
|
||||
/* top navigation */
|
||||
/* nav Info Card (appears below the logo) */
|
||||
/* width is auto */
|
||||
/* nav DL labels for all child */
|
||||
/* will be pulled to left as a negative value */
|
||||
/* MISC Settings
|
||||
========================================================================== */
|
||||
/* List Table */
|
||||
/* PAGE SETTINGS
|
||||
========================================================================== */
|
||||
/* PAGE BREADCRUMB
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PANELS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT PROGRESSBARS
|
||||
========================================================================== */
|
||||
/* PAGE COMPONENT MESSENGER
|
||||
========================================================================== */
|
||||
/* FOOTER
|
||||
========================================================================== */
|
||||
/* GLOBALS
|
||||
========================================================================== */
|
||||
/* ACCESSIBILITIES */
|
||||
.app-body-demo {
|
||||
height: 350px;
|
||||
max-width: 550px;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.125); }
|
||||
.app-body-demo .app-nav-demo:not(.app-nav-demo-minify) {
|
||||
width: 20%; }
|
||||
.app-body-demo .app-nav-demo-minify {
|
||||
width: 7%;
|
||||
padding: 3px; }
|
||||
.app-body-demo .app-nav-demo-minify .page-logo {
|
||||
width: auto; }
|
||||
.app-body-demo .app-nav-demo-hidden {
|
||||
width: 10px; }
|
||||
.app-body-demo .app-header-demo {
|
||||
height: 30px; }
|
||||
.app-body-demo .app-nav-demo-top {
|
||||
height: 26px; }
|
||||
.app-body-demo .app-header-btn-demo {
|
||||
width: 26px;
|
||||
height: 18px;
|
||||
border-radius: 2px;
|
||||
padding: 0 !important;
|
||||
font-size: 10px; }
|
||||
.app-body-demo .app-hematite-demo {
|
||||
background: #434a51; }
|
||||
.app-body-demo .app-amethyst-demo {
|
||||
background: #5c4581; }
|
||||
.app-body-demo .app-aquamarine-demo {
|
||||
background: #476f85; }
|
||||
.app-body-demo .app-sapphire-demo {
|
||||
background: #334768; }
|
||||
|
||||
#app-eventlog {
|
||||
height: 260px;
|
||||
min-height: 260px;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
/*> div:last-child {
|
||||
background:#f9f4b5;
|
||||
}
|
||||
|
||||
> div:nth-last-child(2) {
|
||||
background:#fffde1;
|
||||
}*/ }
|
||||
#app-eventlog > div:not(:last-child) {
|
||||
border-bottom: 1px solid #eaeaea; }
|
||||
#app-eventlog:empty {
|
||||
background: #eee; }
|
||||
#app-eventlog:empty:before {
|
||||
content: "Event Logs";
|
||||
font-size: 28px;
|
||||
font-weight: 300;
|
||||
color: #c7c7c7;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
#app-eventlog .fs-base .badge {
|
||||
font-size: 90% !important;
|
||||
font-weight: 400 !important;
|
||||
background: #a9a9a9;
|
||||
text-align: left;
|
||||
min-width: 50px; }
|
||||
|
||||
.prettyprint {
|
||||
overflow: auto;
|
||||
background: #f7f9fa;
|
||||
font-size: 100%;
|
||||
padding: 1rem 1rem !important;
|
||||
border: 0 !important; }
|
||||
|
||||
/*# sourceMappingURL=theme-demo.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue