From f97b2ef21a9940ec7a41c9116a79f9b2a36e0c1d Mon Sep 17 00:00:00 2001
From: Dirk Dougherty <ddougherty@google.com>
Date: Tue, 12 May 2015 21:23:05 -0700
Subject: [PATCH] Style and template updates to support responsive layout,
 mobile nav, email signup, updated styles (sync2).

Change-Id: I6e33dd10e1c9e8b378080464b4b70ac6b10df8b7
---
 .../templates-sdk/assets/css/default.css      | 1066 ++++++++---------
 .../templates-sdk/assets/images/sprite-2x.png |  Bin 5334 -> 6125 bytes
 .../templates-sdk/assets/images/sprite.png    |  Bin 2197 -> 2553 bytes
 .../droiddoc/templates-sdk/assets/js/docs.js  |  486 ++++++--
 tools/droiddoc/templates-sdk/class.cs         |    3 +-
 tools/droiddoc/templates-sdk/classes.cs       |    5 +-
 .../droiddoc/templates-sdk/customizations.cs  |  209 ++--
 tools/droiddoc/templates-sdk/docpage.cs       |    2 +-
 tools/droiddoc/templates-sdk/footer.cs        |  129 +-
 tools/droiddoc/templates-sdk/head_tag.cs      |    3 +-
 tools/droiddoc/templates-sdk/package.cs       |    3 +-
 tools/droiddoc/templates-sdk/packages.cs      |    3 +-
 tools/droiddoc/templates-sdk/sdkpage.cs       |    3 -
 13 files changed, 1055 insertions(+), 857 deletions(-)

diff --git a/tools/droiddoc/templates-sdk/assets/css/default.css b/tools/droiddoc/templates-sdk/assets/css/default.css
index a105834de8..71d15df22e 100644
--- a/tools/droiddoc/templates-sdk/assets/css/default.css
+++ b/tools/droiddoc/templates-sdk/assets/css/default.css
@@ -30,15 +30,16 @@ body {
   font: 14px/24px Roboto, sans-serif;
   font-weight: 400;
   letter-spacing:.1;
-  min-width: 940px;
-  padding:0 20px; }
-
-body.responsive {
-  min-width: 0;
+  padding:0 20px;
 }
 
 @media (max-width: 719px) {
-  body.responsive {
+  html {
+    /* Disable accidental horizontal overflow. */
+    overflow-x: hidden;
+  }
+
+  body {
     padding: 0 10px;
   }
 }
@@ -96,13 +97,8 @@ body.responsive {
 }
 
 #side-nav {
-  min-height:5px; /* silly way to avoid doc floating left when nav goes fixed */
-  margin-bottom:1px;
+  padding-top: 20px;
 }
-#devdoc-nav {
-  outline:none;
-  width:auto;
-  margin: 20px 0 0; }
 
 #devdoc-nav h2 {
   border:0;
@@ -114,12 +110,14 @@ body.responsive {
   top: 84px; /* sticky-header height + 20px gutter */
 }
 
-@media (max-width: 719px) {
-  .responsive #devdoc-nav {
-    /* hide it temporarily, so responsive content can be tested. */
-    /* Need to implement a more future proof solution for responsive navigation */
-    display: none;
-  }
+.dac-devdoc-toggle {
+  cursor: pointer;
+  padding: 8px 0;
+}
+
+.scroll-pane {
+  /* Match height of fixed parent. */
+  height: 100%;
 }
 
 #content {
@@ -284,20 +282,23 @@ pre strong, pre b, a strong, a b, a code {
 }
 pre, code {
   color: #060;
-  font: 13px/18px 'Courier New', monospace;
+  font: 13px/18px Consolas, "Liberation Mono", Menlo, Courier, monospace;
   -webkit-font-smoothing: subpixel-antialiased;
   -moz-osx-font-smoothing: auto;
 }
+code {
+  background-color: #f7f7f7;
+  padding: 3px 5px;
+}
 
 legend {
   display: none;
 }
