Update bootstrap, cleanup css, make pages more responsive

config/jsdoc/api/template/static/styles/jaguar.css

@@ -1,45 +1,20 @@
 @import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);
-.navbar-inverse {
-  border: 0;
-}
-.navbar-inverse .navbar-inner {
+.navbar{
   background: #1F6B75;
-  height: 50px;
-  text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
 }
-.navbar-inverse .brand {
-  color: #fff;
-  font-size: 160%;
-  font-weight: bold;
-  position: absolute;
-  top: 6px;
-  left: 16px;
-}
-.navbar-inverse .brand:hover,
-.navbar-inverse .brand:focus {
-  color: #aae1e9;
-  text-decoration: none;
-}
-.navbar-inverse .brand img {
-  width: 35px;
+
+.navbar-brand img {
   height: 35px;
   vertical-align: middle;
   margin-right: 5px;
-  border:0;
+  display: inline-block;
 }
-.navbar-inverse .container {
-  padding: 0;
-}
-.navbar-inverse .navbar-nav>li>a {
+
+.navbar-brand {
   color: #fff;
-}
-.navbar-inverse .navbar-nav>li>a:hover,
-.navbar-inverse .navbar-nav>li>a:focus,
-.navbar-inverse .navbar-nav>li>a.active
-{
-  outline:0;
-  color: #fff;
-  background-color: #268591;
+  font-size: 160%;
+  font-weight: bold;
+  padding 8px 0;
 }
 
 body {
@@ -61,6 +36,14 @@ a {
   -webkit-transition: all .2s;
   transition: all .2s;
 }
+a {
+  color: #03899c;
+  text-decoration:none
+}
+a:hover, a:focus, footer a:hover, footer a:focus {
+  color: #ff7a00;
+  text-decoration:none
+}
 .navigation li {
   color: #888;
 }
@@ -68,7 +51,6 @@ a {
 html,
 body {
   font-family: "Quattrocento Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-  font-size: 1.0em;
   background-color: #fff;
 }
 ul,
@@ -79,24 +61,27 @@ ol {
 li {
   list-style-type: none;
 }
-#wrap {
-  position: relative;
-}
 ::-webkit-scrollbar {
   width: 8px;
   background-color: transparent;
 }
 ::-webkit-scrollbar-thumb {
-  background-color: gray;
+  background-color: transparent;
   border-radius: 4px;
 }
 .navigation {
-  position: fixed;
-  float: left;
-  width: 250px;
-  height: 100%;
+  margin-top:15px;
   background-color: #2a2a2a;
 }
+@media (max-width:768px) {
+  .navigation {
+      max-height:220px;
+    }
+    .navigation-list{
+      height:140px;
+    }
+}
+
 .navigation .applicationName {
   margin: 0;
   margin-top: 15px;
@@ -117,7 +102,7 @@ li {
   vertical-align: text-bottom;
 }
 .navigation .search {
-  padding: 10px 15px;
+  padding: 1rem;
 }
 .navigation .search input {
   background-color: #333;
@@ -136,21 +121,21 @@ li {
   border-bottom: 1px solid #333;
 }
 
-.navigation .glyphicon {
+.navigation .fa {
   margin-right: 3px;
   flex-shrink: 0;
 }
-.navigation .item .glyphicon:before {
+.navigation .item .fa:before {
   display: inline-block;
 }
-.navigation .item.toggle-manual .glyphicon:before {
+.navigation .item.toggle-manual .fa:before {
   transition: transform .1s;
 }
-.navigation .item-class.toggle-manual-show .glyphicon:before {
+.navigation .item-class.toggle-manual-show .fa:before {
   /* With 90deg the icon slightly slides left at transition end */
   transform: rotate(89.9deg);
 }
-.navigation .item-module.toggle-manual-show .glyphicon:before {
+.navigation .item-module.toggle-manual-show .fa:before {
   transform: rotate(45deg);
 }
 
@@ -239,8 +224,7 @@ li {
 }
 
 .main {
-  padding: 20px 20px;
-  margin-left: 250px;
+  padding: 1.5rem
 }
 .main .page-title {
   display: none;
@@ -257,7 +241,7 @@ li {
 }
 .main h3 {
   font-weight: bold;
-  font-size: 13px;
+  font-size: 1.3em;
   margin: 5px 0;
 }
 .main h4 {
@@ -274,12 +258,6 @@ li {
 .main h4.name span.type {
   margin-left: 10px;
 }
-.main h4.name span.glyphicon {
-  display: inline-block;
-  vertical-align: middle;
-  color: #c1c1c1;
-  margin-left: 7px;
-}
 .main h4.name span.returnType, .main h4.name span.type {
   margin-left: 3px;
   background-color: transparent!important;
@@ -302,7 +280,7 @@ span.type-signature.static {
   margin-right: 3px;
 }
 .main .subsection-title {
-  font-size: 15px;
+  font-size: 18px;
   margin-top: 30px;
   color: #1F6B75;
 }
@@ -344,7 +322,7 @@ span.type-signature.static {
   position: relative;
   margin-top: 20px;
   padding-top: 5px;
-  border-top: 1px solid #e1e1e1;
+  border-top: 2px solid #1F6B75;
 }
 .main .nameContainer .inherited {
   display: inline-block;
@@ -358,11 +336,13 @@ span.type-signature.static {
 .main .nameContainer .inherited a {
   color: #fff;
 }
-.main .nameContainer .tag-source {
-  position: absolute;
-  top: 17px;
-  right: 0;
-  font-size: 11px;
+@media (min-width: 768px) {
+  .main .nameContainer .tag-source {
+    position: absolute;
+    top: 0.2rem;
+    right: 0;
+    font-size: 0.8rem;
+  }
 }
 .main .nameContainer .tag-source a {
   color: gray;
@@ -381,7 +361,17 @@ span.type-signature.static {
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 .main pre {
-  font-size: 12px;
+  display: block;
+  padding: 0.6rem;
+  margin: 0 0 10px;
+  font-size: 0.8rem;
+  line-height: 1.428571429;
+  color: #333;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px;
 }
 .main table {
   width: 100%;
@@ -422,9 +412,11 @@ span.type-signature.static {
   color: gray;
 }
 .main .readme p {
+/*
   margin-top: 15px;
   line-height: 1.2;
   font-size: 0.9em;
+ */
 }
 .main .readme h1 {
   font-size: 1.7em;

config/jsdoc/api/template/static/styles/site.css

@@ -1,9 +1,7 @@
 /* Carbon adds (see https://sell.buysellads.com) */
 
 #ad {
-  margin-left: 1em;
-  float: right;
-  width: 330px;
+  padding:0.5rem;
   min-height: 125px;
 }
 
@@ -65,17 +63,3 @@
 #carbonads a.carbon-poweredby {
   color: #aaa;
 }
-
-/* Clear the float after the advertisement. */
-
-.container-overview {
-  clear: both;
-}
-
-pre.source {
-  clear: both;
-}
-
-section.content {
-  overflow-y: auto;
-}