cronapp-framework-js 2.9.1-SNAPSHOT.2 → 2.9.1

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

@@ -1,32 +1,111 @@
-.navbar {
-    background-image: linear-gradient(var(--colorLight10, #f2f2f2), var(--colorLight40, #eeeeee) 50%, var(--colorLight40 , #aeaeae));
+.navbar img[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
+    background: var(--textColor40, #666666);
+}
+
+.crn-navigator-horizontal .navbar {
+    background: linear-gradient(var(--colorLight10, #f2f2f2), var(--colorLight40, #eeeeee) 50%, var(--colorLight40, #aeaeae));
     border-bottom: 1px solid var(--colorLight50);
 }
 
 .navbar-inverse {
-    background-image: linear-gradient(var(--colorPrimary10, #f2f2f2), var(--colorPrimary40, #eeeeee) 50%, var(--colorPrimary40 , #aeaeae));
+    background: linear-gradient(var(--colorPrimary10, #f2f2f2), var(--colorPrimary40, #eeeeee) 50%, var(--colorPrimary40, #aeaeae));
     border: 1px solid #345578;
 }
 
 .navbar-inverse .badge {
-    background-color: #fff;
+    background: #fff;
     color: #446e9b;
 }
 
-#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(--textColor40, #666666);
-    font-size: var(--textNormalSize, 14px);
-}
 
+
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li.open a span,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li.open a span,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a:hover span,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a:hover span,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover span,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover span,
 #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 #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 i,
+.navbar-default .navbar-nav>.open>span,
+.navbar-default .navbar-nav>.open>a:focus,
+.navbar-default .navbar-nav>.open>a:hover {
     color: var(--colorCalm40, #3399f3);
 }
 
+
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a span,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a span,
+#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, #666666);
+    font-size: var(--textNormalSize, 14px);
+}
+
 #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 {
     color: var(--textColorPrimary40, #ffffff);
     text-decoration: none;
-    background-color: var(--colorPrimary40, #446e9b);
+    background: var(--colorPrimary40, #446e9b);
+}
+
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover span,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover span,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover i,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover i {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+/* Vertical */
+.crn-navigator-vertical {
+    background: linear-gradient(var(--colorLight10, #f2f2f2), var(--colorLight40, #eeeeee) 50%, var(--colorLight40, #aeaeae));
+    border-right: 1px solid var(--colorLight50);
+}
+
+.crn-navigator-vertical .navbar {
+    background: transparent;
+}
+
+/* Menu mobile */
+.navbar-default .navbar-toggle {
+    border-color: var(--colorDefault10, #222320);
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+    background: var(--colorDefault20, #d8d8d8);
+}
+
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+    border-color: transparent;
+}
+
+.navbar-default .navbar-toggle:focus,
+.navbar-default .navbar-toggle:hover {
+    background: var(--colorDefault10, #2d2e2a);
+    border-color: transparent;
+}
+
+@media (max-width: 767px) {
+
+    #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav .open a:hover,
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav .open a:hover,
+    .navbar-default .navbar-nav>.open>a,
+    .navbar-default .navbar-nav>.open>a:focus,
+    .navbar-default .navbar-nav>.open>a:hover,
+    #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav .open .dropdown-menu li a:hover,
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav .open .dropdown-menu li a:hover {
+        color: var(--colorCalm40, #3399f3);
+        background: transparent;
+    }
+
+    #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li.open>a,
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li.open>a {
+        color: var(--colorCalm40, #3399f3);
+    }
+
 }

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

@@ -1,109 +1,121 @@
-
-.panel-default {
-    border-color: #dddddd;
+.panel {
+    box-shadow: none;
+    border-radius: var(--borderRadiusSmallest, 5px);
+    overflow: auto;
 }
-.panel-default > .panel-heading {
-    color: #333333;
-    background-color: #f5f5f5;
-    border-color: #dddddd;
+
+.panel-footer {
+    color: var(--textColor40, #000000);
+    background: var(--colorLight40, #eeeeee);
 }
-.panel-default > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #dddddd;
+
+/* Default */
+.panel-default .panel-heading {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #446e9b);
+    border-color: var(--colorPrimary50, #3c6088);
 }
-.panel-default > .panel-heading .badge {
-    color: #f5f5f5;
-    background-color: #333333;
+
+.panel-default {
+    border-color: var(--colorPrimary50, #3c6088);
 }
-.panel-default > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #dddddd;
+
+/* Primary */
+.panel-primary>.panel-heading {
+    color: var(--textColorDefault40, #ffffff);
+    background: var(--colorDefault40, #474949);
+    border-color: var(--colorDefault50, #3e4040);
 }
+
 .panel-primary {
-    border-color: #446e9b;
-}
-.panel-primary > .panel-heading {
-    color: #ffffff;
-    background-color: #446e9b;
-    border-color: #446e9b;
-}
-.panel-primary > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #446e9b;
+    border-color: var(--colorDefault50, #3e4040);
 }
-.panel-primary > .panel-heading .badge {
-    color: #446e9b;
-    background-color: #ffffff;
-}
-.panel-primary > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #446e9b;
+
+/* Sucess */
+
+.panel-success>.panel-heading {
+    color: var(--textColorSuccess40, #ffffff);
+    background: var(--colorSuccess40, #3cb521);
+    border-color: var(--colorSuccess50, #359e1d);
 }
+
 .panel-success {
-    border-color: #d6e9c6;
-}
-.panel-success > .panel-heading {
-    color: #468847;
-    background-color: #dff0d8;
-    border-color: #d6e9c6;
+    border-color: var(--colorSuccess50, #359e1d);
 }
-.panel-success > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #d6e9c6;
-}
-.panel-success > .panel-heading .badge {
-    color: #dff0d8;
-    background-color: #468847;
-}
-.panel-success > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #d6e9c6;
+
+/* Info */
+.panel-info>.panel-heading {
+    color: var(--textColorCalm40, #ffffff);
+    background: var(--colorCalm40, #3399f3);
+    border-color: var(--colorCalm50, #2d86d5);
 }
+
 .panel-info {
-    border-color: #bce8f1;
+    border-color: var(--colorCalm50, #2d86d5);
 }
-.panel-info > .panel-heading {
-    color: #3a87ad;
-    background-color: #d9edf7;
-    border-color: #bce8f1;
-}
-.panel-info > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #bce8f1;
-}
-.panel-info > .panel-heading .badge {
-    color: #d9edf7;
-    background-color: #3a87ad;
-}
-.panel-info > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #bce8f1;
+
+/* Warning */
+.panel-warning>.panel-heading {
+    color: var(--textColorWarning40, #ffffff);
+    background: var(--colorWarning40, #d47500);
+    border-color: var(--colorWarning50, #ba6600);
 }
+
 .panel-warning {
-    border-color: #fbeed5;
+    border-color: var(--colorWarning50, #ba6600);
 }
-.panel-warning > .panel-heading {
-    color: #c09853;
-    background-color: #fcf8e3;
-    border-color: #fbeed5;
+
+/* Danger */
+.panel-danger>.panel-heading {
+    color: var(--textColorDanger40, #ffffff);
+    background: var(--colorDanger40, #cd0200);
+    border-color: var(--colorDanger50, #b30200);
+}
+
+.panel-danger {
+    border-color: var(--colorDanger50, #b30200);
 }
-.panel-warning > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #fbeed5;
+
+/* Light */
+.panel-light>.panel-heading {
+    color: var(--textColor40, #000000);
+    background: var(--colorLight40, #eeeeee);
+    border-color: var(--colorLight50, #d0d0d0);
 }
-.panel-warning > .panel-heading .badge {
-    color: #fcf8e3;
-    background-color: #c09853;
+
+.panel-light {
+    border-color: var(--colorLight50, #d0d0d0);
 }
-.panel-warning > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #fbeed5;
+
+/* stable */
+.panel-stable>.panel-heading {
+    color: var(--textColorStable40, #ffffff);
+    background: var(--colorStable50, #d9d9d9);
+    border-color: var(--colorStable60, #b6b6b6);
 }
-.panel-danger {
-    border-color: #eed3d7;
+
+.panel-stable {
+    border-color: var(--colorStable60, #b6b6b6);
 }
-.panel-danger > .panel-heading {
-    color: #b94a48;
-    background-color: #f2dede;
-    border-color: #eed3d7;
+
+/* royal */
+.panel-royal>.panel-heading {
+    color: var(--textColorRoyal40, #ffffff);
+    background: var(--colorRoyal40, #886aea);
+    border-color: var(--colorRoyal50, #775dcd);
 }
-.panel-danger > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #eed3d7;
+
+.panel-royal {
+    border-color: var(--colorRoyal50, #775dcd);
 }
-.panel-danger > .panel-heading .badge {
-    color: #f2dede;
-    background-color: #b94a48;
+
+/* dark */
+.panel-dark>.panel-heading {
+    color: var(--textColorDark40, #ffffff);
+    background: var(--colorDark40, #333333);
+    border-color: var(--colorDark50, #2d2d2d);
 }
-.panel-danger > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #eed3d7;
+
+.panel-dark {
+    border-color: var(--colorDark50, #2d2d2d);
 }

package/css/themes/custom/superhero/button-superhero.css

@@ -0,0 +1,166 @@
+.btn,
+.k-button {
+    border-radius: 0;
+}
+
+/* Default */
+.k-button.k-default:focus,
+.k-button.k-default:hover,
+.btn.btn-default:focus,
+.btn.btn-default:hover {
+    color: var(--textColorDefault40, #ffffff);
+    background: var(--colorDefault50, #44515f);
+}
+
+.k-button.k-default.active,
+.k-button.k-default:active,
+.btn.btn-default.active,
+.btn.btn-default:active {
+    background: var(--colorDefault30, #8d949b);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+/* Primary */
+.k-button.k-primary:focus,
+.k-button.k-primary:hover,
+.btn.btn-primary:focus,
+.btn.btn-primary:hover {
+    background: var(--colorPrimary50, #c35c17);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.btn.btn-primary.active,
+.btn.btn-primary:active,
+.k-button.k-primary.active,
+.k-button.k-primary:active {
+    background: var(--colorPrimary30, #e79a7d);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+/* Success */
+.k-button.k-success:focus,
+.k-button.k-success:hover,
+.btn.btn-success:focus,
+.btn.btn-success:hover {
+    background: var(--colorSuccess50, #51a151);
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+.btn.btn-success.active,
+.btn.btn-success:active,
+.k-button.k-success.active,
+.k-button.k-success:active {
+    background: var(--colorSuccess30, #93cb93);
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+/* Warning */
+.k-button.k-warning:focus,
+.k-button.k-warning:hover,
+.btn.btn-warning:focus,
+.btn.btn-warning:hover {
+    background: var(--colorWarning50, #d29744);
+    color: var(--textColorWarning40, #ffffff);
+}
+
+.btn.btn-warning.active,
+.btn.btn-warning:active,
+.k-button.k-warning.active,
+.k-button.k-warning:active {
+    background: var(--colorWarning30, #f4c38d);
+    color: var(--textColorWarning40, #ffffff);
+}
+
+/* Danger */
+.k-button.k-danger:focus,
+.k-button.k-danger:hover,
+.btn.btn-danger:focus,
+.btn.btn-danger:hover {
+    background: var(--colorDanger50, #be4945);
+    color: var(--textColorDanger40, #ffffff);
+}
+
+.btn.btn-danger.active,
+.btn.btn-danger:active,
+.k-button.k-danger.active,
+.k-button.k-danger:active {
+    background: var(--colorDanger30, #e28f8d);
+    color: var(--textColorDanger40, #ffffff);
+}
+
+/* Info */
+.k-button.k-info:focus,
+.k-button.k-info:hover,
+.btn.btn-info:focus,
+.btn.btn-info:hover {
+    background: var(--colorCalm50, #50a8c2);
+    color: var(--textColorCalm40, #ffffff);
+}
+
+.btn.btn-info.active,
+.btn.btn-info:active,
+.k-button.k-info.active,
+.k-button.k-info:active {
+    background: var(--colorCalm30, #93d0e6);
+    color: var(--textColorCalm40, #ffffff);
+}
+
+/* Light */
+.btn.btn-light.active,
+.btn.btn-light:active,
+.k-button.k-light.active,
+.k-button.k-light:active {
+    background: var(--colorLight40, #ffffff);
+    color: var(--textColor40, #383838);
+}
+
+/* Stable */
+.k-button.k-stable:focus,
+.k-button.k-stable:hover,
+.btn.btn-stable:focus,
+.btn.btn-stable:hover {
+    background: var(--colorStable50, #d9d9d9);
+    color: var(--textColorStable40, #444444);
+}
+
+.btn.btn-stable.active,
+.btn.btn-stable:active,
+.k-button.k-stable.active,
+.k-button.k-stable:active {
+    background: var(--colorStable30, #fafafa);
+    color: var(--textColorStable40, #444444);
+}
+
+/* Royal */
+.k-button.k-royal:focus,
+.k-button.k-royal:hover,
+.btn.btn-royal:focus,
+.btn.btn-royal:hover {
+    background: var(--colorRoyal50, #775dcd);
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+.btn.btn-royal.active,
+.btn.btn-royal:active,
+.k-button.k-royal.active,
+.k-button.k-royal:active {
+    background: var(--colorRoyal30, #ab9aef);
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+/* Dark */
+.k-button.k-dark:focus,
+.k-button.k-dark:hover,
+.btn.btn-dark:focus,
+.btn.btn-dark:hover {
+    background: var(--colorDark50, #1c3043);
+    color: var(--textColorDark40, #ffffff);
+}
+
+.btn.btn-dark.active,
+.btn.btn-dark:active,
+.k-button.k-dark.active,
+.k-button.k-dark:active {
+    background: var(--colorDark30, #7e848c);
+    color: var(--textColorDark40, #ffffff);
+}