3 files changed, 44 insertions, 1 deletions
diff --git a/superhero/bootstrap.css b/superhero/bootstrap.css
index 63ac0f0d..6526183d 100644
--- a/superhero/bootstrap.css
+++ b/superhero/bootstrap.css
@@ -3648,6 +3648,9 @@ div.subnav .nav > li > a, div.subnav .nav > li.active > a {
 div.subnav .nav > li > a:hover, div.subnav .nav > li.active > a:hover {
   background-color: #5a6a7d;
 }
+div.subnav .nav > li + li > a {
+  border-top: 0px solid transparent;
+}
 div.subnav .nav > li:first-child > a,
 div.subnav .nav > li:first-child > a:hover,
 div.subnav .nav > li.active:first-child > a,
@@ -3694,6 +3697,24 @@ div.subnav.subnav-fixed .nav > li > a:hover, div.subnav.subnav-fixed .nav > li.a
   border-bottom: none;
   background-color: #45515f;
 }
+@media (max-width: 768px) {
+  div.subnav .nav > li:first-child > a,
+  div.subnav .nav > li:first-child > a:hover,
+  div.subnav .nav > li.active:first-child > a,
+  div.subnav .nav > li.active:first-child > a:hover {
+    -webkit-border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    border-radius: 4px 4px 0 0;
+  }
+  div.subnav .nav > li:last-child > a,
+  div.subnav .nav > li:last-child > a:hover,
+  div.subnav .nav > li.active:last-child > a,
+  div.subnav .nav > li.active:last-child > a:hover {
+    -webkit-border-radius: 0 0 4px 4px;
+    -moz-border-radius: 0 0 4px 4px;
+    border-radius: 0 0 4px 4px;
+  }
+}
 .table {
   background-color: #3f4956;
 }
diff --git a/superhero/bootstrap.min.css b/superhero/bootstrap.min.css
index 27d1780e..b1e4ace9 100644
--- a/superhero/bootstrap.min.css
+++ b/superhero/bootstrap.min.css
@@ -660,13 +660,14 @@ body{background-color:#2a333c;}
 .subnav.subnav-fixed{top:70px;}
 div.subnav{background-color:#45515f;background-image:none;border:none;}div.subnav .nav>li>a,div.subnav .nav>li.active>a{border-left:none;border-right:none;color:#cdd0be;}
 div.subnav .nav>li>a:hover,div.subnav .nav>li.active>a:hover{background-color:#5a6a7d;}
+div.subnav .nav>li+li>a{border-top:0px solid transparent;}
 div.subnav .nav>li:first-child>a,div.subnav .nav>li:first-child>a:hover,div.subnav .nav>li.active:first-child>a,div.subnav .nav>li.active:first-child>a:hover{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
 div.subnav .nav>li.active>a,div.subnav .nav>li.active>a:hover{color:#ffffff;background-color:#e36b23;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 div.subnav.subnav-fixed{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}div.subnav.subnav-fixed .nav>li>a,div.subnav.subnav-fixed .nav>li.active>a,div.subnav.subnav-fixed .nav>li>a:hover,div.subnav.subnav-fixed .nav>li.active>a:hover{border-color:transparent;padding-left:12px;padding-right:12px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 div.subnav.subnav-fixed .nav>li>a:hover,div.subnav.subnav-fixed .nav>li.active>a:hover{color:#ffffff;}
 .dropdown-menu{background-color:#5a6a7d;border:none;}.dropdown-menu a{color:#cdd0be;}
 .dropdown-menu .divider{border-bottom:none;background-color:#45515f;}
-.table{background-color:#3f4956;}
+@media (max-width:768px){div.subnav .nav>li:first-child>a,div.subnav .nav>li:first-child>a:hover,div.subnav .nav>li.active:first-child>a,div.subnav .nav>li.active:first-child>a:hover{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} div.subnav .nav>li:last-child>a,div.subnav .nav>li:last-child>a:hover,div.subnav .nav>li.active:last-child>a,div.subnav .nav>li.active:last-child>a:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}}.table{background-color:#3f4956;}
 .table th,.table td,.table tbody+tbody{border-top:none;}
 .table-bordered{border:none;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:none;}
 .table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:none;}
diff --git a/superhero/bootswatch.less b/superhero/bootswatch.less
index 5afb0d61..46b55e55 100755
--- a/superhero/bootswatch.less
+++ b/superhero/bootswatch.less
@@ -179,6 +179,10 @@ div.subnav {
 	}
 }
 
+div.subnav .nav > li + li > a {
+	border-top: 0px solid transparent;
+}
+
 div.subnav .nav > li:first-child > a,
 div.subnav .nav > li:first-child > a:hover,
 div.subnav .nav > li.active:first-child > a,
@@ -228,6 +232,23 @@ div.subnav.subnav-fixed {
 	}
 }
 
+@media (max-width: 768px) {
+	div.subnav .nav > li:first-child > a,
+	div.subnav .nav > li:first-child > a:hover,
+	div.subnav .nav > li.active:first-child > a,
+	div.subnav .nav > li.active:first-child > a:hover {
+		.border-radius(4px 4px 0 0);
+	}
+	
+	div.subnav .nav > li:last-child > a,
+	div.subnav .nav > li:last-child > a:hover,
+	div.subnav .nav > li.active:last-child > a,
+	div.subnav .nav > li.active:last-child > a:hover {
+		.border-radius(0 0 4px 4px);
+	}
+	
+}
+
 // TABLES
 // -----------------------------------------------------