384 lines
10 KiB
CSS
384 lines
10 KiB
CSS
/* 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 */
|
|
.app-body-demo {
|
|
height: 350px;
|
|
max-width: 550px;
|
|
margin: 0 auto;
|
|
background-color: #fff;
|
|
border: 1px solid rgba(0, 0, 0, 0.125); }
|
|
.app-body-demo .app-nav-demo:not(.app-nav-demo-minify) {
|
|
width: 20%; }
|
|
.app-body-demo .app-nav-demo-minify {
|
|
width: 7%;
|
|
padding: 3px; }
|
|
.app-body-demo .app-nav-demo-minify .page-logo {
|
|
width: auto; }
|
|
.app-body-demo .app-nav-demo-hidden {
|
|
width: 10px; }
|
|
.app-body-demo .app-header-demo {
|
|
height: 30px; }
|
|
.app-body-demo .app-nav-demo-top {
|
|
height: 26px; }
|
|
.app-body-demo .app-header-btn-demo {
|
|
width: 26px;
|
|
height: 18px;
|
|
border-radius: 2px;
|
|
padding: 0 !important;
|
|
font-size: 10px; }
|
|
.app-body-demo .app-hematite-demo {
|
|
background: #434a51; }
|
|
.app-body-demo .app-amethyst-demo {
|
|
background: #5c4581; }
|
|
.app-body-demo .app-aquamarine-demo {
|
|
background: #476f85; }
|
|
.app-body-demo .app-sapphire-demo {
|
|
background: #334768; }
|
|
|
|
#app-eventlog {
|
|
height: 260px;
|
|
min-height: 260px;
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
display: block;
|
|
/*> div:last-child {
|
|
background:#f9f4b5;
|
|
}
|
|
|
|
> div:nth-last-child(2) {
|
|
background:#fffde1;
|
|
}*/ }
|
|
#app-eventlog > div:not(:last-child) {
|
|
border-bottom: 1px solid #eaeaea; }
|
|
#app-eventlog:empty {
|
|
background: #eee; }
|
|
#app-eventlog:empty:before {
|
|
content: "Event Logs";
|
|
font-size: 28px;
|
|
font-weight: 300;
|
|
color: #c7c7c7;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: -20px;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0; }
|
|
#app-eventlog .fs-base .badge {
|
|
font-size: 90% !important;
|
|
font-weight: 400 !important;
|
|
background: #a9a9a9;
|
|
text-align: left;
|
|
min-width: 50px; }
|
|
|
|
.prettyprint {
|
|
overflow: auto;
|
|
background: #f7f9fa;
|
|
font-size: 100%;
|
|
padding: 1rem 1rem !important;
|
|
border: 0 !important; }
|
|
|
|
/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
|
|
.prettyprint {
|
|
background: #efecf4;
|
|
background: rgba(var(--theme-rgb-primary), 0.1);
|
|
font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;
|
|
border: 0 !important; }
|
|
|
|
.pln {
|
|
color: #19171c; }
|
|
|
|
ol.linenums {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
color: #7e7887; }
|
|
|
|
li.L0 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L1 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L2 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L3 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L4 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L5 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L6 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L7 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L8 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
li.L9 {
|
|
padding-left: 1em;
|
|
background-color: #efecf4;
|
|
list-style-type: decimal; }
|
|
|
|
@media screen {
|
|
.str {
|
|
color: #2a9292; }
|
|
.kwd {
|
|
color: #955ae7; }
|
|
.com {
|
|
color: #7e7887; }
|
|
.typ {
|
|
color: #576ddb; }
|
|
.lit {
|
|
color: #aa573c; }
|
|
.pun {
|
|
color: #19171c; }
|
|
.opn {
|
|
color: #19171c; }
|
|
.clo {
|
|
color: #19171c; }
|
|
.tag {
|
|
color: #be4678; }
|
|
.atn {
|
|
color: #aa573c; }
|
|
.atv {
|
|
color: #398bc6; }
|
|
.dec {
|
|
color: #aa573c; }
|
|
.var {
|
|
color: #be4678; }
|
|
.fun {
|
|
color: #576ddb; } }
|
|
|
|
/*# sourceMappingURL=theme-demo.css.map */
|