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

package/css/themes/custom/journal/custom-journal.min.css

@@ -3,6 +3,7 @@
 /* -- Fonts -- */
 
 @import url("https://fonts.googleapis.com/css?family=News+Cycle:400,700");
+
 body {
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -1503,6 +1504,7 @@ button.bg-dark:focus {
     from {
         background-position: 1rem 0;
     }
+
     to {
         background-position: 0 0;
     }
@@ -1512,6 +1514,7 @@ button.bg-dark:focus {
     from {
         background-position: 1rem 0;
     }
+
     to {
         background-position: 0 0;
     }
@@ -1524,4 +1527,44 @@ code {
     font-size: 87.5%;
     color: #e83e8c;
     word-break: break-word;
+}
+
+
+
+
+
+#navbar-profile span,
+#navbar-3 .navbar-nav a {
+    color: #777;
+    font-size: 14px;
+    text-transform: uppercase;
+}
+
+#navbar-3 .navbar-nav a:hover,
+#navbar-3 .navbar-nav a:focus {
+    color: #333;
+    background-color: transparent;
+}
+
+
+/* Horizontal menu - 3 */
+#navbar-3 .navbar-nav a {
+    padding: 15px;
+    margin: 0;
+    text-decoration: none;
+}
+
+#navbar-3 .navbar-nav a:hover,
+#navbar-3 .navbar-nav a:focus {
+    text-decoration: none;
+}
+
+#navbar-3 .nav-button {
+    padding: 15px;
+}
+
+/* Login */
+.bg-login #container-first #social-login #crn-simple-text-login-social,
+.bg-login #container-first #social-login #crn-social-login-01 ul li i {    
+    flex: inherit;
 }

package/css/themes/custom/lumen/custom-lumen.min.css

@@ -740,10 +740,16 @@ button.list-group-item-danger:focus {
     color: #555555;
 }
 
+#navbar-profile span,
+#navbar-3 .navbar-nav a,
 .navbar-default .navbar-nav>li>a {
     color: #999999;
 }
 
+#navbar-3 .navbar-nav a:hover,
+#navbar-3 .navbar-nav a:focus,
+.navbar-default .navbar-nav a:hover,
+.navbar-default .navbar-nav a:focus,
 .navbar-default .navbar-nav>li>a:hover,
 .navbar-default .navbar-nav>li>a:focus {
     color: #333333;
@@ -1543,4 +1549,27 @@ table a:not(.btn),
 }
 
 
-/* -- others -- */
+
+#navbar-profile span,
+#navbar-3 .navbar-nav a {
+    font-size: 11px;
+    line-height: 22px;
+    font-weight: 500;
+    text-transform: uppercase;
+}
+
+/* Horizontal menu - 3 */
+#navbar-3 .navbar-nav a {
+    padding: 15px;
+    margin: 0;
+    text-decoration: none;
+}
+
+#navbar-3 .navbar-nav a:hover,
+#navbar-3 .navbar-nav a:focus{
+    text-decoration: none;
+}
+
+#navbar-3 .nav-button {
+    padding: 15px;
+}

package/css/themes/custom/material/components_css/crn-cron-calendar.css

@@ -67,7 +67,7 @@ cron-calendar .k-calendar-monthview:after,
 
 .k-calendar-container .k-calendar:not(.k-scheduler-calendar) {
     border-width: 0;
-    background: #383838;
+    background-color: #383838;
 }
 
 .k-calendar:not(.k-scheduler-calendar) .k-state-hover {

package/css/themes/custom/material/components_css/crn-cron-grid.css

@@ -172,10 +172,13 @@ k-grid-header .k-header>.k-link {
 }
 
 .k-grid tbody .k-grid-edit:hover,
-.k-grid tbody .k-grid-edit:focus,
+.k-grid tbody .k-grid-edit:focus{
+    color: #FF9600;
+}
+
 .k-grid tbody .k-grid-update:hover,
 .k-grid tbody .k-grid-update:focus {
-    color: #FF9600;
+    color: #00A311;
 }
 
 .k-grid tbody .k-grid-delete:hover,
@@ -185,14 +188,6 @@ k-grid-header .k-header>.k-link {
     color: #C40000;
 }
 
-
-/* .k-grid tbody .k-button:hover,
-.k-grid tbody .k-button:focus {
-    background-color: #0470a0;
-    color: #ffffff;
-} */
-
-
 /* k-grid-edit */
 
 .k-grid-edit-row>td>.k-input.k-textbox,

package/css/themes/custom/material/components_css/crn-navbar.css

@@ -10,6 +10,11 @@
     text-transform: uppercase;
 }
 