-a:link, a:visited, .link-color {
-  color: #0ae;
+a, .link-color {
+  color: #039BE5;
   text-decoration: none;
 }
 a:focus, a:hover, a:active {
-  color: #0ae;
   text-decoration: none;
 }
 a.white {
@@ -340,14 +341,6 @@ tr:first-of-type th:first-of-type:empty {
   visibility: hidden;
 }
 
-a:hover,
-acronym:hover {
-  color: #7aa1b0; }
-
-a:focus,
-a:active {
-  color: #33b5e5; }
-
 a.external-link {
   background:url('../images/styles/open_new_page.png') no-repeat 100% 50%;
   padding-right:16px;
@@ -498,12 +491,12 @@ video.with-shadow {
     position: relative;
     margin-bottom: 1px;
     padding: 0 30px 0 0; }
-  #nav li.selected a, #nav li.selected > .nav-section-header > a {
-    color: #09C;
+  #nav li.selected a {
+    color: #039BE5;
   }
   #nav li.selected ul li a {
   /* don't highlight child items */
-    color: #555555; }
+    color: #505050; }
   #nav .nav-section .nav-section .nav-section-header {
     /* no white line between second level sections */
     margin-bottom: 0; }
@@ -702,10 +695,6 @@ a.back-link {
       height: 10px;
       display: inline-block;
       margin-right: 5px; }
-    .training-nav-top .next-page-link,
-    .training-nav-top .start-class-link,
-    .training-nav-top .start-course-link {
-    right: 10px; }
     .paging-links .prev-page-link {
       left: -15px; }
     .paging-links .next-page-link {
@@ -766,10 +755,7 @@ a.back-link {
   }
 
   .training-nav-top a.start-class-link,
-  .training-nav-top a.start-course-link {
-    width:262px;
-  }
-
+  .training-nav-top a.start-course-link,
   .paging-links a.start-class-link {
     width:100%;
   }
@@ -886,8 +872,8 @@ a.back-link {
   }
   
   @media (max-width: 719px) {
-    .responsive ol.class-list ol,
-    .responsive ol.class-list .description {
+    ol.class-list ol,
+    ol.class-list .description {
       float: none;
       margin: 16px;
       padding: 0;
@@ -938,7 +924,7 @@ ul#title-tabs li a {
 }
 ul#title-tabs li a:hover,
 ul#title-tabs li a:active {
-  color:#93C !important;
+  color:#039BE5 !important;
 }
 
 
@@ -1514,189 +1500,6 @@ color-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00));
    ========================================================================== */
 @media screen, projection, print {
 
-/* --------------------------------------------------------------------------
-Buttons
-*/
-.button, a.button, .button-secondary, a.button-secondary {
-  border-image: initial;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
-    cursor: pointer;
-}
-.button, a.button {
-    display:inline-block;
-    background-color: #09c;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#2faddb), to(#09c));
-    background-image: -webkit-linear-gradient(top, #2faddb, #09c);
-    background-image: -moz-linear-gradient(top, #2faddb, #09c);
-    background-image: -ms-linear-gradient(top, #2faddb, #09c);
-    background-image: -o-linear-gradient(top, #2faddb, #09c);
-    background-image: linear-gradient(top, #2faddb, #09c);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#0099cc',GradientType=0);
-    border: 1px solid #3990ab;
-    color: #fff;
-}
-.button-secondary, a.button-secondary {
-    background-color: #f3f3f3;
-    border: 1px solid #dcdcdc;
-    color: #444;
-}
-a.button, a.button:visited, a.button-secondary, a.button-secondary:visited {
-    margin-right: 16px;
-   font-weight: 400;
-    min-width: 54px;
-    outline: 0;
-    padding: 8px 15px;
-    text-align: center;
-}
-.button, .button-secondary {
-    margin-right: 16px;
-  font-weight: 400;
-    min-width: 54px;
-    outline: 0;
-    padding: 0 15px;
-    text-align: center;
-}
-.button:hover, a.button:hover {
-    border-color: #09c;
-    background-color: #4cadcb;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbcd9), to(#4cadcb));
-    background-image: -webkit-linear-gradient(top, #5dbcd9, #4cadcb);
-    background-image: -moz-linear-gradient(top, #5dbcd9, #4cadcb);
-    background-image: -ms-linear-gradient(top, #5dbcd9, #4cadcb);
-    background-image: -o-linear-gradient(top, #5dbcd9, #4cadcb);
-    background-image: linear-gradient(top, #5dbcd9, #4cadcb);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9',
-EndColorStr='#4cadcb',GradientType=0);
-    color: #fff !important;
-}
-.button:active, a.button:active {
-    background-color: #1e799a;
-    background-image: none;
-    border-color: #30b7e6;
-}
-a.button.big.subtitle {
-  line-height:18px;
-}
-.button-secondary:hover, a.button-secondary:hover {
-    border-color: #dbdbdb;
-    background-color: #f3f3f3;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec));
-    background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: -moz-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: -ms-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: -o-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: linear-gradient(top, #f9f9f9, #ececec);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',
-EndColorStr='#ececec');
-    color: #33B5E5 !important;
-}
-.button-secondary:active, a.button-secondary:active {
-   border-color: #dadada;
-  background: #ebebeb; /* Old browsers */
-  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
-  background:
-url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/
-Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv
-eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+
-CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIg
-eDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJl
-YiIgc3RvcC1vcGFjaXR5PSIxIi8+
-CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+
-CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+
-CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+
-CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFy
-R3JhZGllbnQ+
-CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIg
-Lz4KPC9zdmc+);
-  background: -moz-linear-gradient(top,  #ebebeb 0%, #f9f9f9 5%, #fafafa 50%, #f9f9f9 90%,
-#ffffff 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb),
-color-stop(5%,#f9f9f9), color-stop(50%,#fafafa), color-stop(90%,#f9f9f9), color-stop(100%,#ffffff));
-/* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top,  #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9
-90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top,  #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff
-100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top,  #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff
-100%); /* IE10+ */
-  background: linear-gradient(top,  #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff
-100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb',
-endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
-  -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
-  -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
-  box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
-  color: #0ae !important;
-}
-.button.big {
-  font-size:20px;
-  display:inline-block;
-}
-.button.big span.small {
-  font-size:14px;
-}
-.button-caption {
-  margin-top:10px;
-  font-size:12px;
-  font-style:italic;
-}
-
-.button.disabled,
-.button.disabled:hover,
-.button.disabled:active {
-  background:#ebebeb;
-  color:#999 !important;
-  border-color:#999;
-  cursor:default;
-}
-
-.training-nav-top a.button-secondary,
-.training-nav-bottom a.button-secondary {
-  display:block;
-  float:left;
-  margin:0;
-  width:130px;
-  text-transform:uppercase;
-  font-weight:bold;
-
-    background-color: #f3f3f3;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec));
-    background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: -moz-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: -ms-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: -o-linear-gradient(top, #f9f9f9, #ececec);
-    background-image: linear-gradient(top, #f9f9f9, #ececec);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',
-EndColorStr='#ececec');
-    color: #33B5E5;
-}
-
-.training-nav-top a.button-secondary:hover,
-.training-nav-bottom a.button-secondary:hover {
-    background-color: #09c;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#2faddb), to(#09c));
-    background-image: -webkit-linear-gradient(top, #2faddb, #09c);
-    background-image: -moz-linear-gradient(top, #2faddb, #09c);
-    background-image: -ms-linear-gradient(top, #2faddb, #09c);
-    background-image: -o-linear-gradient(top, #2faddb, #09c);
-    background-image: linear-gradient(top, #2faddb, #09c);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#09c');
-    border: 1px solid #3990ab;
-    color: #fff !important;
-}
-
-.training-nav-top a.button-secondary.last,
-.training-nav-bottom a.button-secondary.last {
-  border-left:0;
-}
-
-.training-nav-top a.button-secondary.double-size,
-.training-nav-bottom a.button-secondary.double-size {
-  width:291px;
-}
-
 .training-nav-top {
   border:1px solid #e5e5e5;
   border-width: 1px 1px 0;
@@ -1707,24 +1510,6 @@ EndColorStr='#ececec');
   width: 280px;
 }
 
-@media (max-width: 719px) {
-  .responsive .training-nav-top {
-    left: 0;
-    width: auto;
-  }
-  
-  .responsive #tb-wrapper {
-    clear: none;
-    float: none;
-    margin-left: 0;
-  }
-  
-  .responsive #tb {
-    float: none;
-    width: auto;
-  }
-}
-
 .training-nav-bottom {
   float:right;
   margin:0 0 0 20px;
@@ -1748,6 +1533,7 @@ EndColorStr='#ececec');
   border: 1px solid #e5e5e5;
   box-sizing: border-box;
   float: right;
+  line-height: 16px;
   padding: 5px 0;
   width: 240px;
 }
@@ -1784,6 +1570,28 @@ EndColorStr='#ececec');
   margin:4px 4px 10px;
 }
 
+@media (max-width: 719px) {
+  .training-nav-top {
+    left: 0;
+    width: auto;
+  }
+
+  #tb-wrapper {
+    clear: none;
+    float: none;
+    margin-left: 0;
+  }
+
+  #tb {
+    float: none;
+    width: auto;
+  }
+
+  #qv-wrapper {
+    display: none;
+  }
+}
+
 
 /* Dev guide quicknav */
 
@@ -1830,7 +1638,7 @@ EndColorStr='#ececec');
 
 #tb li,
 #qv li {
-  margin: 4px 0;
+  margin: 8px 0;
   padding: 0 0 0 16px;
   position: relative;
 }
@@ -2174,16 +1982,11 @@ a:visited,
 
 
 /* nav tree */
-#side-nav, #swapper,
-#nav-tree, #tree-list {
+#swapper, #nav-tree, #tree-list {
   overflow:hidden;
   margin-left:0;
 }
 
-#devdoc-nav {
-  overflow:visible !important; /* To keep the "to top" button visible */
-}
-
 #nav-tree ul {
   list-style:none;
   padding:0;
@@ -2713,9 +2516,9 @@ div.figure-left {
 
 @media (max-width: 719px) {
   /* Collapse on mobile. */
-  .responsive div.figure,
-  .responsive div.figure-right,
-  .responsive div.figure-left {
+  div.figure,
+  div.figure-right,
+  div.figure-left {
     float: none;
     clear: none;
     padding: 0;
@@ -3617,7 +3420,7 @@ ul.search_filtered {
 }
 .search_filtered .jd-selected,
 .search_filtered .jd-selected a {
-    color:#09C !important;
+    color:#039BE5 !important;
 }
 
 .no-display {
@@ -3840,7 +3643,7 @@ td.gsc-search-button {
 #searchResults .gsc-tabHeader.gsc-tabhInactive,
 #searchResults .gsc-cursor-page {
   text-decoration:none;
-  color:#0ae;
+  color:#039BE5;
   border: solid 1px #DADADA;
 }
 
@@ -4645,7 +4448,7 @@ a.download-sdk {
 }
 
 .landing-docs .normal-links a {
-  color:#0ae !important;
+  color:#039BE5 !important;
 }
 
 .plusone {
@@ -4752,7 +4555,7 @@ a.download-sdk {
   float: left;
   width: 100%;
   text-align: center;
-  color: #09c !important;
+  color: #039BE5 !important;
 }
 .home-sections ul li a {
   font-weight: bold;
@@ -4921,7 +4724,7 @@ a.download-sdk {
 }
 
 @media (max-width: 719px) {
-  .responsive .landing-section {
+  .landing-section {
     margin-left: -10px;
     margin-right: -10px;
     padding-left: 10px;
@@ -5038,56 +4841,6 @@ a.download-sdk {
   line-height: 24px;
 }
 
-.landing-button {
-  white-space: nowrap;
-  display: inline-block;
-  padding: 16px 32px;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 24px;
-  cursor: pointer;
-  color: white;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-       -o-user-select: none;
-  user-select: none;
-  -webkit-transition: .2s background-color ease-in-out;
-     -moz-transition: .2s background-color ease-in-out;
-       -o-transition: .2s background-color ease-in-out;
-  transition: .2s background-color ease-in-out;
-}
-
-.landing-primary {
-  background-color: hsl(8, 70%, 44%);
-  color: #f8f8f8;
-}
-
-.landing-button.landing-primary:hover {
-  background-color: hsl(8, 70%, 36%);
-}
-
-.landing-button.landing-primary:active {
-  background-color: hsl(8, 70%, 30%);
-}
-
-.landing-button.landing-secondary {
-  background-color: #2faddb;
-}
-
-.landing-button.landing-secondary:hover {
-  background-color: #09c;
-}
-
-.landing-button.landing-secondary:active {
-  background-color: #3990ab;
-}
-
-a.landing-button,
-a.landing-button:hover,
-a.landing-button:visited {
-  color: white !important;
-}
-
 .landing-video-link {
   white-space: nowrap;
   display: inline-block;
@@ -5517,26 +5270,26 @@ Styles for d.a.c/index:
   display: inline-block;
 }
 
-.actions-bar a {
+.actions-bar .actions a {
   font-size: 24px;
   line-height: 50px;
   color: #fff;
   font-weight: 300;
 }
 
-.actions-bar .dac-sprite {
+.actions-bar .actions .dac-sprite {
   margin: 0 -6px 0 -12px;
   -webkit-transition: all 190ms ease-out;
   transition: all 190ms ease-out;
 }
 
-.actions-bar a:hover .dac-sprite {
+.actions-bar .actions a:hover .dac-sprite {
 
   transform: translateX(5px);
 }
 
 @media (max-width: 719px) {
-  .responsive .actions-bar .actions > div {
+  .actions-bar .actions > div {
     display: block;
   }
 }
@@ -5709,59 +5462,63 @@ a.home-new-cta-btn:hover,
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-hidden-mobile {
+  .dac-hidden-mobile {
     display: none !important;
   }
 
-  .responsive .dac-visible-mobile-block, .responsive .dac-mobile-only {
+  .dac-visible-mobile-block, .dac-mobile-only {
     display: block !important;
   }
 
-  .responsive .dac-visible-mobile-inline {
+  .dac-visible-mobile-inline {
     display: inline !important;
   }
 
-  .responsive .dac-visible-mobile-inline-block {
+  .dac-visible-mobile-inline-block {
     display: inline-block !important;
   }
 }
 
 @media (min-width: 720px) and (max-width: 979px) {
-  .responsive .dac-hidden-tablet {
+  .dac-hidden-tablet {
     display: none !important;
   }
 
-  .responsive .dac-visible-tablet-block {
+  .dac-visible-tablet-block {
     display: block !important;
   }
 
-  .responsive .dac-visible-tablet-inline {
+  .dac-visible-tablet-inline {
     display: inline !important;
   }
 
-  .responsive .dac-visible-tablet-inline-block {
+  .dac-visible-tablet-inline-block {
     display: inline-block !important;
   }
 }
 
 @media (min-width: 980px) {
-  .responsive .dac-hidden-desktop {
+  .dac-hidden-desktop {
     display: none !important;
   }
 
-  .responsive .dac-visible-desktop-block {
+  .dac-visible-desktop-block {
     display: block !important;
   }
 
-  .responsive .dac-visible-desktop-inline {
+  .dac-visible-desktop-inline {
     display: inline !important;
   }
 
-  .responsive .dac-visible-desktop-inline-block {
+  .dac-visible-desktop-inline-block {
     display: inline-block !important;
   }
 }
 
+.dac-offset-parent {
+  position: relative !important;
+}
+
 /* New CSS */
 /************ RESOURCE CARDS ******************/
 /* Basic card-styling with shadow */
@@ -5846,7 +5603,7 @@ a.home-new-cta-btn:hover,
   color: #898989;
   font-size: 11px;
   font-weight: 700;
-  letter-spacing: 0.77px;
+  letter-spacing: .3px;
   line-height: 20px;
   text-transform: uppercase;
 }
@@ -6546,28 +6303,94 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   border-top-color: #7e3794 !important;
 }
 
-.dac-fab {
-  background: #fff;
-  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.21);
+.dac-fab, .button, .landing-button, .dac-button {
+  background: transparent;
+  border: 0;
   box-sizing: border-box;
-  border-radius: 50%;
-  border: none;
+  color: currentColor;
   cursor: pointer;
   display: inline-block;
+  font-weight: 500;
+  font-size: 14px;
+  font-style: inherit;
+  font-variant: inherit;
+  font-family: inherit;
+  letter-spacing: .5px;
+  line-height: 24px;
+  margin: 6px 16px 6px 0;
+  min-width: 88px;
+  outline: 0;
+  padding: 6px 12px;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+  -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.button, .landing-button, .dac-button.dac-raised {
+  background-color: #FAFAFA;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+}
+
+.dac-button.dac-raised.dac-primary, .landing-secondary, .button {
+  background-color: #039bef;
+}
+
+.dac-button.dac-raised.dac-primary:hover, .landing-secondary:hover, .button:hover {
+  background-color: #0288d1;
+}
+
+.dac-button.dac-raised.dac-primary:active, .landing-secondary:active, .button:active {
+  background-color: #0277bd;
+}
+
+.dac-button.dac-raised.dac-red, .landing-primary {
+  background-color: #bf3722;
+}
+
+.dac-button.dac-raised.dac-red:hover, .landing-primary:hover {
+  background-color: #9c2d1c;
+}
+
+.dac-button.dac-raised.dac-red:active, .landing-primary:active {
+  background-color: #822517;
+}
+
+.dac-button.dac-raised.dac-green, .landing-button.green {
+  background-color: #90C653;
+}
+
+.dac-button.dac-raised.dac-primary, .landing-secondary, .button, .dac-button.dac-raised.dac-red, .landing-primary, .dac-button.dac-raised.dac-green, .landing-button.green {
+  color: #fff;
+}
+
+.dac-button.dac-large, .landing-button {
+  padding: 12px 24px;
+}
+
+.dac-fab {
+  background: #fff;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+  border-radius: 50%;
   font-size: 0;
   height: 36px;
   line-height: 36px;
-  outline: 0;
+  min-width: 0;
+  overflow: hidden;
   padding: 0;
-  text-align: center;
-  -webkit-transition: box-shadow .3s;
-  transition: box-shadow .3s;
   vertical-align: middle;
   width: 36px;
 }
 
 .dac-fab:hover, a:hover > .dac-fab {
-  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
 }
 
 .dac-fab.dac-primary {
@@ -6580,12 +6403,33 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   width: 54px;
 }
 
+.dac-scroll-button {
+  height: 54px;
+  line-height: 54px;
+  margin: 0;
+  position: absolute;
+  right: 0;
+  top: -27px;
+  width: 54px;
+  z-index: 1;
+}
+
+@media (max-width: 719px) {
+  .dac-scroll-button {
+    display: none;
+  }
+}
+
 /* Footer component */
 .dac-footer {
+  background-color: #fff;
   border-top: 1px solid #f9f9f9;
+  clear: both;
   color: #999;
   font-size: 12px;
+  margin-top: 40px;
   padding-bottom: 20px;
+  position: relative;
 }
 
 .dac-footer a {
@@ -6605,11 +6449,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 .dac-footer-contact, .dac-footer-social {
-  display: inline;
-}
-
-.dac-footer-social-link + .dac-footer-social-link {
-  margin-left: 8px;
+  display: inline-block;
 }
 
 .dac-footer a.dac-footer-getnews, .dac-footer a.dac-footer-contact-link {
@@ -6617,7 +6457,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   cursor: pointer;
   font-size: 20px;
   font-weight: 300;
-  margin-right: 24px;
+  margin: 0 8px;
   vertical-align: middle;
 }
 
@@ -6643,9 +6483,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 
 .dac-footer .locales select {
   background-color: #f9f9f9;
-  border: none;
   border-radius: 0;
-  color: #999;
   font-size: 12px;
   height: auto;
   margin-top: -2px;
@@ -6653,20 +6491,20 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-footer-reachout {
+  .dac-footer-reachout {
     text-align: left;
   }
 
-  .responsive .dac-footer-social {
+  .dac-footer-social {
     display: block;
   }
 
-  .responsive .dac-footer-social-link, .responsive .dac-footer-contact-link {
+  .dac-footer-social-link, .dac-footer-contact-link {
     display: inline-block;
     margin-top: 20px;
   }
 
-  .responsive .dac-footer .locales {
+  .dac-footer .locales {
     display: block;
     float: none;
     margin-top: 15px;
@@ -7265,131 +7103,131 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 960px) and (min-width: 720px) {
-  .responsive .col-tablet-1of1, .responsive .col-tablet-2of2, .responsive .col-tablet-3of3, .responsive .col-tablet-4of4, .responsive .col-tablet-5of5, .responsive .col-tablet-6of6, .responsive .col-tablet-8of8, .responsive .col-tablet-10of10, .responsive .col-tablet-12of12, .responsive .col-tablet-16of16 {
+  .col-tablet-1of1, .col-tablet-2of2, .col-tablet-3of3, .col-tablet-4of4, .col-tablet-5of5, .col-tablet-6of6, .col-tablet-8of8, .col-tablet-10of10, .col-tablet-12of12, .col-tablet-16of16 {
     width: 100%;
   }
 
-  .responsive .col-tablet-1of2, .responsive .col-tablet-2of4, .responsive .col-tablet-3of6, .responsive .col-tablet-4of8, .responsive .col-tablet-5of10, .responsive .col-tablet-6of12, .responsive .col-tablet-8of16 {
+  .col-tablet-1of2, .col-tablet-2of4, .col-tablet-3of6, .col-tablet-4of8, .col-tablet-5of10, .col-tablet-6of12, .col-tablet-8of16 {
     width: 50%;
   }
 
-  .responsive .col-tablet-1of3, .responsive .col-tablet-2of6, .responsive .col-tablet-4of12 {
+  .col-tablet-1of3, .col-tablet-2of6, .col-tablet-4of12 {
     width: 33.33333333%;
   }
 
-  .responsive .col-tablet-2of3, .responsive .col-tablet-4of6, .responsive .col-tablet-8of12 {
+  .col-tablet-2of3, .col-tablet-4of6, .col-tablet-8of12 {
     width: 66.66666667%;
   }
 
-  .responsive .col-tablet-1of4, .responsive .col-tablet-2of8, .responsive .col-tablet-3of12, .responsive .col-tablet-4of16 {
+  .col-tablet-1of4, .col-tablet-2of8, .col-tablet-3of12, .col-tablet-4of16 {
     width: 25%;
   }
 
-  .responsive .col-tablet-3of4, .responsive .col-tablet-6of8, .responsive .col-tablet-9of12, .responsive .col-tablet-12of16 {
+  .col-tablet-3of4, .col-tablet-6of8, .col-tablet-9of12, .col-tablet-12of16 {
     width: 75%;
   }
 
-  .responsive .col-tablet-1of5, .responsive .col-tablet-2of10 {
+  .col-tablet-1of5, .col-tablet-2of10 {
     width: 20%;
   }
 
-  .responsive .col-tablet-2of5, .responsive .col-tablet-4of10 {
+  .col-tablet-2of5, .col-tablet-4of10 {
     width: 40%;
   }
 
-  .responsive .col-tablet-3of5, .responsive .col-tablet-6of10 {
+  .col-tablet-3of5, .col-tablet-6of10 {
     width: 60%;
   }
 
-  .responsive .col-tablet-4of5, .responsive .col-tablet-8of10 {
+  .col-tablet-4of5, .col-tablet-8of10 {
     width: 80%;
   }
 
-  .responsive .col-tablet-1of6, .responsive .col-tablet-2of12 {
+  .col-tablet-1of6, .col-tablet-2of12 {
     width: 16.66666667%;
   }
 
-  .responsive .col-tablet-5of6, .responsive .col-tablet-10of12 {
+  .col-tablet-5of6, .col-tablet-10of12 {
     width: 83.33333333%;
   }
 
-  .responsive .col-tablet-1of8, .responsive .col-tablet-2of16 {
+  .col-tablet-1of8, .col-tablet-2of16 {
     width: 12.5%;
   }
 
-  .responsive .col-tablet-3of8, .responsive .col-tablet-6of16 {
+  .col-tablet-3of8, .col-tablet-6of16 {
     width: 37.5%;
   }
 
-  .responsive .col-tablet-5of8, .responsive .col-tablet-10of16 {
+  .col-tablet-5of8, .col-tablet-10of16 {
     width: 62.5%;
   }
 
-  .responsive .col-tablet-7of8, .responsive .col-tablet-14of16 {
+  .col-tablet-7of8, .col-tablet-14of16 {
     width: 87.5%;
   }
 
-  .responsive .col-tablet-1of10 {
+  .col-tablet-1of10 {
     width: 10%;
   }
 
-  .responsive .col-tablet-3of10 {
+  .col-tablet-3of10 {
     width: 30%;
   }
 
-  .responsive .col-tablet-7of10 {
+  .col-tablet-7of10 {
     width: 70%;
   }
 
-  .responsive .col-tablet-9of10 {
+  .col-tablet-9of10 {
     width: 90%;
   }
 
-  .responsive .col-tablet-1of12 {
+  .col-tablet-1of12 {
     width: 8.33333333%;
   }
 
-  .responsive .col-tablet-5of12 {
+  .col-tablet-5of12 {
     width: 41.66666667%;
   }
 
-  .responsive .col-tablet-7of12 {
+  .col-tablet-7of12 {
     width: 58.33333333%;
   }
 
-  .responsive .col-tablet-11of12 {
+  .col-tablet-11of12 {
     width: 91.66666667%;
   }
 
-  .responsive .col-tablet-1of16 {
+  .col-tablet-1of16 {
     width: 6.25%;
   }
 
-  .responsive .col-tablet-3of16 {
+  .col-tablet-3of16 {
     width: 18.75%;
   }
 
-  .responsive .col-tablet-5of16 {
+  .col-tablet-5of16 {
     width: 31.25%;
   }
 
-  .responsive .col-tablet-7of16 {
+  .col-tablet-7of16 {
     width: 43.75%;
   }
 
-  .responsive .col-tablet-9of16 {
+  .col-tablet-9of16 {
     width: 56.25%;
   }
 
-  .responsive .col-tablet-11of16 {
+  .col-tablet-11of16 {
     width: 68.75%;
   }
 
-  .responsive .col-tablet-13of16 {
+  .col-tablet-13of16 {
     width: 81.25%;
   }
 
-  .responsive .col-tablet-15of16 {
+  .col-tablet-15of16 {
     width: 93.75%;
   }
 }
@@ -7399,7 +7237,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive [class*=col-] {
+  [class*=col-] {
     float: none;
     left: 0;
     width: auto;
@@ -7413,6 +7251,12 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   margin: 0 -20px;
 }
 
+@media (max-width: 719px) {
+  .dac-header {
+    margin: 0 -10px;
+  }
+}
+
 .about .dac-header, .distribute .dac-header, .develop .dac-header {
   height: 128px;
 }
@@ -7422,6 +7266,10 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
   box-sizing: border-box;
   height: 64px;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 52;
 }
 
 .dac-header.dac-sub .dac-header-inner {
@@ -7430,13 +7278,9 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 .dac-header.is-sticky .dac-header-inner {
-  left: 0;
   position: fixed;
-  top: 0;
-  right: 0;
   -webkit-animation: .3s dac-header-show;
   animation: .3s dac-header-show;
-  z-index: 52;
 }
 
 .dac-header-logo {
@@ -7488,23 +7332,27 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-header {
-    height: 64px;
+  .dac-header {
+    height: 64px !important;
     text-align: center;
   }
 
-  .responsive .dac-header-logo {
+  .dac-header-inner {
+    position: fixed;
+  }
+
+  .dac-header-logo {
     border-right: 0;
     display: inline-block;
     margin-right: 0;
     float: none;
   }
 
-  .responsive .dac-header.dac-sub {
+  .dac-header.dac-sub {
     display: none;
   }
 
-  .responsive .dac-header-consoleBtn {
+  .dac-header-consoleBtn {
     display: none;
   }
 }
@@ -7591,7 +7439,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-header-crumbs {
+  .dac-header-crumbs {
     display: none;
   }
 }
@@ -7687,7 +7535,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-header-search {
+  .dac-header-search {
     position: absolute;
     left: calc(100% - 64px);
     right: 0;
@@ -7695,7 +7543,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
     width: auto;
   }
 
-  .responsive .dac-header-search:hover, .responsive .dac-header-search.active {
+  .dac-header-search:hover, .dac-header-search.active {
     left: 64px;
     width: auto;
   }
@@ -7806,7 +7654,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (min-width: 720px) and (max-width: 979px) {
-  .responsive .dac-nav-secondary .dac-nav-link {
+  .dac-nav-secondary .dac-nav-link {
     padding-left: 8px;
     padding-right: 8px;
   }
@@ -7822,11 +7670,11 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive.dac-nav-open {
+  .dac-nav-open {
     overflow: hidden;
   }
 
-  .responsive .dac-nav-toggle {
+  .dac-nav-toggle {
     border-right: 1px solid #e5e5e5;
     display: inline-block;
     position: absolute;
@@ -7836,28 +7684,24 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
     width: 64px;
   }
 
-  .responsive .dac-nav-head, .responsive .dac-nav-secondary, .responsive .dac-nav-dimmer {
+  .dac-nav-head, .dac-nav-secondary, .dac-nav-dimmer {
     display: block;
   }
 
-  .responsive .dac-nav-dimmer.dac-nav-open {
+  .dac-nav-dimmer.dac-nav-open {
     opacity: .8;
     -webkit-transition-delay: 0s;
     transition-delay: 0s;
     visibility: visible;
   }
 
-  .responsive .dac-nav-list {
+  .dac-nav-list {
     background: #fff;
-    left: auto;
-    padding: 0 0 20px 0;
-    position: static;
-  }
-
-  .responsive .dac-nav-list {
     bottom: 0;
+    left: auto;
     max-width: 280px;
     overflow-y: auto;
+    padding: 0 0 20px 0;
     position: fixed;
     right: 100%;
     top: 0;
@@ -7867,22 +7711,22 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
     z-index: 52;
   }
 
-  .responsive .dac-nav-list.dac-nav-open {
+  .dac-nav-list.dac-nav-open {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
   }
 
-  .responsive .dac-nav-secondary {
+  .dac-nav-secondary {
     border: none;
     position: static;
     width: 100%;
   }
 
-  .responsive .dac-nav-item {
+  .dac-nav-item {
     float: none;
   }
 
-  .responsive .dac-nav-link {
+  .dac-nav-link {
     display: block;
     font-size: 12px;
     font-weight: 600;
@@ -7890,26 +7734,28 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
     padding: 0 20px;
   }
 
-  .responsive .dac-nav-link.selected {
+  .dac-nav-link.selected {
     color: #09f;
   }
 
-  .responsive .dac-nav-secondary .dac-nav-link {
+  .dac-nav-secondary .dac-nav-link {
     font-weight: 400;
     margin-left: 20px;
     margin-right: 20px;
+    padding: 0 20px;
   }
 
-  .responsive .dac-nav-link.has-subnav, .responsive .dac-nav-link.selected {
+  .dac-nav-link.has-subnav, .dac-nav-link.selected {
     border: none;
+    padding: 0 20px;
   }
 
-  .responsive .dac-logo-image {
+  .dac-logo-image {
     margin-right: 5px;
     vertical-align: top;
   }
 
-  .responsive .dac-nav-logo {
+  .dac-nav-logo {
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
     font-size: 20px;
     font-weight: 300;
@@ -7918,7 +7764,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
     padding: 14px 24px;
   }
 
-  .responsive .dac-nav-logo:link, .responsive .dac-nav-logo:visited, .responsive .dac-nav-logo:hover, .responsive .dac-nav-logo:active {
+  .dac-nav-logo:link, .dac-nav-logo:visited, .dac-nav-logo:hover, .dac-nav-logo:active {
     color: #444;
   }
 }
@@ -7966,7 +7812,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   box-sizing: border-box;
   font-size: 16px;
   min-height: 550px;
-  padding-top: 120px;
+  padding-top: 88px;
 }
 
 .dac-hero.dac-darken:before {
@@ -7985,7 +7831,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-hero {
+  .dac-hero {
     padding-bottom: 20px;
     padding-top: 20px;
   }
@@ -8011,10 +7857,13 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   display: inline-block;
   line-height: 40px;
   margin-right: 20px;
+  -webkit-transition: opacity .3s;
+  transition: opacity .3s;
 }
 
 .dac-hero-cta:hover {
   color: currentColor;
+  opacity: .54;
 }
 
 .dac-hero-cta .dac-sprite {
@@ -8070,7 +7919,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-hero-carousel-pagination {
+  .dac-hero-carousel-pagination {
     text-align: right;
     bottom: 20px;
   }
@@ -8114,6 +7963,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 
 /* Form component */
 .dac-form {
+  color: #505050;
   font-size: 16px;
   /* Modal Responsive */
 }
@@ -8138,8 +7988,9 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 
 .dac-form-legend {
   display: block;
+  color: #333;
   font-weight: 500;
-  margin: 20px 0;
+  margin: 20px 0 12px;
   padding: 0;
   width: 100%;
 }
@@ -8154,7 +8005,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   border-bottom-width: 1px;
   display: block;
   outline: 0;
-  padding: 8px 0;
+  padding: 1px 0 8px;
   -webkit-transition: border-color .2s;
   transition: border-color .2s;
   width: 100%;
@@ -8177,23 +8028,27 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 
 .dac-form-floatlabel {
   display: block;
+  cursor: text;
   margin-top: 5px;
+  pointer-events: none;
   -webkit-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   transform-origin: 0 100%;
-  -webkit-transform: translate3d(0, 30px, 0) scale(1);
-  transform: translate3d(0, 30px, 0) scale(1);
+  -webkit-transform: translate3d(0, 22px, 0) scale(1);
+  transform: translate3d(0, 22px, 0) scale(1);
   -webkit-transition: -webkit-transform .2s;
   transition: transform .2s;
 }
 
 .dac-focused > .dac-form-floatlabel, .dac-has-value > .dac-form-floatlabel {
+  cursor: default;
   -webkit-transform: translate3d(0, 0, 0) scale(.75);
   transform: translate3d(0, 0, 0) scale(.75);
 }
 
 .dac-form-radio, .dac-form-checkbox {
-  display: none;
+  opacity: 0;
+  position: absolute;
 }
 
 .dac-form-radio-group, .dac-form-checkbox-group {
@@ -8230,13 +8085,17 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   transition: transform .3s;
 }
 
+.dac-form-radio-button::after, .dac-form-checkbox-button::after {
+  border: 2px solid rgba(0, 0, 0, 0.7);
+}
+
 .dac-form-radio:checked + .dac-form-radio-button::before, .dac-form-checkbox:checked + .dac-form-checkbox-button::before {
   -webkit-transform: translateZ(0) scale(.5);
   transform: translateZ(0) scale(.5);
 }
 
-.dac-form-radio-button::after, .dac-form-checkbox-button::after {
-  border: 2px solid rgba(0, 0, 0, 0.7);
+.dac-form-radio:focus + .dac-form-radio-button::after, .dac-form-checkbox:focus + .dac-form-checkbox-button::after {
+  border: 2px solid #09f;
 }
 
 .dac-form-checkbox-button::after, .dac-form-checkbox-button::before {
@@ -8244,7 +8103,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-form-legend {
+  .dac-form-legend {
     margin-bottom: 0;
   }
 }
@@ -8290,44 +8149,76 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 
 /* Modal component */
 .dac-modal {
-  /* Modal dimmer */
-  /* Modal Header */
-  /* Modal window */
-  /* Modal Action button */
-  /* Modal Footer */
-  /* Modal Responsive */
+  background: rgba(0, 0, 0, 0.8);
+  bottom: 0;
+  left: 0;
+  opacity: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: fixed;
+  right: 0;
+  top: 0;
+  -webkit-transition: visibility 0s linear .3s, opacity .3s linear;
+  transition: visibility 0s linear .3s, opacity .3s linear;
+  visibility: hidden;
+  z-index: 52;
+}
+
+.dac-modal.dac-active {
+  opacity: 1;
+  -webkit-transition-delay: 0s;
+  transition-delay: 0s;
+  visibility: visible;
 }
 
 .dac-modal-open {
   overflow: hidden;
 }
 
-.dac-modal-dimmer {
-  background: #000;
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: fixed;
-  top: 0;
-  -webkit-transform: translateZ(0);
-  transform: translateZ(0);
-  -webkit-transition: visibility 0s linear .3s, opacity .3s linear;
-  transition: visibility 0s linear .3s, opacity .3s linear;
-  visibility: hidden;
+.dac-modal-container {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4));
+  filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4));
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  min-height: 100%;
   width: 100%;
-  z-index: 51;
 }
 
-.dac-modal-dimmer.dac-active {
-  opacity: .8;
-  -webkit-transition-delay: 0s;
-  transition-delay: 0s;
-  visibility: visible;
+.dac-modal-window {
+  background: #fff;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  box-sizing: border-box;
+  margin: 20px;
+  -webkit-transition: -webkit-transform .3s;
+  transition: transform .3s;
+  -webkit-transform: translate(0, -30px);
+  -ms-transform: translate(0, -30px);
+  transform: translate(0, -30px);
+  -webkit-transform: translate3d(0, -30px, 0);
+  transform: translate3d(0, -30px, 0);
+  width: 960px;
+}
+
+.dac-modal.dac-active .dac-modal-window {
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
 }
 
 .dac-modal-header {
   background: #00695c;
-  margin: -35px -35px 0;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
   padding: 35px 35px 30px;
   position: relative;
 }
@@ -8361,7 +8252,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 .dac-modal-header-subtitle {
-  bottom: 23px;
+  bottom: 31px;
   color: #fff;
   display: inline-block;
   font: inherit;
@@ -8371,117 +8262,86 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   right: 35px;
 }
 
-.dac-modal-header hr {
-  display: none;
-}
-
-.dac-modal-window {
-  background: #fff;
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
-  box-sizing: border-box;
-  left: 50%;
-  margin-left: -480px;
-  max-width: 960px;
-  opacity: 0;
-  padding: 35px 35px 17.5px;
-  position: fixed;
-  top: 50%;
-  -webkit-transition: visibility 0s linear .3s, opacity .3s linear;
-  transition: visibility 0s linear .3s, opacity .3s linear;
-  -webkit-transform: translate(0, -50%);
-  -ms-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-  visibility: hidden;
-  width: 100%;
-  z-index: 51;
-}
-
-.dac-modal-window.dac-active {
-  opacity: 1;
-  -webkit-transition-delay: 0s;
-  transition-delay: 0s;
-  visibility: visible;
-}
-
-.dac-modal-action {
-  bottom: 0;
-  position: absolute;
-  right: 0;
-}
-
-.dac-modal-iframe {
-  display: none;
+.dac-modal-content {
+  padding: 12px 35px;
 }
 
 .dac-modal-footer {
-  margin-top: 35px;
-  position: relative;
+  padding: 24px 35px;
 }
 
-@media (max-width: 1010px) {
-  .responsive .dac-modal-window {
-    bottom: auto;
-    left: 10px;
-    margin: 10px;
-    right: 10px;
-    top: 50%;
-    -webkit-transform: translate3d(0, -50%, 0);
-    transform: translate3d(0, -50%, 0);
+@media (max-width: 1000px) {
+  .dac-modal-window {
+    margin: 20px;
     width: auto;
   }
+
+  .dac-modal-container {
+    z-index: auto;
+  }
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-modal-header {
-    margin: -10px -10px 10px;
-    padding-bottom: 10px;
-    padding-left: 10px;
-    padding-right: 10px;
+  .dac-modal-window {
+    margin: 10px;
   }
 
-  .responsive .dac-modal-header-title {
+  .dac-modal-header {
+    padding: 35px 10px 10px;
+  }
+
+  .dac-modal-header-title {
     font-size: 16px;
-    line-height: 26px;
+    line-height: 24px;
     padding: 0;
   }
 
-  .responsive .dac-modal-header-subtitle {
-    display: inline-block;
+  .dac-modal-header-subtitle {
+    display: block;
     margin: 0;
     position: static;
     text-align: right;
-    width: 100%;
   }
 
-  .responsive .dac-modal-window {
-    border-radius: 0;
-    bottom: auto;
-    margin: 10px;
-    left: 0;
+  .dac-modal-content {
     padding: 10px;
-    top: 0;
-    -webkit-transform: none;
-    -ms-transform: none;
-    transform: none;
-    width: auto;
   }
 
-  .responsive .dac-modal-footer {
+  .dac-modal-footer {
     border-top: 1px solid #e3e3e3;
-    margin: 20px -10px 0;
-    padding: 30px 10px;
-  }
-
-  .responsive .dac-modal-action {
-    display: block;
-    margin: 40px auto 0;
-    position: static;
+    padding: 35px 10px;
   }
 }
 
+.newsletter .dac-modal-footer {
+  padding-top: 0;
+  text-align: right;
+}
+
 .newsletter-checkboxes {
-  padding-top: 10px;
+  padding-top: 20px;
+}
+
+@media (min-width: 720px) {
+  .newsletter-checkboxes {
+    padding-top: 46px;
+  }
+
+  .newsletter-leftCol {
+    padding-right: 40px;
+  }
+
+  .newsletter-rightCol {
+    padding-left: 40px;
+  }
+}
+
+@media (max-width: 719px) {
+  .newsletter .dac-modal-footer {
+    margin-top: 30px;
+    padding: 30px 10px;
+    text-align: center;
+  }
 }
 
 .dac-expand, .dac-section {
@@ -8492,7 +8352,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-expand, .responsive .dac-section {
+  .dac-expand, .dac-section {
     margin-left: -10px;
     margin-right: -10px;
     padding-left: 10px;
@@ -8552,6 +8412,13 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
   position: relative;
 }
 
+@media (max-width: 719px) {
+  .dac-section {
+    padding-bottom: 52px;
+    padding-top: 52px;
+  }
+}
+
 .dac-section.dac-small {
   padding-bottom: 32px;
   padding-top: 32px;
@@ -8579,7 +8446,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-section-links {
+  .dac-section-links {
     margin-left: -8px;
     text-align: left;
   }
@@ -8591,16 +8458,25 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me
 }
 
 @media (max-width: 719px) {
-  .responsive .dac-section-link {
+  .dac-section-link {
     display: block;
     margin: 0;
   }
 }
 
+.dac-section-link a {
+  -webkit-transition: opacity .3s;
+  transition: opacity .3s;
+}
+
 .dac-section-link a:link, .dac-section-link a:visited {
   color: inherit;
 }
 
+.dac-section-link a:hover {
+  opacity: .54;
+}
+
 /*
 SCSS variables are information about icon's compiled state, stored under its original file name
 
@@ -8624,122 +8500,166 @@ $spritesheet: width height image $spritesheet-sprites;
       background-size: 50% 50%; } }
 
 .dac-sprite.dac-auto-chevron {
-  background-position: 0px -38px;
+  background-position: -26px -38px;
   height: 24px;
   width: 24px;
   vertical-align: -6px; }
   .dac-invert .dac-sprite.dac-auto-chevron {
-    background-position: -26px -38px;
+    background-position: -76px 0px;
     height: 24px;
     width: 24px; }
 .dac-sprite.dac-auto-chevron-large {
-  background-position: -38px 0px;
+  background-position: 0px 0px;
   height: 36px;
   width: 36px;
   vertical-align: -10px; }
   .dac-invert .dac-sprite.dac-auto-chevron-large {
-    background-position: 0px 0px;
+    background-position: -38px 0px;
     height: 36px;
     width: 36px; }
 
+.dac-sprite.dac-arrow-down-gray {
+  background-position: -56px -64px;
+  height: 11px;
+  width: 19px; }
+
 .dac-sprite.dac-arrow-right {
-  background-position: -76px -35px;
+  background-position: -102px 0px;
   height: 18px;
   width: 11px; }
 
 .dac-sprite.dac-chevron-large-right-black {
-  background-position: -38px 0px;
-  height: 36px;
-  width: 36px; }
-
-.dac-sprite.dac-chevron-large-right-white {
   background-position: 0px 0px;
   height: 36px;
   width: 36px; }
 
-.dac-sprite.dac-chevron-right-black {
-  background-position: 0px -38px;
-  height: 24px;
-  width: 24px; }
+.dac-sprite.dac-chevron-large-right-white {
+  background-position: -38px 0px;
+  height: 36px;
+  width: 36px; }
 
-.dac-sprite.dac-chevron-right-white {
+.dac-sprite.dac-chevron-right-black {
   background-position: -26px -38px;
   height: 24px;
   width: 24px; }
 
+.dac-sprite.dac-chevron-right-white {
+  background-position: -76px 0px;
+  height: 24px;
+  width: 24px; }
+
 .dac-sprite.dac-close {
-  background-position: -54px -64px;
+  background-position: -34px -83px;
   height: 12px;
   width: 12px; }
 
+.dac-sprite.dac-expand-less-black {
+  background-position: 0px -38px;
+  height: 24px;
+  width: 24px; }
+
+.dac-sprite.dac-expand-more-black {
+  background-position: -76px -26px;
+  height: 24px;
+  width: 24px; }
+
 .dac-sprite.dac-google-play {
   background-position: -52px -38px;
   height: 18px;
   width: 16px; }
 
 .dac-sprite.dac-gplus {
-  background-position: -76px 0px;
+  background-position: 0px -64px;
   height: 17px;
   width: 16px; }
 
 .dac-sprite.dac-mail {
-  background-position: -36px -64px;
+  background-position: -16px -83px;
   height: 12px;
   width: 16px; }
 
 .dac-sprite.dac-rss {
-  background-position: -20px -64px;
+  background-position: 0px -83px;
   height: 14px;
   width: 14px; }
 
 .dac-sprite.dac-twitter {
-  background-position: -76px -19px;
+  background-position: -38px -64px;
   height: 14px;
   width: 16px; }
 
 .dac-sprite.dac-youtube {
-  background-position: 0px -64px;
+  background-position: -18px -64px;
   height: 14px;
   width: 18px; }
 
+.dac-toggle-expand {
+  cursor: pointer;
+  display: inline-block; }
+.dac-toggle-collapse {
+  cursor: pointer;
+  display: none; }
+.dac-toggle.is-expanded .dac-toggle-expand {
+  display: none; }
+.dac-toggle.is-expanded .dac-toggle-collapse {
+  display: inline-block; }
+.dac-toggle-content {
+  overflow: hidden;
+  max-height: 0;
+  -webkit-transition: .3s max-height;
+          transition: .3s max-height; }
+.dac-toggle.is-expanded .dac-toggle-content {
+  max-height: none; }
+.dac-toggle.dac-mobile .dac-toggle-content {
+  max-height: none; }
+@media (max-width: 719px) {
+  .dac-toggle.dac-mobile .dac-toggle-content {
+    max-height: 0; }
+  .dac-toggle.is-expanded .dac-toggle-content {
+    max-height: none; } }
+
 .dac-visible-mobile-block, .dac-mobile-only, .dac-visible-mobile-inline, .dac-visible-mobile-inline-block, .dac-visible-tablet-block, .dac-visible-tablet-inline, .dac-visible-tablet-inline-block, .dac-visible-desktop-block, .dac-visible-desktop-inline, .dac-visible-desktop-inline-block {
   display: none !important; }
 
 @media (max-width: 719px) {
-  .responsive .dac-hidden-mobile {
+  .dac-hidden-mobile {
     display: none !important; }
-  .responsive .dac-visible-mobile-block, .responsive .dac-mobile-only {
+  .dac-visible-mobile-block, .dac-mobile-only {
     display: block !important; }
-  .responsive .dac-visible-mobile-inline {
+  .dac-visible-mobile-inline {
     display: inline !important; }
-  .responsive .dac-visible-mobile-inline-block {
+  .dac-visible-mobile-inline-block {
     display: inline-block !important; } }
 
 @media (min-width: 720px) and (max-width: 979px) {
-  .responsive .dac-hidden-tablet {
+  .dac-hidden-tablet {
     display: none !important; }
-  .responsive .dac-visible-tablet-block {
+  .dac-visible-tablet-block {
     display: block !important; }
-  .responsive .dac-visible-tablet-inline {
+  .dac-visible-tablet-inline {
     display: inline !important; }
-  .responsive .dac-visible-tablet-inline-block {
+  .dac-visible-tablet-inline-block {
     display: inline-block !important; } }
 
 @media (min-width: 980px) {
-  .responsive .dac-hidden-desktop {
+  .dac-hidden-desktop {
     display: none !important; }
-  .responsive .dac-visible-desktop-block {
+  .dac-visible-desktop-block {
     display: block !important; }
-  .responsive .dac-visible-desktop-inline {
+  .dac-visible-desktop-inline {
     display: inline !important; }
-  .responsive .dac-visible-desktop-inline-block {
+  .dac-visible-desktop-inline-block {
     display: inline-block !important; } }
 
+.dac-offset-parent {
+  position: relative !important; }
+
 #tb li:before, #qv li:before {
-  background-position: 0px -38px;
+  background-position: -26px -38px;
   height: 24px;
   width: 24px;
   content: '';
   left: -8px;
   opacity: .7;
-  position: absolute; }
+  position: absolute;
+  top: -4px; }
diff --git a/tools/droiddoc/templates-sdk/assets/images/sprite-2x.png b/tools/droiddoc/templates-sdk/assets/images/sprite-2x.png
index 4d842d1ccce09dd9095585c62a15fbd9ed13495b..a1f0683fb99be9c1583412431fc899282dce2df9 100644
GIT binary patch
literal 6125
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
J3G_+m{{XP>p(_9Y

literal 5334
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

diff --git a/tools/droiddoc/templates-sdk/assets/images/sprite.png b/tools/droiddoc/templates-sdk/assets/images/sprite.png
index f8245694b5e7a3363d4ba74a15013ef5338b3bf0..3ee611c8a3d6440f69110ce85d2b4a997cdbd055 100644
GIT binary patch
literal 2553
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
P00000NkvXXu0mjf`!DE?

literal 2197
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
XMu2ZQreS>300000NkvXXu0mjfI*T>R

diff --git a/tools/droiddoc/templates-sdk/assets/js/docs.js b/tools/droiddoc/templates-sdk/assets/js/docs.js
index 8baf3f4d50..60bbaf9f36 100644
--- a/tools/droiddoc/templates-sdk/assets/js/docs.js
+++ b/tools/droiddoc/templates-sdk/assets/js/docs.js
@@ -56,7 +56,7 @@ $(document).ready(function() {
 
   // setup keyboard listener for search shortcut
   $('body').keyup(function(event) {
-    if (event.which == 191) {
+    if (event.which == 191 && $(event.target).is(':not(:input)')) {
       $('#search_autocomplete').focus();
     }
   });
@@ -71,15 +71,9 @@ $(document).ready(function() {
   });
 
   // initialize the divs with custom scrollbars
-  $('.scroll-pane').jScrollPane( {verticalGutter:0} );
-
-  // add HRs below all H2s (except for a few other h2 variants)
-  $('h2').not('#qv h2')
-         .not('#tb h2')
-         .not('.sidebox h2')
-         .not('#devdoc-nav h2')
-         .not('h2.norule').css({marginBottom:0})
-         .after('<hr/>');
+  if (window.innerWidth >= 720) {
+    $('.scroll-pane').jScrollPane({verticalGutter: 0});
+  }
 
   // set up the search close button
   $('#search-close').click(function() {
@@ -192,8 +186,6 @@ $(document).ready(function() {
       subNavEl.find("li.google > a").addClass("selected");
     } else if ($("body").hasClass("samples")) {
       subNavEl.find("li.samples > a").addClass("selected");
-    } else if ($("body").hasClass("preview")) {
-      subNavEl.find("li.preview > a").addClass("selected");
     } else {
       parentNavEl.removeClass('has-subnav').addClass("selected");
     }
@@ -372,7 +364,7 @@ false; // navigate across topic boundaries only in design docs
     var $liLesson;
     $classLinks.each(function(index) {
       $liClass  = $('<li class="clearfix"></li>');
-      $h2Title  = $('<a class="title" href="'+$(this).attr('href')+'"><h2>' + $(this).html()+'</h2><span></span></a>');
+      $h2Title  = $('<a class="title" href="'+$(this).attr('href')+'"><h2 class="norule">' + $(this).html()+'</h2><span></span></a>');
       $pSummary = $('<p class="description">' + $classDescriptions[index] + '</p>');
 
       $olLessons  = $('<ol class="lesson-list"></ol>');
@@ -405,23 +397,15 @@ false; // navigate across topic boundaries only in design docs
   /* Resize nav height when window height changes */
   $(window).resize(function() {
     if ($('#side-nav').length == 0) return;
-    var stylesheet = $('link[rel="stylesheet"][class="fullscreen"]');
-    setNavBarLeftPos(); // do this even if sidenav isn't fixed because it could become fixed
+    setNavBarDimensions(); // do this even if sidenav isn't fixed because it could become fixed
     // make sidenav behave when resizing the window and side-scolling is a concern
-    if (sticky) {
-      if ((stylesheet.attr("disabled") == "disabled") || stylesheet.length == 0) {
-        updateSideNavPosition();
-      } else {
-        updateSidenavFullscreenWidth();
-      }
-    }
-    resizeNav();
+    updateSideNavDimensions();
+    checkSticky();
+    resizeNav(250);
   });
 
-
-  var navBarLeftPos;
   if ($('#devdoc-nav').length) {
-    setNavBarLeftPos();
+    setNavBarDimensions();
   }
 
 
@@ -464,7 +448,12 @@ false; // navigate across topic boundaries only in design docs
   $('h2').click(function() {
     var id = $(this).attr('id');
     if (id) {
-      document.location.hash = id;
+      if (history && history.replaceState) {
+        // Change url without scrolling.
+        history.replaceState({}, '', '#' + id);
+      } else {
+        document.location.hash = id;
+      }
     }
   });
 
@@ -546,15 +535,6 @@ false; // navigate across topic boundaries only in design docs
       });
     });
   }
-
-  // Responsive testing
-  var responsiveParam = location.href.match(/[?&]responsive=?(|true|false)/);
-  if (responsiveParam) {
-    localStorage['test-responsive'] = ['', 'true'].indexOf(responsiveParam) > -1;
-  }
-  if (localStorage['test-responsive']) {
-    $(document.body).addClass('responsive');
-  }
 });
 // END of the onload event
 
@@ -785,21 +765,24 @@ function toggleFullscreen(enable) {
     enabled = false;
   }
   writeCookie("fullscreen", enabled, null);
-  setNavBarLeftPos();
+  setNavBarDimensions();
   resizeNav(delay);
-  updateSideNavPosition();
+  updateSideNavDimensions();
   setTimeout(initSidenavHeightResize,delay);
 }
 
-
-function setNavBarLeftPos() {
+// TODO: Refactor into a closure.
+var navBarLeftPos;
+var navBarWidth;
+function setNavBarDimensions() {
   navBarLeftPos = $('#body-content').offset().left;
+  navBarWidth = $('#side-nav').width();
 }
 
 
-function updateSideNavPosition() {
+function updateSideNavDimensions() {
   var newLeft = $(window).scrollLeft() - navBarLeftPos;
-  $('#devdoc-nav').css({left: -newLeft});
+  $('#devdoc-nav').css({left: -newLeft, width: navBarWidth});
   $('#devdoc-nav .totop').css({left: -(newLeft - parseInt($('#side-nav').css('padding-left')))});
 }
 
@@ -834,7 +817,7 @@ $(document).ready(function() {
 
 
 
-/* ######### RESIZE THE SIDENAV HEIGHT ########## */
+/* ######### RESIZE THE SIDENAV ########## */
 
 function resizeNav(delay) {
   var $nav = $("#devdoc-nav");
@@ -850,7 +833,7 @@ function resizeNav(delay) {
 
   // get the height of space between nav and top of window.
   // Could be either margin or top position, depending on whether the nav is fixed.
-  var topMargin = (parseInt($nav.css('margin-top')) || parseInt($nav.css('top'))) + 1;
+  var topMargin = (parseInt($nav.css('top')) || 20) + 1;
   // add 1 for the #side-nav bottom margin
 
   // Depending on whether the header is visible, set the side nav's height.
@@ -865,7 +848,9 @@ function resizeNav(delay) {
 
 
   $scrollPanes = $(".scroll-pane");
-  if ($scrollPanes.length > 1) {
+  if ($window.width() < 720) {
+    $nav.css('height', '');
+  } else if ($scrollPanes.length > 1) {
     // subtract the height of the api level widget and nav swapper from the available nav height
     navHeight -= ($('#api-nav-header').outerHeight(true) + $('#nav-swap').outerHeight(true));
 
@@ -933,7 +918,7 @@ function delayedReInitScrollbars(delay) {
 function reInitScrollbars() {
   var pane = $(".scroll-pane").each(function(){
     var api = $(this).data('jsp');
-    if (!api) { setTimeout(reInitScrollbars,300); return;}
+    if (!api) {return;}
     api.reinitialise( {verticalGutter:0} );
   });
   $(".scroll-pane").removeAttr("tabindex"); // get rid of tabindex added by jscroller
@@ -969,6 +954,7 @@ function restoreHeight(packageHeight) {
 /** Scroll the jScrollPane to make the currently selected item visible
     This is called when the page finished loading. */
 function scrollIntoView(nav) {
+  return;
   var $nav = $("#"+nav);
   var element = $nav.jScrollPane({/* ...settings... */});
   var api = element.data('jsp');
@@ -1051,18 +1037,21 @@ function setStickyTop() {
  * Displays sticky nav bar on pages when dac header scrolls out of view
  */
 $(window).scroll(function(event) {
-
-  setStickyTop();
-  var hiding = false;
-  var $headerEl = $('#header');
-  // Exit if there's no sidenav
-  if ($('#side-nav').length == 0) return;
   // Exit if the mouse target is a DIV, because that means the event is coming
   // from a scrollable div and so there's no need to make adjustments to our layout
   if ($(event.target).nodeName == "DIV") {
     return;
   }
 
+  checkSticky();
+});
+
+function checkSticky() {
+  setStickyTop();
+  var $headerEl = $('#header');
+  // Exit if there's no sidenav
+  if ($('#side-nav').length == 0) return;
+
   var top = $(window).scrollTop();
   // we set the navbar fixed when the scroll position is beyond the height of the site header...
   var shouldBeSticky = top >= stickyTop;
@@ -1071,11 +1060,15 @@ $(window).scroll(function(event) {
   if ($("#doc-col").height() < $("#side-nav").height()) {
     shouldBeSticky = false;
   }
+  // Nor on mobile
+  if (window.innerWidth < 720) {
+    shouldBeSticky = false;
+  }
   // Account for horizontal scroll
   var scrollLeft = $(window).scrollLeft();
   // When the sidenav is fixed and user scrolls horizontally, reposition the sidenav to match
   if (sticky && (scrollLeft != prevScrollLeft)) {
-    updateSideNavPosition();
+    updateSideNavDimensions();
     prevScrollLeft = scrollLeft;
   }
 
@@ -1088,38 +1081,29 @@ $(window).scroll(function(event) {
   // If sticky header visible and position is now near top, hide sticky
   if (sticky && !shouldBeSticky) {
     sticky = false;
-    hiding = true;
     // make the sidenav static again
     $('#devdoc-nav')
-        .removeClass('fixed')
-        .css({'width':'auto','margin':''})
-        .prependTo('#side-nav');
+      .removeClass('fixed')
+      .css({'width':'auto','margin':''});
     // delay hide the sticky
     $headerEl.removeClass('is-sticky');
-    hiding = false;
 
     // update the sidenaav position for side scrolling
-    updateSideNavPosition();
+    updateSideNavDimensions();
   } else if (!sticky && shouldBeSticky) {
     sticky = true;
     $headerEl.addClass('is-sticky');
 
     // make the sidenav fixed
-    var width = $('#devdoc-nav').width();
     $('#devdoc-nav')
-        .addClass('fixed')
-        .css({'width':width+'px'})
-        .prependTo('#body-content');
+      .addClass('fixed');
 
     // update the sidenaav position for side scrolling
-    updateSideNavPosition();
+    updateSideNavDimensions();
 
-  } else if (hiding && top < 15) {
-    $headerEl.removeClass('is-sticky');
-    hiding = false;
   }
   resizeNav(250); // pass true in order to delay the scrollbar re-initialization for performance
-});
+}
 
 /*
  * Manages secion card states and nav resize to conclude loading
@@ -1324,13 +1308,13 @@ function requestAppendHL(uri) {
 
 
 function changeNavLang(lang) {
-  var $links = $("#devdoc-nav,#header,#nav-x,.training-nav-top,.content-footer").find("a["+lang+"-lang]");
-  $links.each(function(i){ // for each link with a translation
+  if (lang === 'en') { return; }
+
+  var $links = $('a[' + lang + '-lang]');
+  $links.each(function(){ // for each link with a translation
     var $link = $(this);
-    if (lang != "en") { // No need to worry about English, because a language change invokes new request
-      // put the desired language from the attribute as the text
-      $link.text($link.attr(lang+"-lang"))
-    }
+    // put the desired language from the attribute as the text
+    $link.text($link.attr(lang + '-lang'))
   });
 }
 
@@ -3147,6 +3131,10 @@ function init_google_navtree(navtree_id, toroot, root_nodes)
   me.node = new Object();
 
   me.node.li = document.getElementById(navtree_id);
+  if (!me.node.li) {
+    return;
+  }
+
   me.node.children_data = root_nodes;
   me.node.children = new Array();
   me.node.children_ul = document.createElement("ul");
@@ -3740,7 +3728,7 @@ function showSamples() {
 
     return $el;
   }
-
+  
   function createResponsiveFlowColumn(cardSize) {
     var cardWidth = parseInt(cardSize.match(/(\d+)/)[1], 10);
     var column = $('<div>').addClass('col-' + (cardWidth / 3) + 'of6');
@@ -3765,7 +3753,7 @@ function showSamples() {
     while (i < resources.length) {
       var cardSize = cardSizes[j++ % cardSizes.length];
       cardSize = cardSize.replace(/^\s+|\s+$/,'');
-
+      
       var column = createResponsiveFlowColumn(cardSize).appendTo($widget);
 
       // A stack has a third dimension which is the number of stacked items
@@ -4374,6 +4362,88 @@ function showSamples() {
   }
 })();
 
+/**
+ * Auto TOC
+ *
+ * Upgrades h2s on the page to have a rule and be toggle-able on mobile.
+ */
+(function($) {
+  var upgraded = false;
+  var h2Titles;
+
+  function initWidget() {
+    // add HRs below all H2s (except for a few other h2 variants)
+    // Consider doing this with css instead.
+    h2Titles = $('h2').not('#qv h2, #tb h2, .sidebox h2, #devdoc-nav h2, h2.norule');
+    h2Titles.css({marginBottom:0}).after('<hr/>');
+
+    // Exit early if on older browser.
+    if (!window.matchMedia) {
+      return;
+    }
+
+    // Only run logic in mobile layout.
+    var query = window.matchMedia('(max-width: 719px)');
+    if (query.matches) {
+      makeTogglable();
+    } else {
+      query.addListener(makeTogglable);
+    }
+  }
+
+  function makeTogglable() {
+    // Only run this logic once.
+    if (upgraded) { return; }
+    upgraded = true;
+
+    // Only make content h2s togglable.
+    var contentTitles = h2Titles.filter('#jd-content *');
+
+    // If there are more than 1
+    if (contentTitles.size() < 2) {
+      return;
+    }
+
+    contentTitles.each(function() {
+      // Find all the relevant nodes.
+      var $title = $(this);
+      var $hr = $title.next();
+      var $contents = $hr.nextUntil('h2, .next-docs');
+      var $section = $($title)
+        .add($hr)
+        .add($title.prev('a[name]'))
+        .add($contents);
+      var $anchor = $section.first().prev();
+      var anchorMethod = 'after';
+      if ($anchor.length === 0) {
+        $anchor = $title.parent();
+        anchorMethod = 'prepend';
+      }
+
+      // Remove from DOM before messing with it. DOM is slow!
+      $section.detach();
+
+      // Add mobile-only expand arrows.
+      $title.prepend('<span class="dac-visible-mobile-inline-block">' +
+          '<i class="dac-toggle-expand dac-sprite dac-expand-more-black"></i>' +
+          '<i class="dac-toggle-collapse dac-sprite dac-expand-less-black"></i>' +
+          '</span>')
+        .attr('data-toggle', 'section');
+
+      // Wrap in magic markup.
+      $section = $section.wrapAll('<div class="dac-toggle dac-mobile">').parent();
+      $contents.wrapAll('<div class="dac-toggle-content"><div>'); // extra div used for max-height calculation.
+
+      // Add it back to the dom.
+      $anchor[anchorMethod].call($anchor, $section);
+    });
+  }
+
+  $(function() {
+    initWidget();
+  });
+})(jQuery);
+
 (function($) {
   'use strict';
 
@@ -4642,27 +4712,26 @@ function showSamples() {
     this.frames.eq(next).removeClass('out');
 
     // Recalculate styles before starting slide transition.
-    var that = this;
-    resolveStyles(this.el[0], function() {
-      // Update pagination
-      that.pagination.removeClass('active').eq(next).addClass('active');
+    this.el.resolveStyles();
+    // Update pagination
+    this.pagination.removeClass('active').eq(next).addClass('active');
 
-      // Transition out current frame
-      that.frames.eq(that.current).toggleClass('active out');
+    // Transition out current frame
+    this.frames.eq(this.current).toggleClass('active out');
 
-      // Transition in a new frame
-      that.frames.eq(next).toggleClass('active');
+    // Transition in a new frame
+    this.frames.eq(next).toggleClass('active');
 
-      that.current = next;
-    });
+    this.current = next;
   };
 
-  // Helper
-  function resolveStyles(el, callback) {
+  // Helper which resolves new styles for an element, so it can start transitioning
+  // from the new values.
+  $.fn.resolveStyles = function() {
     /*jshint expr:true*/
-    el.offsetTop;
-    callback();
-  }
+    this[0] && this[0].offsetTop;
+    return this;
+  };
 
   // jQuery plugin
   $.fn.dacCarousel = function() {
@@ -4682,39 +4751,66 @@ function showSamples() {
 (function($) {
   'use strict';
 
-  /**
-   * Toggle the visabilty of the mobile navigation.
-   * @param {HTMLElement} el - The DOM element.
-   * @param options
-   * @constructor
-   */
+  function Modal(el, options) {
+    this.el = $(el);
+    this.options = $.extend({}, ToggleModal.DEFAULTS_, options);
+    this.isOpen = false;
+
+    this.el.on('click', function(event) {
+      if (!$.contains($('.dac-modal-window')[0], event.target)) {
+        return this.close_();
+      }
+    }.bind(this));
+
+    this.el.on('open', this.open_.bind(this));
+    this.el.on('close', this.close_.bind(this));
+    this.el.on('toggle', this.toggle_.bind(this));
+  }
+
+  Modal.prototype.toggle_ = function() {
+    if (this.isOpen) {
+      this.close_();
+    } else {
+      this.open_();
+    }
+  };
+
+  Modal.prototype.close_ = function() {
+    this.el.removeClass('dac-active');
+    $('body').removeClass('dac-modal-open');
+    this.isOpen = false;
+  };
+
+  Modal.prototype.open_ = function() {
+    this.el.addClass('dac-active');
+    $('body').addClass('dac-modal-open');
+    this.isOpen = true;
+  };
+
   function ToggleModal(el, options) {
     this.el = $(el);
     this.options = $.extend({}, ToggleModal.DEFAULTS_, options);
+    this.modal = this.options.modalToggle ? $('[data-modal="' + this.options.modalToggle + '"]') :
+      this.el.closest('[data-modal]');
+
     this.el.on('click', this.clickHandler_.bind(this));
   }
 
-  ToggleModal.DEFAULTS_ = {
-    toggleClass: 'dac-modal-open'
-  };
-
-  /**
-   * The actual toggle logic.
-   * @param event
-   * @private
-   */
   ToggleModal.prototype.clickHandler_ = function(event) {
     event.preventDefault();
-    //TODO: Toggle a class on the modal itself
-    $('body').toggleClass(this.options.toggleClass);
-    $('.dac-modal-dimmer').toggleClass('dac-active');
-    $('.dac-modal-window').toggleClass('dac-active');
+    this.modal.trigger('toggle');
   };
 
   /**
    * jQuery plugin
    * @param  {object} options - Override default options.
    */
+  $.fn.dacModal = function(options) {
+    return this.each(function() {
+      new Modal(this, options);
+    });
+  };
+
   $.fn.dacToggleModal = function(options) {
     return this.each(function() {
       new ToggleModal(this, options);
@@ -4725,7 +4821,11 @@ function showSamples() {
    * Data Attribute API
    */
   $(document).on('ready.aranja', function() {
-    $('[data-modal-toogle]').each(function() {
+    $('[data-modal]').each(function() {
+      $(this).dacModal($(this).data());
+    });
+
+    $('[data-modal-toggle]').each(function() {
       $(this).dacToggleModal($(this).data());
     });
   });
@@ -4803,8 +4903,12 @@ function showSamples() {
    */
   function NewsletterForm(el) {
     this.el = $(el);
-    this.url = this.el.attr('action');
-    this.el.on('submit', this.submitHandler_.bind(this));
+    this.form = this.el.find('form');
+    $('<iframe/>').hide()
+      .attr('name', 'dac-newsletter-iframe')
+      .attr('src', '')
+      .insertBefore(this.form);
+    this.form.on('submit', this.submitHandler_.bind(this));
   }
 
   /**
@@ -4812,10 +4916,8 @@ function showSamples() {
    * @private
    */
   NewsletterForm.prototype.submitHandler_ = function() {
-    //TODO: Close the modal with an event and let modal.js handle this
-    $('body').removeClass('dac-modal-open');
-    $('.dac-modal-dimmer').removeClass('dac-active');
-    $('.dac-modal-window').removeClass('dac-active');
+    this.form.trigger('reset');
+    this.el.trigger('close');
   };
 
   /**
@@ -4832,8 +4934,156 @@ function showSamples() {
    * Data Attribute API
    */
   $(document).on('ready.aranja', function() {
-    $('[data-newsletter-form]').each(function() {
+    $('[data-newsletter]').each(function() {
       $(this).dacNewsletterForm();
     });
   });
 })(jQuery);
+
+(function($) {
+  'use strict';
+
+  /**
+   * Smoothly scroll to location on current page.
+   * @param el
+   * @param options
+   * @constructor
+   */
+  function ScrollButton(el, options) {
+    this.el = $(el);
+    this.target = $(this.el.attr('href'));
+    this.options = $.extend({}, ScrollButton.DEFAULTS_, options);
+
+    if (typeof this.options.offset === 'string') {
+      this.options.offset = $(this.options.offset).height();
+    }
+
+    this.el.on('click', this.clickHandler_.bind(this));
+  }
+
+  /**
+   * Default options
+   * @type {{duration: number, easing: string, offset: number, scrollContainer: string}}
+   * @private
+   */
+  ScrollButton.DEFAULTS_ = {
+    duration: 300,
+    easing: 'swing',
+    offset: 0,
+    scrollContainer: 'html, body'
+  };
+
+  /**
+   * Scroll logic
+   * @param event
+   * @private
+   */
+  ScrollButton.prototype.clickHandler_ = function(event) {
+    if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+      return;
+    }
+
+    event.preventDefault();
+
+    $(this.options.scrollContainer).animate({
+      scrollTop: this.target.offset().top - this.options.offset
+    }, this.options);
+  };
+
+  /**
+   * jQuery plugin
+   * @param  {object} options - Override default options.
+   */
+  $.fn.dacScrollButton = function(options) {
+    return this.each(function() {
+      new ScrollButton(this, options);
+    });
+  };
+
+  /**
+   * Data Attribute API
+   */
+  $(document).on('ready.aranja', function() {
+    $('[data-scroll-button]').each(function() {
+      $(this).dacScrollButton($(this).data());
+    });
+  });
+})(jQuery);
+
+(function($) {
+  function Toggle(el) {
+    $(el).on('click.dac.togglesection', this.toggle);
+  }
+
+  Toggle.prototype.toggle = function() {
+    var $this = $(this);
+
+    var $parent = getParent($this);
+    var isExpanded = $parent.hasClass('is-expanded');
+
+    transitionMaxHeight($parent.find('.dac-toggle-content'), !isExpanded);
+    $parent.toggleClass('is-expanded');
+
+    return false;
+  };
+
+  function getParent($this) {
+    var selector = $this.attr('data-target');
+
+    if (!selector) {
+      selector = $this.attr('href');
+      selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '');
+    }
+
+    var $parent = selector && $(selector);
+
+    return $parent && $parent.length ? $parent : $this.parent();
+  }
+
+  /**
+   * Runs a transition of max-height along with responsive styles which hide or expand the element.
+   * @param $el
+   * @param visible
+   */
+  function transitionMaxHeight($el, visible) {
+    // Only supports 1 child
+    var contentHeight = $el.children().outerHeight();
+    var targetHeight = visible ? contentHeight : 0;
+    var duration = $el.transitionDuration();
+
+    // If we're hiding, first set the maxHeight we're transitioning from.
+    if (!visible) {
+      $el.css('maxHeight', contentHeight + 'px')
+        .resolveStyles();
+    }
+
+    // Transition to new state
+    $el.css('maxHeight', targetHeight);
+
+    // Reset maxHeight to css value after transition.
+    setTimeout(function() {
+      $el.css('maxHeight', '');
+    }, duration);
+  }
+
+  // Utility to get the transition duration for the element.
+  $.fn.transitionDuration = function() {
+    var d = $(this).css('transitionDuration') || '0s';
+
+    return +(parseFloat(d) * (/ms/.test(d) ? 1 : 1000)).toFixed(0);
+  };
+
+  // jQuery plugin
+  $.fn.toggleSection = function(option) {
+    return this.each(function() {
+      var $this = $(this);
+      var data = $this.data('dac.togglesection');
+      if (!data) {$this.data('dac.togglesection', (data = new Toggle(this)));}
+      if (typeof option === 'string') {data[option].call($this);}
+    });
+  };
+
+  // Data api
+  $(document)
+    .on('click.toggle', '[data-toggle="section"]', Toggle.prototype.toggle);
+})(jQuery);
diff --git a/tools/droiddoc/templates-sdk/class.cs b/tools/droiddoc/templates-sdk/class.cs
index 7aa99f9684..44eae97597 100644
--- a/tools/droiddoc/templates-sdk/class.cs
+++ b/tools/droiddoc/templates-sdk/class.cs
@@ -667,10 +667,9 @@ From <?cs var:cl.kind ?>
 <?cs # the next two lines must be exactly like this to be parsed by eclipse ?>
 <!-- ========= END OF CLASS DATA ========= -->
 <A NAME="navbar_top"></A>
-
-<?cs include:"footer.cs" ?>
 </div> <!-- jd-content -->
 
+<?cs include:"footer.cs" ?>
 </div><!-- end doc-content -->
 
 <?cs include:"trailer.cs" ?>
diff --git a/tools/droiddoc/templates-sdk/classes.cs b/tools/droiddoc/templates-sdk/classes.cs
index 405892d673..32966a0fe4 100644
--- a/tools/droiddoc/templates-sdk/classes.cs
+++ b/tools/droiddoc/templates-sdk/classes.cs
@@ -43,11 +43,12 @@
 </table>
 <?cs /each ?>
 
-<?cs include:"footer.cs" ?>
 </div><!-- end jd-content -->
+
+<?cs include:"footer.cs" ?>
 </div><!-- end doc-content -->
 
 <?cs include:"trailer.cs" ?>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tools/droiddoc/templates-sdk/customizations.cs b/tools/droiddoc/templates-sdk/customizations.cs
index 7c92adb15b..276dd0df36 100644
--- a/tools/droiddoc/templates-sdk/customizations.cs
+++ b/tools/droiddoc/templates-sdk/customizations.cs
@@ -1,18 +1,24 @@
 <?cs
+def:mobile_nav_toggle() ?>
+  <div class="dac-visible-mobile-block" data-toggle="section">
+    <span class="dac-toggle-expand dac-devdoc-toggle"><i class="dac-sprite dac-expand-more-black"></i> Show navigation</span>
+    <span class="dac-toggle-collapse dac-devdoc-toggle" data-toggle-section><i class="dac-sprite dac-expand-less-black"></i> Hide navigation</span>
+  </div>
+<?cs /def ?><?cs
+
 def:fullpage() ?>
   <div id="body-content">
     <div>
 <?cs /def ?>
-<?cs
+<?cs 
 def:sdk_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-4" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/sdk/sdk_toc.cs" ?>
-
-
+    <div class="col-4 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/sdk/sdk_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
 <?cs /def ?><?cs
@@ -24,12 +30,12 @@ def:no_nav() ?>
 
 def:tools_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-<?cs
-        include:"../../../../frameworks/base/docs/html/tools/tools_toc.cs" ?>
-
-
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/tools/tools_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -41,14 +47,12 @@ def:tools_nav() ?>
 <?cs
 def:training_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-4" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/training/training_toc.cs" ?>
-
-
+    <div class="col-4 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/training/training_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -60,9 +64,12 @@ def:training_nav() ?>
 
 def:googleplay_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/googleplay/googleplay_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -73,10 +80,13 @@ def:googleplay_nav() ?>
 <?cs /def ?><?cs
 
 def:preview_nav() ?>
-  <div class="wrap clearfix" id="body-content">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+  <div class="wrap clearfix" id="body-content"><div class="cols">
+    <div class="col-4 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/preview/preview_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -88,9 +98,12 @@ def:preview_nav() ?>
 
 def:essentials_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/essentials/essentials_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -102,9 +115,12 @@ def:essentials_nav() ?>
 
 def:users_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/users/users_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -116,9 +132,12 @@ def:users_nav() ?>
 
 def:engage_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/engage/engage_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -130,9 +149,12 @@ def:engage_nav() ?>
 
 def:analyze_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/analyze/analyze_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -144,9 +166,12 @@ def:analyze_nav() ?>
 
 def:monetize_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/monetize/monetize_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -158,9 +183,12 @@ def:monetize_nav() ?>
 
 def:disttools_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/tools/disttools_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -172,9 +200,12 @@ def:disttools_nav() ?>
 
 def:stories_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
 <?cs include:"../../../../frameworks/base/docs/html/distribute/stories/stories_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -186,13 +217,12 @@ def:stories_nav() ?>
 
 def:guide_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-4" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/guide/guide_toc.cs" ?>
-
-
+    <div class="col-4 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/guide/guide_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -204,14 +234,12 @@ def:guide_nav() ?>
 <?cs
 def:design_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/design/design_toc.cs" ?>
-
-
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/design/design_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -223,13 +251,12 @@ def:design_nav() ?>
 <?cs
 def:distribute_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/distribute/distribute_toc.cs" ?>
-
-
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/distribute/distribute_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -242,12 +269,12 @@ def:distribute_nav() ?>
 <?cs
 def:samples_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-4" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/samples/samples_toc.cs" ?>
-
+    <div class="col-4 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/samples/samples_toc.cs" ?>
+        </div>
       </div>
 
     </div> <!-- end side-nav -->
@@ -261,17 +288,16 @@ def:samples_nav() ?>
 <?cs
 def:google_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-4" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/google/google_toc.cs" ?>
-
-
+    <div class="col-4 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/google/google_toc.cs" ?>
+        </div>
       </div>
       <script type="text/javascript">
        showGoogleRefTree();
-
+    
       </script>
     </div> <!-- end side-nav -->
     <script>
@@ -284,13 +310,12 @@ def:google_nav() ?>
 <?cs
 def:about_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-3" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/about/about_toc.cs" ?>
-
-
+    <div class="col-3 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/about/about_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -304,13 +329,12 @@ def:about_nav() ?>
 <?cs
 def:wear_nav() ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-4" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
-      <div id="devdoc-nav" class="scroll-pane">
-
-<?cs
-        include:"../../../../frameworks/base/docs/html/wear/wear_toc.cs" ?>
-
-
+    <div class="col-4 dac-toggle dac-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+      <?cs call:mobile_nav_toggle() ?>
+      <div class="dac-toggle-content" id="devdoc-nav">
+        <div class="scroll-pane">
+<?cs include:"../../../../frameworks/base/docs/html/wear/wear_toc.cs" ?>
+        </div>
       </div>
     </div> <!-- end side-nav -->
     <script>
@@ -320,13 +344,14 @@ def:wear_nav() ?>
     </script>
 <?cs /def ?>
 
+
 <?cs # The default side navigation for the reference docs ?><?cs
 def:default_left_nav() ?>
 <?cs if:reference.gcm || reference.gms ?>
   <?cs call:google_nav() ?>
 <?cs else ?>
   <div class="wrap clearfix" id="body-content"><div class="cols">
-    <div class="col-4" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
+    <div class="col-4 dac-hidden-mobile" id="side-nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
       <div id="devdoc-nav">
       <div id="api-nav-header">
         <div id="api-level-toggle">
diff --git a/tools/droiddoc/templates-sdk/docpage.cs b/tools/droiddoc/templates-sdk/docpage.cs
index c0b0174204..3af70495a5 100644
--- a/tools/droiddoc/templates-sdk/docpage.cs
+++ b/tools/droiddoc/templates-sdk/docpage.cs
@@ -6,7 +6,7 @@
 
 <?cs # add document classes for navigation header selection (and other stuff) ?>
 <?cs
-if:(google || reference.gms || reference.gcm) ?>google<?cs
+if:(google || reference.gms || reference.gcm) ?>google <?cs
 /if ?><?cs
 if:(guide||develop||training||reference||tools||sdk||google||samples||preview) ?>develop<?cs
   if:guide ?> guide<?cs /if ?><?cs
diff --git a/tools/droiddoc/templates-sdk/footer.cs b/tools/droiddoc/templates-sdk/footer.cs
index 230930685b..005a62055e 100644
--- a/tools/droiddoc/templates-sdk/footer.cs
+++ b/tools/droiddoc/templates-sdk/footer.cs
@@ -1,19 +1,75 @@
-<div class="dac-modal">
-  <div class="dac-modal-dimmer" data-modal-toogle></div>
+<div class="dac-footer dac-expand">
+  <div class="wrap">
+    <div class="cols dac-footer-main">
+      <div class="col-1of2">
+        <a class="dac-footer-getnews" data-modal-toggle="newsletter" href="javascript:;">Get news &amp; tips <span
+          class="dac-fab dac-primary"><i class="dac-sprite dac-mail"></i></span></a>
+      </div>
+      <div class="col-1of2 dac-footer-reachout">
+        <div class="dac-footer-contact">
+          <a class="dac-footer-contact-link" href="http://android-developers.blogspot.com/">Blog</a>
+          <a class="dac-footer-contact-link" href="/support.html">Support</a>
+        </div>
+        <div class="dac-footer-social">
+          <a class="dac-fab dac-footer-social-link" href="https://www.youtube.com/user/androiddevelopers"><i class="dac-sprite dac-youtube"></i></a>
+          <a class="dac-fab dac-footer-social-link" href="https://plus.google.com/+AndroidDevelopers"><i class="dac-sprite dac-gplus"></i></a>
+          <a class="dac-fab dac-footer-social-link" href="https://twitter.com/AndroidDev"><i class="dac-sprite dac-twitter"></i></a>
+        </div>
+      </div>
+    </div>
 
+    <hr class="dac-footer-separator"/>
+
+    <?cs if:reference ?>
+      <p class="dac-footer-copyright">
+        <?cs call:custom_copyright() ?>
+      </p>
+      <p class="dac-footer-build">
+        <?cs call:custom_buildinfo() ?>
+      </p>
+    <?cs elif:!hide_license_footer ?>
+      <p class="dac-footer-copyright">
+        <?cs call:custom_cc_copyright() ?>
+      </p>
+    <?cs /if ?>
+
+    <p class="dac-footer-links">
+      <a href="/about/index.html">About Android</a>
+      <a href="/auto/index.html">Auto</a>
+      <a href="/tv/index.html">TV</a>
+      <a href="/wear/index.html">Wear</a>
+      <a href="/legal.html">Legal</a>
+
+      <span id="language" class="locales">
+        <select name="language" onchange="changeLangPref(this.value, true)">
+          <option value="en" selected="selected">English</option>
+          <option value="es">Español</option>
+          <option value="ja">日本語</option>
+          <option value="ko">한국어</option>
+          <option value="ru">Русский</option>
+          <option value="zh-cn">中文（简体)</option>
+          <option value="zh-tw">中文（繁體)</option>
+        </select>
+      </span>
+    </p>
+  </div>
+</div> <!-- end footer -->
+
+<div data-modal="newsletter" data-newsletter class="dac-modal newsletter">
   <div class="dac-modal-container">
     <div class="dac-modal-window">
       <header class="dac-modal-header">
-        <button class="dac-modal-header-close" data-modal-toogle><i class="dac-sprite dac-close"></i></button>
-        <h2 class="dac-modal-header-title">Sign-up for the newsletter to get the latest Android developer news and tips that will help you find success on Google Play.</h2>
+        <button class="dac-modal-header-close" data-modal-toggle><i class="dac-sprite dac-close"></i></button>
+        <h2 class="norule dac-modal-header-title">
+          Get the latest Android developer news and tips that will help you find success on Google Play.
+        </h2>
         <p class="dac-modal-header-subtitle">&#42; Required Fields</p>
       </header>
-      <iframe src="" class="dac-modal-iframe" name="dac-modal-iframe"></iframe>
-      <form action="https://docs.google.com/forms/d/1QgnkzbEJIDu9lMEea0mxqWrXUJu0oBCLD7ar23V0Yys/formResponse" class="dac-form" method="post" target="dac-modal-iframe" data-newsletter-form>
+      <form action="https://docs.google.com/forms/d/1QgnkzbEJIDu9lMEea0mxqWrXUJu0oBCLD7ar23V0Yys/formResponse" class="dac-form" method="post" target="dac-newsletter-iframe">
         <section class="dac-modal-content">
           <fieldset class="dac-form-fieldset">
             <div class="cols">
-              <div class="col-4of8">
+              <div class="col-1of2 newsletter-leftCol">
                 <div class="dac-form-input-group">
                   <label for="newsletter-full-name" class="dac-form-floatlabel">Full name</label>
                   <input type="text" class="dac-form-input" name="entry.1357890476" id="newsletter-full-name" required>
@@ -25,7 +81,7 @@
                   <span class="dac-form-required">*</span>
                 </div>
               </div>
-              <div class="col-4of8">
+              <div class="col-1of2 newsletter-rightCol">
                 <div class="dac-form-input-group">
                   <label for="newsletter-company" class="dac-form-floatlabel">Company / developer name</label>
                   <input type="text" class="dac-form-input" name="entry.1664780309" id="newsletter-company">
@@ -40,7 +96,7 @@
           </fieldset>
           <fieldset class="dac-form-fieldset">
             <div class="cols">
-              <div class="col-4of8">
+              <div class="col-1of2 newsletter-leftCol">
                 <legend class="dac-form-legend">Which best describes your business:<span class="dac-form-required">*</span>
                 </legend>
                 <div class="dac-form-radio-group">
@@ -59,7 +115,7 @@
                   <label for="newsletter-business-type-appsgames" class="dac-form-label">Apps &amp; Games</label>
                 </div>
               </div>
-              <div class="col-4of8 newsletter-checkboxes">
+              <div class="col-1of2 newsletter-rightCol newsletter-checkboxes">
                 <div class="dac-form-radio-group">
                   <div class="dac-media">
                     <div class="dac-media-figure">
@@ -96,57 +152,4 @@
       </form>
     </div>
   </div>
-</div>
-<div class="dac-footer wrap">
-  <div class="cols dac-footer-main">
-    <div class="col-1of2">
-      <a class="dac-footer-getnews" data-modal-toogle href="javascript:;">Get news &amp; tips <span class="dac-fab dac-primary"><i class="dac-sprite dac-mail"></i></span></a>
-    </div>
-    <div class="col-1of2 dac-footer-reachout">
-      <div class="dac-footer-contact">
-        <a class="dac-footer-contact-link" href="http://android-developers.blogspot.com/">Blog</a>
-        <a class="dac-footer-contact-link" href="/support.html">Support</a>
-      </div>
-      <div class="dac-footer-social">
-        <a class="dac-fab dac-footer-social-link" href="https://www.youtube.com/user/androiddevelopers"><i class="dac-sprite dac-youtube"></i></a>
-        <a class="dac-fab dac-footer-social-link" href="https://plus.google.com/+AndroidDevelopers"><i class="dac-sprite dac-gplus"></i></a>
-        <a class="dac-fab dac-footer-social-link" href="https://twitter.com/AndroidDev"><i class="dac-sprite dac-twitter"></i></a>
-      </div>
-    </div>
-  </div>
-
-  <hr class="dac-footer-separator"/>
-
-  <?cs if:reference ?>
-    <p class="dac-footer-copyright">
-      <?cs call:custom_copyright() ?>
-    </p>
-    <p class="dac-footer-build">
-      <?cs call:custom_buildinfo() ?>
-    </p>
-  <?cs elif:!hide_license_footer ?>
-    <p class="dac-footer-copyright">
-      <?cs call:custom_cc_copyright() ?>
-    </p>
-  <?cs /if ?>
-
-  <p class="dac-footer-links">
-    <a href="/about/index.html">About Android</a>
-    <a href="/auto/index.html">Auto</a>
-    <a href="/tv/index.html">TV</a>
-    <a href="/wear/index.html">Wear</a>
-    <a href="/legal.html">Legal</a>
-
-    <span id="language" class="locales">
-      <select name="language" onchange="changeLangPref(this.value, true)">
-        <option value="en" selected="selected">English</option>
-        <option value="es">Español</option>
-        <option value="ja">日本語</option>
-        <option value="ko">한국어</option>
-        <option value="ru">Русский</option>
-        <option value="zh-cn">中文（简体)</option>
-        <option value="zh-tw">中文（繁體)</option>
-      </select>
-    </span>
-  </p>
 </div> <!-- end footer -->
diff --git a/tools/droiddoc/templates-sdk/head_tag.cs b/tools/droiddoc/templates-sdk/head_tag.cs
index b3239b5250..cfc8b1788e 100644
--- a/tools/droiddoc/templates-sdk/head_tag.cs
+++ b/tools/droiddoc/templates-sdk/head_tag.cs
@@ -15,7 +15,8 @@
 ?><?cs
   # END if/else devsite ?>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="viewport" content="width=device-width" />
+<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta content="IE=edge" http-equiv="X-UA-Compatible">
 <?cs
   if:page.metaDescription ?>
 <meta name="Description" content="<?cs var:page.metaDescription ?>"><?cs
diff --git a/tools/droiddoc/templates-sdk/package.cs b/tools/droiddoc/templates-sdk/package.cs
index 22255650bd..72d5538ad5 100644
--- a/tools/droiddoc/templates-sdk/package.cs
+++ b/tools/droiddoc/templates-sdk/package.cs
@@ -55,8 +55,9 @@
 <?cs call:class_table("Exceptions", package.exceptions) ?>
 <?cs call:class_table("Errors", package.errors) ?>
 
-<?cs include:"footer.cs" ?>
 </div><!-- end jd-content -->
+
+<?cs include:"footer.cs" ?>
 </div><!-- doc-content -->
 
 <?cs include:"trailer.cs" ?>
diff --git a/tools/droiddoc/templates-sdk/packages.cs b/tools/droiddoc/templates-sdk/packages.cs
index 5056d3a5d7..fe6a5aa64a 100644
--- a/tools/droiddoc/templates-sdk/packages.cs
+++ b/tools/droiddoc/templates-sdk/packages.cs
@@ -35,8 +35,9 @@
 <?cs /each ?>
 </table>
 
-<?cs include:"footer.cs" ?>
 </div><!-- end jd-content -->
+
+<?cs include:"footer.cs" ?>
 </div> <!-- end doc-content -->
 
 <?cs include:"trailer.cs" ?>
diff --git a/tools/droiddoc/templates-sdk/sdkpage.cs b/tools/droiddoc/templates-sdk/sdkpage.cs
index 817ac47a61..fde2ae9525 100644
--- a/tools/droiddoc/templates-sdk/sdkpage.cs
+++ b/tools/droiddoc/templates-sdk/sdkpage.cs
@@ -399,9 +399,6 @@ var:sdk.linux_download
 
 
 
-</div><!-- end col-13 for lower-half content -->
-
-
 
 
 <script>