less/roojs-bootstrap/alert.scss

[roojs1] / less / roojs-bootstrap / nav-tabs.less

diff --git a/less/roojs-bootstrap/nav-tabs.less b/less/roojs-bootstrap/nav-tabs.less
index bb07ca8..78cc34e 100644 (file)
--- a/less/roojs-bootstrap/nav-tabs.less
+++ b/less/roojs-bootstrap/nav-tabs.less
@@ -1,12 +1,12 @@
 /* NAV TABS */
 .nav-tabs-custom {
   margin-bottom: 20px;
-  background: @white;
+  background: @body-bg;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
 }
 .nav-tabs-custom > .nav-tabs {
   margin: 0;
-  border-bottom-color: #f4f4f4;
+  border-bottom-color: @gray-light; //#f4f4f4;
 }
 .nav-tabs-custom > .nav-tabs > li {
   border-top: 3px solid transparent;
@@ -29,16 +29,16 @@
   border-color: transparent;
 }
 .nav-tabs-custom > .nav-tabs > li.active {
-  border-top-color: #3c8dbc;
+  border-top-color: @brand-primary; //#3c8dbc;
 }
 .nav-tabs-custom > .nav-tabs > li.active > a,
 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
-  background-color: @white;
+  background-color: @body-bg;
 }
 .nav-tabs-custom > .nav-tabs > li.active > a {
   border-top: 0;
-  border-left-color: #f4f4f4;
-  border-right-color: #f4f4f4;
+  border-left-color: @gray-light; //#f4f4f4;;
+  border-right-color: @gray-light; //#f4f4f4;;
 }
 .nav-tabs-custom > .nav-tabs > li:first-of-type {
   margin-left: 0px;
@@ -64,7 +64,7 @@
   line-height: 35px;
   padding: 0 10px;
   font-size: 20px;
-  color: #444;
+  color: @gray-dark; //#444;
   cursor: default;
 }
 .nav-tabs-custom > .nav-tabs > li.header > .fa,
@@ -73,10 +73,36 @@
   margin-right: 10px;
 }
 .nav-tabs-custom > .tab-content {
-  background: @white;
+  background: @body-bg;
   padding: 10px;
 }
 /* --- override it appears it's done un-reliably in JS normally.. */
 .tab-content > .tab-pane {
     position: absolute;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
+    margin: 0 5px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+    padding: 10px 5px;
+}
+
+@media (max-width: 768px) {
+    .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+        padding: 5px 5px;
+    }
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
+    margin-bottom: 0px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+    margin-left: 5px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
+    padding: 10px 5px;
 }
\ No newline at end of file