+.navbar-default .navbar-nav a i {
+    color: #fff;
+}
+
+.crn-navigator-vertical #navbar-profile i,
 .navbar-default .navbar-nav>li>a>i {
     color: #fff;
     display: none;
@@ -24,10 +29,15 @@
     color: #fff;
 }
 
+.crn-navigator-vertical .navbar-vertical span,
+.crn-navigator-vertical #navbar-profile span,
+.navbar-default .navbar-nav a,
 .navbar-default .navbar-nav>li>a {
     color: #fff;
 }
 
+.navbar-default .navbar-nav a:hover,
+.navbar-default .navbar-nav a:focus,
 .navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
     color: #fff;
@@ -47,12 +57,9 @@
     }
 }
 
-
-/* Abas */
-
 .nav-tabs {
-    background-color: #ffffff;
-    border: none;
+    background-color: #5665be;
+    border-bottom: 1px solid #ddd;
     height: 100%;
 }
 
@@ -66,36 +73,24 @@
 .nav-tabs>li>a:focus {
     background-color: transparent;
     border: 0;
-    color: #646464;
+    color: #ffffff;
     font-weight: 500;
 }
 
 .nav-tabs>li.active>a,
 .nav-tabs>li.active>a:hover,
 .nav-tabs>li.active>a:focus {
-    background: transparent;
-    border: none;
-    border-bottom: 2px solid #3B448E;
-    color: #3B448E;
+    background-color: transparent;
+    border: 0;
+    color: #ffffff;
     font-weight: 500;
 }
 
-.nav.nav-tabs li.active {
-    background: transparent;
-}
-
 .nav-tabs>li.disabled>a,
 .nav-tabs>li.disabled>a:hover {
     color: rgba(255, 255, 255, 0.5);
 }
 
-.tab-content {
-    margin-top: 10px;
-}
-
-
-/* fim abas */
-
 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:focus,
 .dropdown-menu>.active>a:hover {
@@ -121,23 +116,12 @@
     background-color: #ffffff;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
-    border: 1px solid #ccc;
     border: 0px solid rgb(5, 21, 21);
     border-radius: 4px;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 }
 
