cronapp-framework-js 2.9.0 → 2.9.1-SNAPSHOT.1

package/css/themes/custom/cerulean/custom-cerulean.css

@@ -0,0 +1,322 @@
+@import url("font/fonts.css");
+@import 'button-cerulean.css';
+@import 'panel-cerulean.css';
+@import 'navbar-cerulean.css';
+
+/* ==== VARIABLES ==== */
+:root {
+
+    /* Font */
+    --fontFamily: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
+    --textColor: #495057;
+    --backgroundColor: #ffffff;
+
+    --textSmallSize: 12px;
+    --textNormalSize: 14px;
+    --textMediumSize: 16px;
+    --textBigSize: 18px;
+    --textExtraBigSize: 23px;
+
+    --textColor10: #dadada;
+    --textColor20: #b8b8b8;
+    --textColor30: #909090;
+    --textColor40: #555555;
+    --textColor50: #4a4a4a;
+    --textColor60: #3e3e3e;
+    --textColor70: #2f2f2f;
+
+    /* Menus - Sizes and Distances */
+    --menuVerticalWidth: 270px;
+    --menuSideSize: 20px;
+    --menuItemBarSize: 6px;
+    --menuElementOverallPadding: 10px;
+    --menuItemPaddingSize: calc(var(--menuElementOverallPadding) + 5px);
+    --menuItemIconWidth: 25px;
+
+    /* Background */
+    --backgroundColor10: #ffffff;
+    --backgroundColor20: #ffffff;
+    --backgroundColor30: #ffffff;
+    --backgroundColor40: #ffffff;
+    --backgroundColor50: #dfdfdf;
+    --backgroundColor60: #bbbbbb;
+    --backgroundColor70: #8c8c8c;
+
+    /* Distances */
+    --distanceNone: 0;
+    --distanceSmallest: 5px;
+    --distanceExtraSmall: 10px;
+    --distanceSmall: 15px;
+    --distanceMedium: 20px;
+    --distanceBig: 30px;
+    --distanceGiant: 40px;
+    --distanceTitan: 60px;
+
+    /* Border Radius */
+    --borderRadiusNone: 0;
+    --borderRadiusSmallest: 5px;
+    --borderRadiusExtraSmall: 10px;
+    --borderRadiusSmall: 15px;
+    --borderRadiusBig: 30px;
+    --borderRadiusGiant: 40px;
+    --borderRadiusTitan: 60px;
+    --borderRadiusFull: 99999px;
+
+    /* Color - Theme default */
+    --colorDefault10: #fcfcfc;
+    --colorDefault20: #fafafa;
+    --colorDefault30: #f7f7f7;
+    --colorDefault40: #f5f5f5;
+    --colorDefault50: #d7d7d7;
+    --colorDefault60: #b3b3b3;
+    --colorDefault70: #868686;
+    --textColorDefault10: #252525;
+    --textColorDefault20: #323232;
+    --textColorDefault30: #3c3c3c;
+    --textColorDefault40: #444444;
+    --textColorDefault50: #898989;
+    --textColorDefault60: #b5b5b5;
+    --textColorDefault70: #d9d9d9;
+
+    /* Color - Primary - positive */
+    --colorPrimary10: #d7e7f8;
+    --colorPrimary20: #b1d3f2;
+    --colorPrimary30: #82bded;
+    --colorPrimary40: #2fa4e7;
+    --colorPrimary50: #2990ca;
+    --colorPrimary60: #2278a9;
+    --colorPrimary70: #1a5a7f;
+    --textColorPrimary10: #8c8c8c;
+    --textColorPrimary20: #bbbbbb;
+    --textColorPrimary30: #dfdfdf;
+    --textColorPrimary40: #ffffff;
+    --textColorPrimary50: #ffffff;
+    --textColorPrimary60: #ffffff;
+    --textColorPrimary70: #ffffff;
+
+    /* Color - Success - balanced */
+    --colorSuccess10: #dee8d8;
+    --colorSuccess20: #c1d5b3;
+    --colorSuccess30: #9fc085;
+    --colorSuccess40: #73a839;
+    --colorSuccess50: #659332;
+    --colorSuccess60: #547b2a;
+    --colorSuccess70: #3f5c1f;
+    --textColorSuccess10: #8c8c8c;
+    --textColorSuccess20: #bbbbbb;
+    --textColorSuccess30: #dfdfdf;
+    --textColorSuccess40: #ffffff;
+    --textColorSuccess50: #ffffff;
+    --textColorSuccess60: #ffffff;
+    --textColorSuccess70: #ffffff;
+
+    /* Color - Warning (web) - energized (mobile) */
+    --colorWarning10: #f5dad5;
+    --colorWarning20: #edb9ae;
+    --colorWarning30: #e5907b;
+    --colorWarning40: #dd5600;
+    --colorWarning50: #c24b00;
+    --colorWarning60: #a23f00;
+    --colorWarning70: #792f00;
+    --textColorWarning10: #8c8c8c;
+    --textColorWarning20: #bbbbbb;
+    --textColorWarning30: #dfdfdf;
+    --textColorWarning40: #ffffff;
+    --textColorWarning50: #ffffff;
+    --textColorWarning60: #ffffff;
+    --textColorWarning70: #ffffff;
+
+    /* Color - Danger (web) - assertive (mobile) */
+    --colorDanger10: #f0d6d6;
+    --colorDanger20: #e3afaf;
+    --colorDanger30: #d57e7f;
+    --colorDanger40: #c71c22;
+    --colorDanger50: #ae191e;
+    --colorDanger60: #921519;
+    --colorDanger70: #6d0f13;
+    --textColorDanger10: #8c8c8c;
+    --textColorDanger20: #bbbbbb;
+    --textColorDanger30: #dfdfdf;
+    --textColorDanger40: #ffffff;
+    --textColorDanger50: #ffffff;
+    --textColorDanger60: #ffffff;
+    --textColorDanger70: #ffffff;
+
+    /* Color - Royal (mobile) */
+    --colorRoyal10: #e2ddf9;
+    --colorRoyal20: #c8bef4;
+    --colorRoyal30: #ab9aef;
+    --colorRoyal40: #886aea;
+    --colorRoyal50: #775dcd;
+    --colorRoyal60: #644eab;
+    --colorRoyal70: #4a3a80;
+
+    --textColorRoyal10: #8c8c8c;
+    --textColorRoyal20: #bbbbbb;
+    --textColorRoyal30: #dfdfdf;
+    --textColorRoyal40: #ffffff;
+    --textColorRoyal50: #ffffff;
+    --textColorRoyal60: #ffffff;
+    --textColorRoyal70: #ffffff;
+
+    /* Color - Calm (mobile) */
+    --colorCalm10: #d5d8de;
+    --colorCalm20: #aeb3c1;
+    --colorCalm30: #7b869f;
+    --colorCalm40: #033c73;
+    --colorCalm50: #033565;
+    --colorCalm60: #022c54;
+    --colorCalm70: #02213f;
+    --textColorCalm10: #8c8c8c;
+    --textColorCalm20: #bbbbbb;
+    --textColorCalm30: #dfdfdf;
+    --textColorCalm40: #ffffff;
+    --textColorCalm50: #ffffff;
+    --textColorCalm60: #ffffff;
+    --textColorCalm70: #ffffff;
+
+    /* Color - Light (mobile) */
+    --colorLight10: #ffffff;
+    --colorLight20: #ffffff;
+    --colorLight30: #ffffff;
+    --colorLight40: #ffffff;
+    --colorLight50: #dfdfdf;
+    --colorLight60: #bbbbbb;
+    --colorLight70: #8c8c8c;
+
+    --textColorLight10: #252525;
+    --textColorLight20: #323232;
+    --textColorLight30: #3c3c3c;
+    --textColorLight40: #444444;
+    --textColorLight50: #898989;
+    --textColorLight60: #b5b5b5;
+    --textColorLight70: #d9d9d9;
+
+    /* Color - Stable (mobile) */
+    --colorStable10: #fdfdfd;
+    --colorStable20: #fbfbfb;
+    --colorStable30: #fafafa;
+    --colorStable40: #f8f8f8;
+    --colorStable50: #d9d9d9;
+    --colorStable60: #b6b6b6;
+    --colorStable70: #888888;
+
+    --textColorStable10: #252525;
+    --textColorStable20: #323232;
+    --textColorStable30: #3c3c3c;
+    --textColorStable40: #444444;
+    --textColorStable50: #898989;
+    --textColorStable60: #b5b5b5;
+    --textColorStable70: #d9d9d9;
+
+    /* Color - Dark (mobile) */
+    --colorDark10: #d9d9d9;
+    --colorDark20: #b5b5b5;
+    --colorDark30: #898989;
+    --colorDark40: #444444;
+    --colorDark50: #3c3c3c;
+    --colorDark60: #323232;
+    --colorDark70: #252525;
+
+    --textColorDark10: #8c8c8c;
+    --textColorDark20: #bbbbbb;
+    --textColorDark30: #dfdfdf;
+    --textColorDark40: #ffffff;
+    --textColorDark50: #ffffff;
+    --textColorDark60: #ffffff;
+    --textColorDark70: #ffffff;
+
+    /* Color - Neutral (web e mobile) */
+    --colorNeutral00: #FFFFFF;
+    --colorNeutral10: #F1F1F1;
+    --colorNeutral20: #E3E3E3;
+    --colorNeutral30: #D5D5D5;
+    --colorNeutral40: #C7C7C7;
+    --colorNeutral50: #B9B9B9;
+    --colorNeutral60: #ACACAC;
+    --colorNeutral70: #9E9E9E;
+    --colorNeutral80: #909090;
+    --colorNeutral90: #828282;
+    --colorNeutral100: #747474;
+    --colorNeutral110: #666666;
+    --colorNeutral120: #5D5D5D;
+    --colorNeutral130: #535353;
+    --colorNeutral140: #4A4A4A;
+    --colorNeutral150: #414141;
+    --colorNeutral160: #383838;
+    --colorNeutral170: #2E2E2E;
+    --colorNeutral180: #252525;
+    --colorNeutral190: #1C1C1C;
+    --colorNeutral200: #131313;
+    --colorNeutral210: #090909;
+    --colorNeutral220: #000000;
+}
+
+h1,
+.h1 {
+    color: var(--colorPrimary60, #2278a9);
+}
+
+/* Modal */
+.modal-title {
+    color: var(--colorPrimary60, #2278a9);
+}
+
+/* Slider */
+.k-slider .k-slider-selection {
+    background-color: var(--backgroundColor50, #dfdfdf);
+}
+
+/* Treeview */
+.k-treeview .k-item {
+    background-color: var(--colorDefault40, #f5f5f5);
+    color: var(--textColorDefault40, #444444);
+}
+
+.k-treeview .k-in.k-state-selected {
+    background-color: var(--colorDefault60);
+    color: var(--textColorDefault40, #444444);
+}
+
+.k-treeview .k-in.k-state-hover {
+    background-color: var(--colorDefault50);
+    color: var(--textColorDefault40, #444444);
+}
+
+/* Grid */
+.k-grid tr:hover {
+    background-color: var(--colorDefault40, #f5f5f5);
+}
+
+.k-state-selected,
+.k-state-selected:link,
+.k-state-selected:visited,
+.k-tool.k-state-selected,
+.k-grid td.k-state-selected:hover,
+.k-grid tr.k-state-selected:hover td {
+    background-color: var(--backgroundColor50, #dfdfdf);
+    color: var(--textColorDefault40, #444444);
+}
+
+/* Page login */
+.siginPanel,
+.login-view {
+    background-color: var(--backgroundColor40, #ffffff);
+}
+
+#crn-botao-cadastre,
+.login-view .sign-up,
+.crn-anchor-signup-back {
+    color: var(--textColor40, #555555);
+}
+
+/* Link */
+a,
+a:focus,
+a:active {
+    color: var(--textColor40, #555555);
+}
+
+a:hover {
+    color: var(--textColor60, #4a4a4a);
+}

package/css/themes/custom/cerulean/img/arrow-gray.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 10.1" style="enable-background:new 0 0 24 10.1;" xml:space="preserve">
+	<style type="text/css">
+		.st0{fill:#252525;}
+	</style>
+	<g>
+		<polygon class="st0" points="12.6,8.2 4.7,0 20.5,0 	"/>
+	</g>
+</svg>

package/css/themes/custom/cerulean/img/arrow-white.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 10.1" style="enable-background:new 0 0 24 10.1;" xml:space="preserve">
+	<style type="text/css">
+		.st0{fill:#FFFFFF;}
+	</style>
+	<g>
+		<polygon class="st0" points="12.6,8.2 4.7,0 20.5,0 	"/>
+	</g>
+</svg>

package/css/themes/custom/cerulean/navbar-cerulean.css

@@ -0,0 +1,42 @@
+.navbar {
+    background-image: none;
+    background-color: var(--colorPrimary40, #2fa4e7);
+    border-bottom: none;
+}
+
+.navbar-inverse {
+    background-image: none;
+    background-color: var(--colorCalm40, #033c73);
+    border: none
+}
+
+.navbar-inverse .badge {
+    background-color: #fff;
+    color: var(--colorCalm40, #033c73);
+}
+
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
+    color: var(--textColorPrimary40, #ffffff);
+    font-size: var(--textNormalSize, 14px);
+}
+
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
+.navbar-default .navbar-nav>.open>a,
+.navbar-default .navbar-nav>.open>a:focus,
+.navbar-default .navbar-nav>.open>a:hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background-color: var(--colorPrimary50, #2fa4e7);
+}
+
+.dropdown-menu {
+    color: var(--textColor40, #555555);
+}
+
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+    color: var(--textColor40, #ffffff);
+}

package/css/themes/custom/cerulean/panel-cerulean.css

@@ -0,0 +1,51 @@
+.panel {
+    background-color: var(--backgroundColor40, #ffffff);
+    box-shadow: none;
+}
+
+
+/* Default */
+.panel-default .panel-heading,
+.panel-footer {
+    color: var(--textColorDefault40, #444444);
+    background-color: var(--colorDefault20, #fafafa);
+}
+
+/* Primary */
+
+.panel-primary>.panel-heading {
+    color: var(--textColor40, #ffffff);
+    background-color: var(--colorPrimary40, #2fa4e7);
+}
+
+/* Sucess */
+
+.panel-success>.panel-heading {
+    color: var(--textColor40, #ffffff);
+    background-color: var(--colorSuccess40, #73a839);
+}
+
+
+/* Info */
+.panel-info>.panel-heading {
+    color: var(--textColor40, #ffffff);
+    background-color: var(--colorCalm40, #033c73);
+}
+
+/* Warning */
+.panel-warning>.panel-heading {
+    color: var(--textColor40, #ffffff);
+    background-color: var(--colorWarning40, #dd5600);
+}
+
+/* Danger */
+.panel-danger>.panel-heading {
+    color: var(--textColor40, #ffffff);
+    background-color: var(--colorDanger40, #c71c22);
+}
+
+/* Light */
+.panel-light>.panel-heading {
+    color: var(--textColorLight40, #444444);
+    background-color: var(--colorLight40, #ffffff);
+}