Nav-pills

Author: localhost8080

bootstrap/css/multiloquent/style.css

@@ -812,6 +812,7 @@ h3.nowrap {
 .navitems.article.white2 {
   text-align: center;
 }
+/* ---- pagination --- */
 .pagination .page-numbers {
   display: inline-block;
   margin: 0;
@@ -851,6 +852,22 @@ h3.nowrap {
 .pager li > span {
   border-radius: 5px;
 }
+/* ---- nav-pills --- */
+.nav-pills > li {
+  display: inline;
+}
+.nav-pills > li > a,
+.nav-pills > li > span {
+  color: #1c567f;
+}
+.nav-pills > li.active > a,
+.nav-pills > li.active > span {
+  background-color: #1c567f;
+}
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > span:hover {
+  background-color: #2572a9;
+}
 .restricted-height-sidebar {
   line-height: 53px;
   max-height: 53px;

bootstrap/less/multiloquent/style.less

@@ -949,6 +949,7 @@ h3.nowrap {
 }
 
 
+/* ---- pagination --- */
 
 .pagination {
     .page-numbers {
@@ -990,6 +991,27 @@ h3.nowrap {
     border-radius: 5px;
 }
 
+
+/* ---- nav-pills --- */
+
+.nav-pills {
+    &>li {
+        display: inline;
+        &>a, &>span {
+            color: @primary-color;
+        }
+        &.active {
+            &>a, &>span {
+                background-color: @primary-color;
+                &:hover{
+                    background-color: lighten(@primary-color,10%);
+                }
+            }
+        }
+    }
+}
+
+
 .restricted-height-sidebar {
     line-height: 53px;
     max-height: 53px;