-.dropdown-menu>li>a {
-    display: block;
-    padding: 3px 20px;
-    clear: both;
-    font-weight: 400;
-    line-height: 1.42857143;
-    color: #393939;
-    white-space: nowrap;
-}
-
 .dropdown-menu>li>a:focus,
 .dropdown-menu>li>a:hover {
     color: #5665be;
@@ -156,7 +140,7 @@
 @media only screen and (min-width: 768px) {
     .main-view {
         box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-        background: #ffffff;
+        background-color: #ffffff;
         margin: 30px;
         padding: 15px;
         width: calc(100% - 60px);
@@ -166,7 +150,6 @@
 .main-title {
     padding: 20px 25px;
     margin-bottom: 0;
-    color: inherit;
     background-color: #282d57;
     color: #fff;
     display: block;

package/css/themes/custom/material/components_css/crn-scheduler.css

@@ -16,7 +16,6 @@ cron-scheduler a.k-link {
     font-weight: normal;
     text-transform: uppercase;
 }
-
 cron-scheduler .k-link:link {
     color: #000000;
 }
@@ -61,6 +60,7 @@ cron-scheduler a.k-link {
 }
 
 .k-scheduler-views * {
+    /* background-color: #3b448e !important; */
     background-color: #3b448e;
 }
 
@@ -68,11 +68,11 @@ cron-scheduler a.k-link {
     display: block;
 }
 
-.k-scheduler-views>li {
+.k-scheduler-views > li {
     display: none;
 }
 
-.k-state-expanded.k-scheduler-views>li {
+.k-state-expanded.k-scheduler-views > li {
     display: block;
 }
 
@@ -95,4 +95,4 @@ cron-scheduler a.k-link {
 .k-scheduler-refresh {
     right: 10px;
     position: relative;
-}
+}

package/css/themes/custom/material/components_css/login.css

@@ -8,7 +8,7 @@
 
 .login-view {
     box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
-    background: #ffffff;
+    background-color: #ffffff;
     padding: 40px 30px 40px 30px;
     border-radius: 3px;
 }
@@ -19,6 +19,15 @@
     border-color: #3f51b5;
 }
 
+.login-view .reset-password{
+    text-align: right;
+}
+
+.login-view .sign-up{
+    text-align: center;
+    margin: 10px 0px;
+}
+
 @media only screen and (max-width: 768px) {
     .login-panel {
         position: relative;

package/css/themes/custom/material/components_css/ui-notification.css

@@ -8,20 +8,20 @@
 
 .ui-notification.warning {
     color: #24292e;
-    background: #f0ad4e;
+    background-color: #f0ad4e;
 }
 
 .ui-notification.error {
     color: black;
-    background: #d9534f;
+    background-color: #d9534f;
 }
 
 .ui-notification.success {
     color: #24292e;
-    background: #5cb85c;
+    background-color: #5cb85c;
 }
 
 .ui-notification.info {
     color: #24292e;
-    background: #5bc0de;
+    background-color: #5bc0de;
 }

package/css/themes/custom/material/custom-material.css

@@ -234,10 +234,6 @@ textarea.form-control.k-textbox {
     padding: 4px 4px;
 }
 
-.k-edit-field {
-    display: block;
-}
-
 caption {
     color: #4a4747;
 }
@@ -258,110 +254,43 @@ div .messages {
     border-color: #f31700;
 }
 
-
-/* ajustes no inputs */
-
-.k-combobox .k-state-default,
-.input-group .k-textbox.form-control,
-.k-textbox.form-control {
-    border: 1px solid #999999;
-    border-radius: 5px;
-    padding: 1.5rem;
-    color: #212121;
-}
-
-.k-combobox .k-state-default {
-    padding: .4rem .9rem;
-}
-
-.k-textbox.form-control:focus {
-    border: 1px solid #3B448E;
-    color: #212121;
-}
-
-.k-textbox.form-control::placeholder {
-    color: #999999;
-}
-
-
-/* ajustes checkbox */
-
-.k-checkbox:checked+.k-checkbox-label:before,
-.k-checkbox:indeterminate+.k-checkbox-label:before,
-.k-checkbox:checked+.k-checkbox-label:after,
-.k-checkbox:indeterminate+.k-checkbox-label:after {
-    border-radius: 2px;
-}
-
-.k-checkbox:checked+.k-checkbox-label:before,
-.k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #fff;
-    border-color: rgba(0, 0, 0, .54);
+.crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu a i,
+.crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu li a {
+    color: #393939;
 }
 
-.k-checkbox:checked+.k-checkbox-label:after,
-.k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: #3B448E;
-    border-color: #3B448E;
-}
-
-
-/* ajuste radio */
-
-.k-content {
-    background-color: transparent;
-}
-
-
-/* Ajustes no acordeão */
-
-.panel-body,
-.panel-group .panel-heading,
-.panel-group .panel-default,
-.panel-default>.panel-heading+.panel-collapse>.panel-body {
-    border: none;
-}
-
-.panel-group .panel-default {
-    border-bottom: 1px solid #DDDDDD;
+.crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu a:hover i,
+.crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu li a:hover {
+    color: #ffffff;
 }
 
-.panel-group .panel-heading {
-    background-color: transparent;
-    color: #212121;
-    font-weight: bold;
-    text-align: left;
-    cursor: pointer;
+.crn-navigator-vertical .navbar-default .navbar-nav ul.dropdown-menu a:hover i,
+.crn-navigator-vertical .navbar-default .navbar-nav ul.dropdown-menu li a:hover {
+    color: #ffffff;
 }
 
-.panel-group h1 {
-    background-image: url();
-    background-size: 23px;
-    background-repeat: no-repeat;
-    background-position: right;
-    padding-right: 28px;
-    font-weight: bold;
+.dropdown-menu li a {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font-weight: 400;
+    line-height: 1.42857143;
+    color: #393939;
+    white-space: nowrap;
 }
 
 
-/* ajustes tabela */
+/* Horizontal menu - 3 */
 
-.table-bordered,
-.table-bordered>tbody>tr>td,
-.table-bordered>tbody>tr>th,
-.table-bordered>tfoot>tr>td,
-.table-bordered>tfoot>tr>th,
-.table-bordered>thead>tr>td,
-.table-bordered>thead>tr>th {
-    border: none;
+#navbar-3 .navbar-nav a {
+    padding: 15px;
 }
 
-.table-bordered {
-    border-collapse: collapse;
+#navbar-3 .nav-button {
+    padding: 15px;
 }
 
-.table-bordered>thead>tr,
-.table-bordered>tbody>tr,
-.table-bordered>tfoot>tr {
-    border: 1px solid #DDDDDD;
+.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a,
+.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu {
+    color: #fff;
 }

package/css/themes/custom/material_raiz/components_css/crn-button.css

@@ -0,0 +1,174 @@
+/*
+*
+* MATERIAL -> CRN-BUTTON
+*
+* Todo CSS destina ao elemento button.
+*
+*/
+
+.k-button {
+    font-weight: 400;
+    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+    text-transform: capitalize;
+    transition: 200ms;
+    font-weight: normal;
+    border-radius: 4px;
+}
+
+.k-button[disabled] {
+    background-color: #dcdcdc;
+    color: #616161;
+    opacity: 1;
+}
+
+.k-button:focus,
+.k-button:hover {
+    text-decoration: none;
+    outline: 0;
+}
+
+
+/* Alteração de cores através de classes */
+
+.btn-primary {
+    color: #fff;
+    background-color: #005AC0;
+    border-color: #005AC0;
+}
+
+.btn-primary:focus,
+.btn-primary:hover {
+    color: #fff;
+    background-color: #4D8CD3;
+    border-color: #4D8CD3;
+}
+
+.btn-success {
+    color: #fff;
+    background-color: #00820C;
+    border-color: #00820C;
+}
+
+.btn-success:focus,
+.btn-success:hover {
+    background-color: #4DA855;
+    border-color: #4DA855;
+    color: #fff;
+}
+
+.btn-warning {
+    color: #fff;
+    background-color: #FF9600;
+    border-color: #FF9600;
+}
+
+.btn-warning:focus,
+.btn-warning:hover {
+    color: #fff;
+    background-color: #FFB64D;
+    border-color: #FFB64D;
+}
+
+.btn-danger {
+    color: #fff;
+    background-color: #C40000;
+    border-color: #C40000;
+}
+
+.btn-danger:focus,
+.btn-danger:hover {
+    background-color: #D64D4D;
+    border-color: #D64D4D;
+    color: #fff;
+}
+
+.btn-light {
+    color: #666666;
+    background-color: #E9E9E9;
+    border-color: #E9E9E9;
+}
+
+.btn-light:focus,
+.btn-light:hover {
+    color: #666666;
+    background-color: #F0F0F0;
+    border-color: #F0F0F0;
+}
+
+.btn-info,
+.btn-default {
+    color: #fff;
+    background-color: #3B448E;
+    border-color: #3B448E;
+}
+
+.btn-info:focus,
+.btn-info:hover,
+.btn-default:focus,
+.btn-default:hover {
+    background-color: #767CB0;
+    color: #fff;
+}
+
+
+/* botão com texto */
+
+.k-button-with-label {
+    width: max-content;
+    height: 33px;
+    padding: 10px;
+    border-radius: 0%;
+}
+
+
+/* Ícones */
+
+.k-button i {
+    position: relative;
+    top: -2px;
+    margin-right: 3px;
+    display: inline-block;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+
+/* crn-grid */
+
+.k-button-icontext .k-icon {
+    margin: 0;
+}
+
+
+/*form*/
+
+.btn-fab {
+    border-radius: 50%;
+    font-size: 12px;
+    height: 42px;
+    margin: auto;
+    min-width: 42px;
+    width: 42px;
+    padding: 0;
+    position: relative;
+}
+
+.btn-space-table {
+    display: flex;
+    width: 80px;
+}
+
+.new-table-cron .btn-space-table .k-button {
+    min-width: 24px;
+    min-height: 24px;
+}
+
+.k-detail-cell .k-grid .k-header .k-button:hover {
+    background-color: #3d488b;
+    text-transform: uppercase;
+    color: #fff;
+    transition: 200ms;
+}

package/css/themes/custom/material_raiz/components_css/crn-carousel.css

@@ -0,0 +1,11 @@
+/*
+*
+* MATERIAL -> CRN-CAROUSEL
+*
+* Todo CSS destina ao elemento do carousel.
+*
+*/
+
+.carousel-caption {
+    color: #524646;
+}