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

package/css/themes/custom/navigator/custom-navigator.css

@@ -1,104 +1,100 @@
-
-
-#view-canvas .main-view-vertical{
+#view-canvas .main-view-vertical {
     margin-top: 7.5vh;
 }
 
 .padding-0 {
-    padding: 0px;
+    padding: 0;
 }
 
-.main-view-vertical{
+.main-view-vertical {
     display: inline-block;
-    width: 73vw;
-    margin-left: 3.5vw;
+    width: 75vw;
+    margin-left: 22vw;
     margin-top: 5.5vh;
     margin-right: 3vw;
 }
 
-@media only screen and (min-width: 768px){
+@media only screen and (min-width: 768px) {
     .crn-navigator-vertical {
         height: 100%;
         width: 19vw;
-        display: fixed;
+        position: fixed;
         float: left;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid >.navbar-header {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
         padding-left: 15px;
     }
 }
 
-@media only screen and  (min-width: 768px) {
+@media only screen and (min-width: 768px) {
     .col-md-12 {
         width: 100%;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > #navbar {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>#navbar {
         width: 100%;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar {
         height: inherit;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid {
-        padding-right: 0px;
-        padding-left: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid {
+        padding-right: 0;
+        padding-left: 0;
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
         height: -webkit-fill-available;
     }
-
 }
 
-
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical >  .navbar > .container-fluid >.navbar-collapse,
-    .crn-navigator-vertical > .navbar > .container-fluid >.navbar-header,
-    .crn-navigator-vertical > .navbar > .container-fluid .navbar-collapse,
-    .crn-navigator-vertical > .navbar > .container-fluid .navbar-header {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid .navbar-collapse,
+    .crn-navigator-vertical>.navbar>.container-fluid .navbar-header,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
         margin-right: 0;
         margin-left: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-header > .navbar-toggle {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-toggle {
         display: none;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse.collapse{
-        padding-right: 0px;
-        padding-left: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
+        padding-right: 0;
+        padding-left: 0;
         overflow-x: visible;
         -webkit-overflow-scrolling: touch;
         border-top: 1px solid transparent;
-        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse.in {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in {
         overflow-y: auto;
-        display:block;
+        display: block;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .fill > .component-holder  > .navbar > .container-fluid > .navbar-collapse{
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.fill>.component-holder>.navbar>.container-fluid>.navbar-collapse {
         width: auto;
         border-top: 0;
         -webkit-box-shadow: none;
@@ -106,42 +102,42 @@
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav {
         float: none;
         margin: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu > li > a {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         line-height: 20px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu .dropdown-header,
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu>li>a {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         padding: 5px 15px 5px 25px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical  .navbar > .container-fluid > .navbar-collapse > .navbar-nav>li>a {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical .navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a {
         padding-top: 15px;
         padding-bottom: 15px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical  > .navbar > .container-fluid > .navbar-collapse > .navbar-nav >li {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li {
         float: none;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .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  {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         position: static;
         float: none;
         width: auto;
@@ -150,51 +146,50 @@
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
-        color: darkgray;
-
-
+        /* color: darkgray; */
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu > li > a:hover,
-    .crn-navigator-vertical > .navbar > .navbar-nav .open .dropdown-menu > li > a:focus  {
-        color: white;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,
+    .crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus {
+        color: #fff;
+        background-color: #282d57;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .dropdown-menu {
-        margin-left: -11px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu {
+        margin-left: 11px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar >.container-fluid > .navbar-collapse > .navbar-nav > .navbar-right {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right {
         float: none!important;
-        margin-right: 0px;
+        margin-right: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar  >.container-fluid > .navbar-collapse > .navbar-nav >  .navbar-right .dropdown-menu {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu {
         left: 0;
         right: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar  >.container-fluid > .navbar-collapse > .navbar-nav >  .navbar-right img{
-        margin-left: 0px;
-        margin-top: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img {
+        margin-left: 0;
+        margin-top: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar  >.container-fluid > .navbar-header > .navbar-brand img{
-        margin-top: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img {
+        margin-top: 0;
     }
 }

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

@@ -857,10 +857,16 @@ a.bg-danger:focus {
     color: #bbbbbb
 }
 
+#navbar-profile span,
+#navbar-3 .navbar-nav a,
 .navbar-default .navbar-nav>li>a {
     color: #666666
 }
 
+#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: #212121;
@@ -1536,4 +1542,20 @@ table a:not(.btn),
 .k-command-cell button {
     text-decoration: none;
     font-size: 0.8em;
+}
+
+/* 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/readable/custom-readable.min.css

@@ -3,6 +3,7 @@
 /* -- Fonts -- */
 
 @import url("https://fonts.googleapis.com/css?family=Raleway:400,700");
+
 body {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 16px;
@@ -968,12 +969,14 @@ fieldset[disabled] .form-control {
 }
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
+
     input[type="date"].form-control,
     input[type="time"].form-control,
     input[type="datetime-local"].form-control,
     input[type="month"].form-control {
         line-height: 40px
     }
+
     input[type="date"].input-sm,
     input[type="time"].input-sm,
     input[type="datetime-local"].input-sm,
@@ -984,6 +987,7 @@ fieldset[disabled] .form-control {
     .input-group-sm input[type="month"] {
         line-height: 33px
     }
+
     input[type="date"].input-lg,
     input[type="time"].input-lg,
     input[type="datetime-local"].input-lg,
@@ -1358,10 +1362,16 @@ select.input-group-sm>.input-group-btn>.btn {
     color: #333333
 }
 
+#navbar-profile span,
+#navbar-3 .navbar-nav a,
 .navbar-default .navbar-nav>li>a {
     color: #4582ec
 }
 
+#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: #4582ec;
@@ -1411,17 +1421,20 @@ select.input-group-sm>.input-group-btn>.btn {
     .navbar-default .navbar-nav .open .dropdown-menu>li>a {
         color: #4582ec
     }
+
     .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
     .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
         color: #4582ec;
         background-color: transparent
     }
+
     .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
     .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
     .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
         color: #4582ec;
         background-color: transparent
     }
+
     .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
     .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
     .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
@@ -1526,23 +1539,28 @@ fieldset[disabled] .navbar-default .btn-link:focus {
     .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
         border-color: #dddddd
     }
+
     .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
         background-color: #dddddd
     }
+
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
         color: #333333
     }
+
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
         color: #333333;
         background-color: transparent
     }
+
     .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
     .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
         color: #333333;
         background-color: transparent
     }
+
     .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
     .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
@@ -1581,6 +1599,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
     margin-right: 0
 }
 
+#navbar-3 .navbar-nav a,
+.navbar-default .navbar-nav a,
 .navbar-nav>li>a {
     margin: 12.5px 6px;
     padding: 8px 12px;
@@ -1726,6 +1746,7 @@ blockquote.pull-right {
 }
 
 @media screen and (min-width:768px) {
+
     .jumbotron h1,
     .jumbotron .h1 {
         font-size: 72px
@@ -2615,4 +2636,26 @@ address {
 
 .modal .close {
     color: #333333
+}
+
+#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-nav>li>a:hover {
+    border: 1px solid #ddd;
+}
+
+/* Horizontal menu - 3 */
+#navbar-3 .navbar-nav a {
+    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/sandstone/custom-sandstone.min.css

@@ -1009,4 +1009,47 @@ a {
 a:hover,
 a:focus {
     color: #79a736;
+}
+
+
+#navbar-profile span,
+#navbar-3 .navbar-nav a,
+.navbar-default .navbar-nav>li>a {
+    color: #98978b;
+}
+
+#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: #ffffff;
+    background-color: transparent;
+}
+
+#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/simplex/custom-simplex.min.css

@@ -1384,10 +1384,16 @@ button.list-group-item-danger.active:focus {
     color: #777777;
 }
 
+#navbar-profile span,
+#navbar-3 .navbar-nav a,
 .navbar-default .navbar-nav>li>a {
     color: #777777;
 }
 
+#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: #d9230f;
@@ -2621,4 +2627,20 @@ output {
     padding-top: 9px;
     font-size: 13px;
     color: #777777;
+}
+
+/* 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;
 }