[Frontend] 前端 jquery 版本建置完成
This commit is contained in:
parent
e84e6b04ff
commit
d52bebb1a5
@ -3,7 +3,7 @@ using System.Collections.Generic;
|
|||||||
using System.Linq;
|
using System.Linq;
|
||||||
using System.Threading.Tasks;
|
using System.Threading.Tasks;
|
||||||
|
|
||||||
namespace Backend.Models.OperatorLogModel
|
namespace Backend.Models
|
||||||
{
|
{
|
||||||
public class OperatorLog
|
public class OperatorLog
|
||||||
{
|
{
|
||||||
|
|||||||
@ -1,12 +0,0 @@
|
|||||||
{
|
|
||||||
"version": 1,
|
|
||||||
"isRoot": true,
|
|
||||||
"tools": {
|
|
||||||
"dotnet-ef": {
|
|
||||||
"version": "6.0.0",
|
|
||||||
"commands": [
|
|
||||||
"dotnet-ef"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
30
Frontend/App_Start/BundleConfig.cs
Normal file
30
Frontend/App_Start/BundleConfig.cs
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
using System.Web;
|
||||||
|
using System.Web.Optimization;
|
||||||
|
|
||||||
|
namespace Frontend
|
||||||
|
{
|
||||||
|
public class BundleConfig
|
||||||
|
{
|
||||||
|
// 如需統合的詳細資訊，請瀏覽 https://go.microsoft.com/fwlink/?LinkId=301862
|
||||||
|
public static void RegisterBundles(BundleCollection bundles)
|
||||||
|
{
|
||||||
|
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
|
||||||
|
"~/Scripts/jquery-{version}.js"));
|
||||||
|
|
||||||
|
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
|
||||||
|
"~/Scripts/jquery.validate*"));
|
||||||
|
|
||||||
|
// 使用開發版本的 Modernizr 進行開發並學習。然後，當您
|
||||||
|
// 準備好可進行生產時，請使用 https://modernizr.com 的建置工具，只挑選您需要的測試。
|
||||||
|
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
|
||||||
|
"~/Scripts/modernizr-*"));
|
||||||
|
|
||||||
|
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
|
||||||
|
"~/Scripts/bootstrap.js"));
|
||||||
|
|
||||||
|
bundles.Add(new StyleBundle("~/Content/css").Include(
|
||||||
|
"~/Content/bootstrap.css",
|
||||||
|
"~/Content/site.css"));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
13
Frontend/App_Start/FilterConfig.cs
Normal file
13
Frontend/App_Start/FilterConfig.cs
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
using System.Web;
|
||||||
|
using System.Web.Mvc;
|
||||||
|
|
||||||
|
namespace Frontend
|
||||||
|
{
|
||||||
|
public class FilterConfig
|
||||||
|
{
|
||||||
|
public static void RegisterGlobalFilters(GlobalFilterCollection filters)
|
||||||
|
{
|
||||||
|
filters.Add(new HandleErrorAttribute());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
24
Frontend/App_Start/RouteConfig.cs
Normal file
24
Frontend/App_Start/RouteConfig.cs
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Web;
|
||||||
|
using System.Web.Mvc;
|
||||||
|
using System.Web.Routing;
|
||||||
|
|
||||||
|
namespace Frontend
|
||||||
|
{
|
||||||
|
public class RouteConfig
|
||||||
|
{
|
||||||
|
public static void RegisterRoutes(RouteCollection routes)
|
||||||
|
{
|
||||||
|
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
|
||||||
|
|
||||||
|
routes.MapRoute(
|
||||||
|
name: "Default",
|
||||||
|
url: "{controller}/{action}/{id}",
|
||||||
|
defaults: new { controller = "Dashboard", action = "Index", id = UrlParameter.Optional },
|
||||||
|
new[] { "Frontend.Controllers" }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
5
Frontend/Content/css/_notes/dwsync.xml
Normal file
5
Frontend/Content/css/_notes/dwsync.xml
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8" ?>
|
||||||
|
<dwsync>
|
||||||
|
<file name="app.bundle.css" server="//mnas/web/wsp/" local="133101001114710173" remote="133101001110000000" Dst="0" />
|
||||||
|
<file name="vendors.bundle.css" server="//mnas/web/wsp/" local="132338994700000000" remote="132338994700000000" Dst="0" />
|
||||||
|
</dwsync>
|
||||||
@ -741,7 +741,7 @@ html {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
html body a:hover {
|
html body a:hover {
|
||||||
color: #967bbd;
|
color: #ffffff; /*#967bbd*/
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
|
|
||||||
/* app header */
|
/* app header */
|
||||||
@ -885,7 +885,7 @@ html {
|
|||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
padding: 0 2rem; }
|
padding: 0 2rem; }
|
||||||
.page-logo img {
|
.page-logo img {
|
||||||
width: 48px;
|
/*width: 28px;*/
|
||||||
height: 48px; }
|
height: 48px; }
|
||||||
.page-logo .page-logo-link {
|
.page-logo .page-logo-link {
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
@ -894,9 +894,8 @@ html {
|
|||||||
|
|
||||||
.page-logo-text {
|
.page-logo-text {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
margin-top: 0.75rem;
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 1.5rem;
|
font-size: 1rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: block;
|
display: block;
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
@ -1746,7 +1745,7 @@ html {
|
|||||||
.nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
|
.nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
|
||||||
top: 4.125rem !important; }
|
top: 4.125rem !important; }
|
||||||
.nav-function-top .page-content-wrapper {
|
.nav-function-top .page-content-wrapper {
|
||||||
margin-top: 7.625rem; }
|
margin-top: 4.125rem; }
|
||||||
.nav-function-top .page-wrapper {
|
.nav-function-top .page-wrapper {
|
||||||
padding-left: 0; }
|
padding-left: 0; }
|
||||||
.nav-function-top .page-wrapper .page-footer {
|
.nav-function-top .page-wrapper .page-footer {
|
||||||
@ -4356,11 +4355,7 @@ th {
|
|||||||
|
|
||||||
.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) {
|
.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 1rem;
|
font-size: 0.8125rem; }
|
||||||
color: #fff;}
|
|
||||||
|
|
||||||
.nav-link:hover {
|
|
||||||
color: #ffc800!important; }
|
|
||||||
|
|
||||||
.nav-tabs .nav-link.active,
|
.nav-tabs .nav-link.active,
|
||||||
.nav-tabs .nav-item.show .nav-link {
|
.nav-tabs .nav-item.show .nav-link {
|
||||||
@ -7916,4 +7911,28 @@ body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical:h
|
|||||||
/* #OVERRIDE - You can override any of the variables through this file
|
/* #OVERRIDE - You can override any of the variables through this file
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
|
.blink {
|
||||||
|
animation-duration: 1200ms;
|
||||||
|
animation-name: blink;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-direction: alternate;
|
||||||
|
-webkit-animation:blink 1200ms infinite; /* Safari and Chrome */
|
||||||
|
}
|
||||||
|
@keyframes blink {
|
||||||
|
from {
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes blink {
|
||||||
|
from {
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=app.bundle.css.map */
|
/*# sourceMappingURL=app.bundle.css.map */
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8" ?>
|
||||||
|
<dwsync>
|
||||||
|
<file name="datatables.bundle.css" server="//mnas/web/wsp/" local="132338994720000000" remote="132338994720000000" Dst="0" />
|
||||||
|
</dwsync>
|
||||||
403
Frontend/Content/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css
vendored
Normal file
403
Frontend/Content/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css
vendored
Normal file
@ -0,0 +1,403 @@
|
|||||||
|
/*!
|
||||||
|
* Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
|
||||||
|
* @package bootstrap-colorpicker
|
||||||
|
* @version v3.2.0
|
||||||
|
* @license MIT
|
||||||
|
* @link https://itsjavi.com/bootstrap-colorpicker/
|
||||||
|
* @link https://github.com/itsjavi/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
1139
Frontend/Content/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css
vendored
Normal file
1139
Frontend/Content/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
Frontend/Content/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css.map
vendored
Normal file
1
Frontend/Content/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
809
Frontend/Content/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css
vendored
Normal file
809
Frontend/Content/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css
vendored
Normal file
@ -0,0 +1,809 @@
|
|||||||
|
@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
|
||||||
|
|
||||||
|
$color-white: hexToRGBString(#fff) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255"
|
||||||
|
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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: contrast-ink($contrastvalue)
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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 */
|
||||||
|
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
|
||||||
|
/* 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 */
|
||||||
|
/* custom file */
|
||||||
|
/* 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 footer */
|
||||||
|
/* nav parent level-0 */
|
||||||
|
/* nav link level-1 */
|
||||||
|
/* nav level-1 bg */
|
||||||
|
/* 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 */
|
||||||
|
/* SHORTCUT BUTTON (appears on bottom right of the page) */
|
||||||
|
/* GULP WARNINGS */
|
||||||
|
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
146
Frontend/Content/css/formplugins/bootstrap-markdown/bootstrap-markdown.css
vendored
Normal file
146
Frontend/Content/css/formplugins/bootstrap-markdown/bootstrap-markdown.css
vendored
Normal file
@ -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%}"]}
|
||||||
408
Frontend/Content/css/formplugins/cropperjs/cropper.css
Normal file
408
Frontend/Content/css/formplugins/cropperjs/cropper.css
Normal file
@ -0,0 +1,408 @@
|
|||||||
|
/*!
|
||||||
|
* Cropper.js v1.5.6
|
||||||
|
* https://fengyuanchen.github.io/cropperjs
|
||||||
|
*
|
||||||
|
* Copyright 2015-present Chen Fengyuan
|
||||||
|
* Released under the MIT license
|
||||||
|
*
|
||||||
|
* Date: 2019-10-04T04:33:44.164Z
|
||||||
|
*/
|
||||||
|
.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
571
Frontend/Content/css/formplugins/dropzone/dropzone.css
Normal file
571
Frontend/Content/css/formplugins/dropzone/dropzone.css
Normal file
@ -0,0 +1,571 @@
|
|||||||
|
/*
|
||||||
|
* 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-message .dz-button {
|
||||||
|
background: none;
|
||||||
|
color: inherit;
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
font: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
outline: inherit; }
|
||||||
|
|
||||||
|
.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 */
|
||||||
|
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
|
||||||
|
/* 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 */
|
||||||
|
/* custom file */
|
||||||
|
/* 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 footer */
|
||||||
|
/* nav parent level-0 */
|
||||||
|
/* nav link level-1 */
|
||||||
|
/* nav level-1 bg */
|
||||||
|
/* 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 */
|
||||||
|
/* SHORTCUT BUTTON (appears on bottom right of the page) */
|
||||||
|
/* GULP WARNINGS */
|
||||||
|
.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
1166
Frontend/Content/css/formplugins/ion-rangeslider/ion-rangeslider.css
Normal file
1166
Frontend/Content/css/formplugins/ion-rangeslider/ion-rangeslider.css
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
318
Frontend/Content/css/formplugins/nouislider/nouislider.css
Normal file
318
Frontend/Content/css/formplugins/nouislider/nouislider.css
Normal file
@ -0,0 +1,318 @@
|
|||||||
|
/*! nouislider - 14.5.0 - 5/11/2020 */
|
||||||
|
/* 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; }
|
||||||
|
|
||||||
|
.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;
|
||||||
|
right: 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
|
||||||
|
*/
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
||||||
|
left: 0;
|
||||||
|
right: auto; }
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
right: -17px;
|
||||||
|
top: -6px; }
|
||||||
|
|
||||||
|
.noUi-vertical {
|
||||||
|
width: 18px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-handle {
|
||||||
|
width: 28px;
|
||||||
|
height: 34px;
|
||||||
|
right: -6px;
|
||||||
|
top: -17px; }
|
||||||
|
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
||||||
|
left: -17px;
|
||||||
|
right: 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%; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
||||||
|
-webkit-transform: translate(50%, 0);
|
||||||
|
transform: translate(50%, 0);
|
||||||
|
left: auto;
|
||||||
|
bottom: 10px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
||||||
|
-webkit-transform: translate(0, -18px);
|
||||||
|
transform: translate(0, -18px);
|
||||||
|
top: auto;
|
||||||
|
right: 28px; }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=nouislider.css.map */
|
||||||
File diff suppressed because one or more lines are too long
1113
Frontend/Content/css/formplugins/select2/select2.bundle.css
vendored
Normal file
1113
Frontend/Content/css/formplugins/select2/select2.bundle.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
611
Frontend/Content/css/formplugins/smartwizard/smartwizard.css
Normal file
611
Frontend/Content/css/formplugins/smartwizard/smartwizard.css
Normal file
@ -0,0 +1,611 @@
|
|||||||
|
/*!
|
||||||
|
* SmartWizard v4.4.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.4.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.4.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.4.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
1140
Frontend/Content/css/formplugins/summernote/summernote.css
Normal file
1140
Frontend/Content/css/formplugins/summernote/summernote.css
Normal file
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
473
Frontend/Content/css/miscellaneous/jqvmap/jqvmap.bundle.css
Normal file
473
Frontend/Content/css/miscellaneous/jqvmap/jqvmap.bundle.css
Normal file
@ -0,0 +1,473 @@
|
|||||||
|
@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
|
||||||
|
|
||||||
|
$color-white: hexToRGBString(#fff) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255"
|
||||||
|
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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: contrast-ink($contrastvalue)
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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 */
|
||||||
|
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
|
||||||
|
/* 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 */
|
||||||
|
/* custom file */
|
||||||
|
/* 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 footer */
|
||||||
|
/* nav parent level-0 */
|
||||||
|
/* nav link level-1 */
|
||||||
|
/* nav level-1 bg */
|
||||||
|
/* 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 */
|
||||||
|
/* SHORTCUT BUTTON (appears on bottom right of the page) */
|
||||||
|
/* GULP WARNINGS */
|
||||||
|
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
600
Frontend/Content/css/miscellaneous/nestable/nestable.css
Normal file
600
Frontend/Content/css/miscellaneous/nestable/nestable.css
Normal file
@ -0,0 +1,600 @@
|
|||||||
|
@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
|
||||||
|
|
||||||
|
$color-white: hexToRGBString(#fff) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255"
|
||||||
|
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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: contrast-ink($contrastvalue)
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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 */
|
||||||
|
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
|
||||||
|
/* 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 */
|
||||||
|
/* custom file */
|
||||||
|
/* 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 footer */
|
||||||
|
/* nav parent level-0 */
|
||||||
|
/* nav link level-1 */
|
||||||
|
/* nav level-1 bg */
|
||||||
|
/* 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 */
|
||||||
|
/* SHORTCUT BUTTON (appears on bottom right of the page) */
|
||||||
|
/* GULP WARNINGS */
|
||||||
|
@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
754
Frontend/Content/css/miscellaneous/reactions/reactions.css
Normal file
754
Frontend/Content/css/miscellaneous/reactions/reactions.css
Normal file
@ -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
467
Frontend/Content/css/miscellaneous/treeview/treeview.css
Normal file
467
Frontend/Content/css/miscellaneous/treeview/treeview.css
Normal file
@ -0,0 +1,467 @@
|
|||||||
|
@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
|
||||||
|
|
||||||
|
$color-white: hexToRGBString(#fff) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255"
|
||||||
|
$color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255"
|
||||||
|
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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: contrast-ink($contrastvalue)
|
||||||
|
------------------------*/
|
||||||
|
/*------------------------
|
||||||
|
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 */
|
||||||
|
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
|
||||||
|
/* 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 */
|
||||||
|
/* custom file */
|
||||||
|
/* 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 footer */
|
||||||
|
/* nav parent level-0 */
|
||||||
|
/* nav link level-1 */
|
||||||
|
/* nav level-1 bg */
|
||||||
|
/* 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 */
|
||||||
|
/* SHORTCUT BUTTON (appears on bottom right of the page) */
|
||||||
|
/* GULP WARNINGS */
|
||||||
|
@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 */
|
||||||
|
.tree li:after, .tree li:before {
|
||||||
|
content: '';
|
||||||
|
left: -20px;
|
||||||
|
position: absolute;
|
||||||
|
right: auto; }
|
||||||
|
|
||||||
|
.tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
|
||||||
|
background: #eee;
|
||||||
|
border: 1px solid #94a0b4;
|
||||||
|
color: #000; }
|
||||||
|
|
||||||
|
.tree {
|
||||||
|
min-height: 20px;
|
||||||
|
border-radius: 4px; }
|
||||||
|
.tree li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 5px;
|
||||||
|
position: relative; }
|
||||||
|
.tree li:after {
|
||||||
|
border-top: 1px solid #999;
|
||||||
|
height: 20px;
|
||||||
|
top: 18px;
|
||||||
|
width: 25px; }
|
||||||
|
.tree li:before {
|
||||||
|
border-left: 1px solid #999;
|
||||||
|
bottom: 50px;
|
||||||
|
height: 100%;
|
||||||
|
top: -11px;
|
||||||
|
width: 1px;
|
||||||
|
-webkit-transition: "border-color 0.1s ease 0.1s";
|
||||||
|
transition: "border-color 0.1s ease 0.1s"; }
|
||||||
|
.tree li span {
|
||||||
|
border: 1px dotted #999;
|
||||||
|
border-radius: 5px;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 3px 8px;
|
||||||
|
text-decoration: none;
|
||||||
|
-webkit-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
|
||||||
|
transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s; }
|
||||||
|
.tree li:last-child::before {
|
||||||
|
height: 30px; }
|
||||||
|
.tree li.parent_li > span {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 7px; }
|
||||||
|
.tree li.parent_li > span:hover {
|
||||||
|
background-color: #df8505;
|
||||||
|
border: 1px solid #c67605;
|
||||||
|
color: #fff; }
|
||||||
|
.tree li.parent_li > span:hover + ul li::before {
|
||||||
|
border-left-color: #f89406; }
|
||||||
|
.tree li.parent_li > span:hover + ul li::after {
|
||||||
|
border-top-color: #f89406; }
|
||||||
|
.tree li.parent_li > span:hover + ul li span {
|
||||||
|
background: #fddfb3 !important;
|
||||||
|
border: 1px solid #faa937;
|
||||||
|
color: #000; }
|
||||||
|
.tree > ul {
|
||||||
|
padding-left: 0; }
|
||||||
|
.tree > ul > li::after {
|
||||||
|
border: 0; }
|
||||||
|
.tree > ul > li:before {
|
||||||
|
border: 0; }
|
||||||
|
.tree .fa.icon-minus-sign:before {
|
||||||
|
content: "" !important; }
|
||||||
|
.tree .fa.icon-plus-sign:before {
|
||||||
|
content: "" !important; }
|
||||||
|
.tree ul ul {
|
||||||
|
padding-left: 34px;
|
||||||
|
padding-top: 10px; }
|
||||||
|
.tree ul ul li:hover {
|
||||||
|
background: rgba(0, 0, 0, 0.015); }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=treeview.css.map */
|
||||||
File diff suppressed because one or more lines are too long
4
Frontend/Content/css/skins/_notes/dwsync.xml
Normal file
4
Frontend/Content/css/skins/_notes/dwsync.xml
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8" ?>
|
||||||
|
<dwsync>
|
||||||
|
<file name="skin-master.css" server="//mnas/web/wsp/" local="132338994700000000" remote="132338994700000000" Dst="0" />
|
||||||
|
</dwsync>
|
||||||
198
Frontend/Content/css/statistics/c3/c3.css
Normal file
198
Frontend/Content/css/statistics/c3/c3.css
Normal file
@ -0,0 +1,198 @@
|
|||||||
|
/*-- 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 {
|
||||||
|
fill: currentColor; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
.c3-region text {
|
||||||
|
fill-opacity: 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 */
|
||||||
1
Frontend/Content/css/statistics/c3/c3.css.map
Normal file
1
Frontend/Content/css/statistics/c3/c3.css.map
Normal file
File diff suppressed because one or more lines are too long
827
Frontend/Content/css/statistics/chartist/chartist.css
Normal file
827
Frontend/Content/css/statistics/chartist/chartist.css
Normal file
@ -0,0 +1,827 @@
|
|||||||
|
/* THEME COLORs
|
||||||
|
========================================================================== */
|
||||||
|
/* Looks good on chrome default color profile */
|
||||||
|
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
|
||||||
|
/* 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 */
|
||||||
|
/* custom file */
|
||||||
|
/* 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 footer */
|
||||||
|
/* nav parent level-0 */
|
||||||
|
/* nav link level-1 */
|
||||||
|
/* nav level-1 bg */
|
||||||
|
/* 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 */
|
||||||
|
/* SHORTCUT BUTTON (appears on bottom right of the page) */
|
||||||
|
/* GULP WARNINGS */
|
||||||
|
/*// 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
52
Frontend/Content/css/statistics/chartjs/chartjs.css
Normal file
52
Frontend/Content/css/statistics/chartjs/chartjs.css
Normal file
@ -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 */
|
||||||
1
Frontend/Content/css/statistics/chartjs/chartjs.css.map
Normal file
1
Frontend/Content/css/statistics/chartjs/chartjs.css.map
Normal file
@ -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"]}
|
||||||
100
Frontend/Content/css/statistics/dygraph/dygraph.css
Normal file
100
Frontend/Content/css/statistics/dygraph/dygraph.css
Normal file
@ -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 */
|
||||||
1
Frontend/Content/css/statistics/dygraph/dygraph.css.map
Normal file
1
Frontend/Content/css/statistics/dygraph/dygraph.css.map
Normal file
@ -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"]}
|
||||||
@ -431,7 +431,7 @@ html body {
|
|||||||
.nav-title {
|
.nav-title {
|
||||||
color: #e7b708; }
|
color: #e7b708; }
|
||||||
|
|
||||||
.nav-menu li.open > a, .nav-menu li.open > a > [class*='fa-'] {
|
.nav-menu li.open > a {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.nav-menu li.active {
|
.nav-menu li.active {
|
||||||
@ -450,23 +450,23 @@ html body {
|
|||||||
color: #24b3a4; }
|
color: #24b3a4; }
|
||||||
|
|
||||||
.nav-menu li a {
|
.nav-menu li a {
|
||||||
color: #fff/*#f9da66*/; }
|
color: #f9da66; }
|
||||||
.nav-menu li a .dl-ref.label {
|
.nav-menu li a .dl-ref.label {
|
||||||
color: rgba(255, 255, 255, 0.7); }
|
color: rgba(255, 255, 255, 0.7); }
|
||||||
.nav-menu li a > [class*='fa-'],
|
.nav-menu li a > [class*='fa-'],
|
||||||
.nav-menu li a > .ni {
|
.nav-menu li a > .ni {
|
||||||
color: #fff/*#f1bf09*/; }
|
color: #f1bf09; }
|
||||||
.nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
|
.nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
|
||||||
-webkit-transform: rotate(180deg);
|
-webkit-transform: rotate(180deg);
|
||||||
transform: rotate(180deg); }
|
transform: rotate(180deg); }
|
||||||
.nav-menu li a:hover {
|
.nav-menu li a:hover {
|
||||||
color: rgba(255, 255, 255, 0.8);
|
color: rgba(0, 0, 0, 0.8);
|
||||||
background-color: rgba(0, 0, 0, 0.7); }
|
background-color: rgba(0, 0, 0, 0.1); }
|
||||||
.nav-menu li a:hover .badge {
|
.nav-menu li a:hover .badge {
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.nav-menu li a:hover > [class*='fa-'],
|
.nav-menu li a:hover > [class*='fa-'],
|
||||||
.nav-menu li a:hover > .ni {
|
.nav-menu li a:hover > .ni {
|
||||||
color: rgba(255, 255, 255, 0.8); }
|
color: #e0c252; }
|
||||||
.nav-menu li a:hover > .badge {
|
.nav-menu li a:hover > .badge {
|
||||||
-webkit-box-shadow: 0 0 0 1px rgba(187, 148, 7, 0.8);
|
-webkit-box-shadow: 0 0 0 1px rgba(187, 148, 7, 0.8);
|
||||||
box-shadow: 0 0 0 1px rgba(187, 148, 7, 0.8);
|
box-shadow: 0 0 0 1px rgba(187, 148, 7, 0.8);
|
||||||
@ -480,9 +480,9 @@ html body {
|
|||||||
color: #ffce1a; }
|
color: #ffce1a; }
|
||||||
|
|
||||||
.nav-menu li > ul {
|
.nav-menu li > ul {
|
||||||
background-color: rgba(0, 0, 0, 0.5); }
|
background-color: rgba(0, 0, 0, 0.1); }
|
||||||
.nav-menu li > ul li a {
|
.nav-menu li > ul li a {
|
||||||
color: #fff/*#f9d44e*/; }
|
color: #f9d44e; }
|
||||||
.nav-menu li > ul li a > [class*='fa-'],
|
.nav-menu li > ul li a > [class*='fa-'],
|
||||||
.nav-menu li > ul li a > .ni {
|
.nav-menu li > ul li a > .ni {
|
||||||
color: #f1bf09; }
|
color: #f1bf09; }
|
||||||
@ -490,7 +490,7 @@ html body {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #Be2D2D; }
|
background-color: #Be2D2D; }
|
||||||
.nav-menu li > ul li a:hover {
|
.nav-menu li > ul li a:hover {
|
||||||
color: #f9d44e/*white*/;
|
color: white;
|
||||||
background-color: rgba(0, 0, 0, 0.1); }
|
background-color: rgba(0, 0, 0, 0.1); }
|
||||||
.nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
|
.nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
|
||||||
.nav-menu li > ul li a:hover > .nav-link-text > .ni {
|
.nav-menu li > ul li a:hover > .nav-link-text > .ni {
|
||||||
@ -3025,7 +3025,7 @@ body:not(.mod-pace-custom) .pace .pace-progress {
|
|||||||
.nav-footer,
|
.nav-footer,
|
||||||
.page-logo {
|
.page-logo {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
/*background-color: #B28F01;*/ }
|
background-color: #b98500; }
|
||||||
|
|
||||||
.page-content-wrapper {
|
.page-content-wrapper {
|
||||||
background: #fff; }
|
background: #fff; }
|
||||||
@ -3034,31 +3034,4 @@ body:not(.mod-pace-custom) .pace .pace-progress {
|
|||||||
.modal-body a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.card-title) {
|
.modal-body a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.card-title) {
|
||||||
color: #333333; }
|
color: #333333; }
|
||||||
|
|
||||||
|
|
||||||
.blink {
|
|
||||||
animation-duration: 1s;
|
|
||||||
animation-name: blink;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
animation-direction: alternate;
|
|
||||||
animation-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
@keyframes blink {
|
|
||||||
0% {
|
|
||||||
opacity: 1;
|
|
||||||
color: #FF0004;
|
|
||||||
}
|
|
||||||
80% {
|
|
||||||
opacity: 1;
|
|
||||||
color: #FF0004;
|
|
||||||
}
|
|
||||||
81% {
|
|
||||||
opacity: 1;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=cust-theme-14.css.map */
|
/*# sourceMappingURL=cust-theme-14.css.map */
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user