Merge "Docs: Fixes to the quick-view wrapper on non-English "about lollipop" pages." into mnc-preview-docs

7 files changed, 124 insertions, 188 deletions

diff --git a/docs/html-intl/intl/es/about/versions/lollipop.jd b/docs/html-intl/intl/es/about/versions/lollipop.jd
index 2725270..0ee8791 100644
--- a/docs/html-intl/intl/es/about/versions/lollipop.jd
+++ b/docs/html-intl/intl/es/about/versions/lollipop.jd
@@ -3,48 +3,41 @@ page.title=Android Lollipop
 @jd:body
 
 
-
-
-
-  <div style="padding:0px 0px 0px 20px;float:right;margin:0 -10px 0 0">
-    <img src="{@docRoot}images/home/l-hero_2x.png" srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x" width="460" height="300" >
-  </div>
-
-  <div class="landing-docs" style="float:right;clear:both;margin:68px 0 2em 3em;">
-  <div class="col-4 normal-links highlights" style="font-size:12px;">
-    <h3 id="thisd" >Funciones clave para programadores</h3>
-    <ul style="list-style-type:none;">
-  <li><a href="#Material">Material design</a></li>
-  <li><a href="#Perf">Enfoque en el rendimiento</a></li>
-  <li><a href="#Notifications">Notificaciones</a></li>
-  <li><a href="#TV">Tus aplicaciones en la pantalla grande</a></li>
-  <li><a href="#Documents">Aplicaciones centradas en el documento</a></li>
-  <li><a href="#Connectivity">Conectividad avanzada</a></li>
-  <li><a href="#Graphics">Gráficos de alto rendimiento</a></li>
-  <li><a href="#Audio">Audio más potente</a></li>
-  <li><a href="#Camera">Cámara y video mejorados</a></li>
-  <li><a href="#Work">Android en el lugar de trabajo</a></li>
-  <li><a href="#ScreenCapture">Captura y uso compartido de pantalla</a></li>
-  <li><a href="#Sensors">Nuevos tipos de sensores</a></li>
-  <li><a href="#WebView">WebView de Chromium</a></li>
-  <li><a href="#Accessibility">Accesibilidad y entrada</a></li>
-  <li><a href="#Battery">Herramientas para aplicaciones con uso eficiente de batería</a></li>
-    </ul>
-  </div>
+<div style="float:right;">
+  <img src="{@docRoot}images/home/l-hero_2x.png" srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x">
 </div>
 
-
-
-
-
-
-
 <p>Te damos la bienvenida a Android 5.0 Lollipop, la versión de Android más extensa y ambiciosa hasta el momento.</p>
 
 <p>Esta versión está repleta de funciones nuevas para usuarios y miles de API nuevas para programadores. Android se sigue expandiendo; desde teléfonos, tablets y wearables hasta televisores y autos.</p>
 
 <p>Si quieres conocer las API para programadores más en detalle, consulta la <a href="{@docRoot}about/versions/android-5.0.html">Descripción general de las API de Android 5.0</a>. También puedes obtener más información sobre Android 5.0 para consumidores en <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>.</p>
 
+<div id="qv-wrapper">
+<div id="qv">
+  <h2>Funciones clave para programadores</h2>
+  <ol>
+      <ul style="list-style-type:none;">
+           <li><a href="#Material">Material design</a></li>
+           <li><a href="#Perf">Enfoque en el rendimiento</a></li>
+           <li><a href="#Notifications">Notificaciones</a></li>
+           <li><a href="#TV">Tus aplicaciones en la pantalla grande</a></li>
+           <li><a href="#Documents">Aplicaciones centradas en el documento</a></li>
+           <li><a href="#Connectivity">Conectividad avanzada</a></li>
+           <li><a href="#Graphics">Gráficos de alto rendimiento</a></li>
+           <li><a href="#Audio">Audio más potente</a></li>
+           <li><a href="#Camera">Cámara y video mejorados</a></li>
+           <li><a href="#Work">Android en el lugar de trabajo</a></li>
+           <li><a href="#ScreenCapture">Captura y uso compartido de pantalla</a></li>
+           <li><a href="#Sensors">Nuevos tipos de sensores</a></li>
+           <li><a href="#WebView">WebView de Chromium</a></li>
+           <li><a href="#Accessibility">Accesibilidad y entrada</a></li>
+           <li><a href="#Battery">Herramientas para aplicaciones con uso eficiente de batería</a></li>
+      </ol>
+</div>
+</div>
+
+
 <h2 id="Material">Material design</h2>
 
 <p>Android 5.0 incluye <a href="http://www.google.com/design/spec">Material design</a> y te ofrece un kit de herramientas expandido para la interfaz de usuario. Con este kit, podrás integrar los nuevos patrones de diseño a las aplicaciones fácilmente.  </p>
@@ -72,7 +65,7 @@ page.title=Android Lollipop
 </div>
 
 
-<p>Las animaciones con efecto de propagación están disponibles para botones, casillas de verificación y otros controles táctiles de tu aplicación. 
+<p>Las animaciones con efecto de propagación están disponibles para botones, casillas de verificación y otros controles táctiles de tu aplicación.
 
 <p>También puedes definir elementos de diseño vectoriales en XML y animarlos de distintas formas. Los elementos de diseño vectoriales escalan sin perder definición, por lo que son ideales para los íconos de un solo color integrados en aplicaciones.</p>
 
diff --git a/docs/html-intl/intl/ja/about/versions/lollipop.jd b/docs/html-intl/intl/ja/about/versions/lollipop.jd
index 9c7c52c..fe83dd8 100644
--- a/docs/html-intl/intl/ja/about/versions/lollipop.jd
+++ b/docs/html-intl/intl/ja/about/versions/lollipop.jd
@@ -3,53 +3,39 @@ page.title=Android Lollipop
 @jd:body
 
 
-
-
-
-
-
-
-
-
-  <div style="padding:0px 0px 0px 20px;float:right;margin:0 -10px 0 0">
-    <img src="{@docRoot}images/home/l-hero_2x.png" srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x" width="460" height="300" >
-  </div>
-
-  <div class="landing-docs" style="float:right;clear:both;margin:68px 0 2em 3em;">
-  <div class="col-4 normal-links highlights" style="font-size:12px;">
-    <h3 id="thisd" >主なデベロッパー機能</h3>
-    <ul style="list-style-type:none;">
-  <li><a href="#Material">Material Design</a></li>
-  <li><a href="#Perf">パフォーマンス重視</a></li>
-  <li><a href="#Notifications">通知</a></li>
-  <li><a href="#TV">アプリを大画面で</a></li>
-  <li><a href="#Documents">アプリのドキュメント化</a></li>
-  <li><a href="#Connectivity">進化した接続性</a></li>
-  <li><a href="#Graphics">高性能グラフィックス</a></li>
-  <li><a href="#Audio">さらに強化された音声</a></li>
-  <li><a href="#Camera">カメラと動画の拡張</a></li>
-  <li><a href="#Work">職場での Android</a></li>
-  <li><a href="#ScreenCapture">画面のキャプチャと共有</a></li>
-  <li><a href="#Sensors">新しいタイプのセンサー</a></li>
-  <li><a href="#WebView">Chromium WebView</a></li>
-  <li><a href="#Accessibility">ユーザー補助機能と入力</a></li>
-  <li><a href="#Battery">省電力アプリ用のツール</a></li>
-    </ul>
-  </div>
+<div style="float:right;">
+  <img src="{@docRoot}images/home/l-hero_2x.png" srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x">
 </div>
 
-
-
-
-
-
-
 <p>Android 5.0 Lollipop は、これまでの Android の中で最も大きく刷新された意欲的なリリースです。</p>
 
 <p>このリリースには、ユーザー向けの新しい機能だけでなく、デベロッパー向けに数多くの API が追加されています。これらの API を使用することで、携帯電話、タブレット、ウェアラブルに加え、テレビや自動車用にも Android を拡張できます。</p>
 
 <p>新しいデベロッパー向け API の概要については、<a href="{@docRoot}about/versions/android-5.0.html">Android 5.0 API</a> をご覧ください。Android 5.0 のユーザー向けの新機能については <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a> をご覧ください。</p>
 
+<div id="qv-wrapper">
+<div id="qv">
+  <h2>主なデベロッパー機能</h2>
+  <ol>
+      <ul style="list-style-type:none;">
+        <li><a href="#Material">Material design</a></li>
+        <li><a href="#Perf">パフォーマンス重視</a></li>
+        <li><a href="#Notifications">通知</a></li>
+        <li><a href="#TV">アプリを大画面で</a></li>
+        <li><a href="#Documents">アプリのドキュメント化</a></li>
+        <li><a href="#Connectivity">進化した接続性</a></li>
+        <li><a href="#Graphics">高性能グラフィックス</a></li>
+        <li><a href="#Audio">さらに強化された音声</a></li>
+        <li><a href="#Camera">カメラと動画の拡張</a></li>
+        <li><a href="#Work">職場での Android</a></li>
+        <li><a href="#ScreenCapture">画面のキャプチャと共有</a></li>
+        <li><a href="#Sensors">新しいタイプのセンサー</a></li>
+        <li><a href="#WebView">Chromium WebView</a></li>
+        <li><a href="#Accessibility">>ユーザー補助機能と入力</a></li>
+        <li><a href="#Battery">省電力アプリ用のツール</a></li>
+      </ol>
+</div>
+</div>
 
 
 <h2 id="Material">Material Design</h2>
diff --git a/docs/html-intl/intl/ko/about/versions/lollipop.jd b/docs/html-intl/intl/ko/about/versions/lollipop.jd
index f6f292a..bc4e5ba 100644
--- a/docs/html-intl/intl/ko/about/versions/lollipop.jd
+++ b/docs/html-intl/intl/ko/about/versions/lollipop.jd
@@ -3,14 +3,22 @@ page.title=Android Lollipop
 @jd:body
 
 
-  <div style="padding:0px 0px 0px 20px;float:right;margin:0 -10px 0 0">
-    <img src="{@docRoot}images/home/l-hero_2x.png" srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x" width="460" height="300" >
-  </div>
+<div style="float:right;">
+  <img src="{@docRoot}images/home/l-hero_2x.png" srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x">
+</div>
+
+<p>지금까지의 Android 출시 버전 중 가장 크고 야심 차게 준비한 Android 5.0 Lollipop을 소개합니다.</p>
+
+<p>이번 출시 버전에는 사용자를 위한 새로운 기능과 개발자를 위한 수천 가지의 새로운 API가 포함되어 있습니다. 이제 Android를 휴대전화, 태블릿, 웨어러블 기기뿐만 아니라 TV와 자동차에서도 사용할 수 있습니다.</p>
+
+<p>새로운 개발자 API에 대해 자세히 살펴보려면 <a href="{@docRoot}about/versions/android-5.0.html">Android 5.0 API 개요</a>를 참조하세요. 또는 <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>에서 소비자를 위한 Android 5.0에 대해 자세히 읽어 볼 수 있습니다.</p>
 
-  <div class="landing-docs" style="float:right;clear:both;margin:68px 0 2em 3em;">
-  <div class="col-4 normal-links highlights" style="font-size:12px;">
-    <h3 id="thisd" >핵심 개발자 기능</h3>
-    <ul style="list-style-type:none;">
+
+<div id="qv-wrapper">
+<div id="qv">
+    <h2>핵심 개발자 기능</h2>
+  <ol>
+      <ul style="list-style-type:none;">
   <li><a href="#Material">머티리얼 디자인</a></li>
   <li><a href="#Perf">성능 중심</a></li>
   <li><a href="#Notifications">알림</a></li>
@@ -26,22 +34,12 @@ page.title=Android Lollipop
   <li><a href="#WebView">Chromium WebView</a></li>
   <li><a href="#Accessibility">접근성 및 입력</a></li>
   <li><a href="#Battery">배터리를 효율적으로 사용하는 앱을 위한 도구</a></li>
-    </ul>
+  </ol>
   </div>
 </div>
 
 
 
-
-
-
-
-<p>지금까지의 Android 출시 버전 중 가장 크고 야심 차게 준비한 Android 5.0 Lollipop을 소개합니다.</p>
-
-<p>이번 출시 버전에는 사용자를 위한 새로운 기능과 개발자를 위한 수천 가지의 새로운 API가 포함되어 있습니다. 이제 Android를 휴대전화, 태블릿, 웨어러블 기기뿐만 아니라 TV와 자동차에서도 사용할 수 있습니다.</p>
-
-<p>새로운 개발자 API에 대해 자세히 살펴보려면 <a href="{@docRoot}about/versions/android-5.0.html">Android 5.0 API 개요</a>를 참조하세요. 또는 <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>에서 소비자를 위한 Android 5.0에 대해 자세히 읽어 볼 수 있습니다.</p>
-
 <h2 id="Material">머티리얼 디자인</h2>
 
 <p>Android 5.0에서는 Android에 <a href="http://www.google.com/design/spec">머티리얼 디자인</a>을 도입하여 새로운 디자인 패턴을 앱과 간편하게 통합할 수 있는 확장된 UI 툴킷을 제공합니다.  </p>
@@ -69,7 +67,7 @@ page.title=Android Lollipop
 </div>
 
 
-<p>물결 애니메이션을 앱의 버튼, 체크박스, 기타 터치 컨트롤에 사용할 수 있습니다. 
+<p>물결 애니메이션을 앱의 버튼, 체크박스, 기타 터치 컨트롤에 사용할 수 있습니다.
 
 <p>또한 XML에서 벡터 드로어블을 정의하고 다양한 방법으로 애니메이션을 적용할 수도 있습니다. 벡터 드로어블은 정의 값을 잃지 않고 크기가 조절되므로 단일 색상 인앱 아이콘에 적합합니다.</p>
 
diff --git a/docs/html-intl/intl/pt-br/about/versions/lollipop.jd b/docs/html-intl/intl/pt-br/about/versions/lollipop.jd
index cb76376..eb966c0 100644
--- a/docs/html-intl/intl/pt-br/about/versions/lollipop.jd
+++ b/docs/html-intl/intl/pt-br/about/versions/lollipop.jd
@@ -2,20 +2,25 @@ page.title=Android Lollipop
 
 @jd:body
 
+<div style="float:right;">
+  <img src="{@docRoot}images/home/l-hero_2x.png" srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x">
+</div>
 
 
+<p>Bem-vindo ao Android 5.0 Lollipop, a maior e mais ambiciosa versão para Android já lançada!</p>
 
+<p>Esta versão está repleta de novos recursos para usuários e milhares de novas APIs para desenvolvedores. Ele expande o Android ainda mais, de telefones, tablets e acessórios a TVs e carros.</p>
 
+<p>Para uma análise mais detalhada das novas APIs para desenvolvedores, consulte a <a href="{@docRoot}about/versions/android-5.0.html">Visão geral da API do Android 5.0</a>. Ou leia mais sobre o Android 5.0 para consumidores em <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>.</p>
 
+<p style="    padding: 10px;    background: #eee;    width: 250px;    border: 1px solid #ccc;    margin-top: 20px;">Para testar seus apps em um dispositivo real, inclua um Nexus 5 ou 7 com a <br><a href="/preview/index.html#Start"><b>IMAGEM DE VISUALIZAÇÃO DO SISTEMA DO ANDROID</b></a>.</p>
 
-  <div style="padding:0px 0px 0px 20px;float:right;margin:0 -10px 0 0">
-    <img src="{@docRoot}images/home/l-hero_2x.png" srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x" width="460" height="300" >
-  </div>
 
-  <div class="landing-docs" style="float:right;clear:both;margin:68px 0 2em 3em;">
-  <div class="col-4 normal-links highlights" style="font-size:12px;">
-    <h3 id="thisd" >Principais recursos para desenvolvedores</h3>
-    <ul style="list-style-type:none;">
+   <div id="qv-wrapper">
+   <div id="qv">
+    <h2>Principais recursos para desenvolvedores</h2>
+  <ol>
+      <ul style="list-style-type:none;">
   <li><a href="#Material">Material design</a></li>
   <li><a href="#Perf">Foco no desempenho</a></li>
   <li><a href="#Notifications">Notificações</a></li>
@@ -31,27 +36,11 @@ page.title=Android Lollipop
   <li><a href="#WebView">Chromium WebView</a></li>
   <li><a href="#Accessibility">Acessibilidade e entrada </a></li>
   <li><a href="#Battery">Ferramentas para apps com consumo eficaz de bateria</a></li>
-    </ul>
+  </ol>
   </div>
 </div>
 
 
-
-
-
-
-
-<p>Bem-vindo ao Android 5.0 Lollipop, a maior e mais ambiciosa versão para Android já lançada!</p>
-
-<p>Esta versão está repleta de novos recursos para usuários e milhares de novas APIs para desenvolvedores. Ele expande o Android ainda mais, de telefones, tablets e acessórios a TVs e carros.</p>
-
-<p>Para uma análise mais detalhada das novas APIs para desenvolvedores, consulte a <a href="{@docRoot}about/versions/android-5.0.html">Visão geral da API do Android 5.0</a>. Ou leia mais sobre o Android 5.0 para consumidores em <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>.</p>
-
-
-
-<p style="    padding: 10px;    background: #eee;    width: 250px;    border: 1px solid #ccc;    margin-top: 20px;">Para testar seus apps em um dispositivo real, inclua um Nexus 5 ou 7 com a <br><a href="/preview/index.html#Start"><b>IMAGEM DE VISUALIZAÇÃO DO SISTEMA DO ANDROID</b></a>.</p>
-
-
 <h2 id="Material">Material design</h2>
 
 <p>O Android 5.0 traz o <a href="http://www.google.com/design/spec">Material design</a> para o Android e fornece um kit de ferramentas de interface de usuário para integrar os novos padrões de design facilmente em seus apps.  </p>
@@ -79,7 +68,7 @@ page.title=Android Lollipop
 </div>
 
 
-<p>Animações com ondulação estão disponíveis para botões, caixas de seleção e outros controles de toque em seu app. 
+<p>Animações com ondulação estão disponíveis para botões, caixas de seleção e outros controles de toque em seu app.
 
 <p>Você também pode definir drawables de vetor em XML e animá-los de várias formas. Drawables de vetor são dimensionados sem perder definição, então eles são perfeitos para ícones de uma cor em apps.</p>
 
diff --git a/docs/html-intl/intl/ru/about/versions/lollipop.jd b/docs/html-intl/intl/ru/about/versions/lollipop.jd
index 2f814be..a69872e 100644
--- a/docs/html-intl/intl/ru/about/versions/lollipop.jd
+++ b/docs/html-intl/intl/ru/about/versions/lollipop.jd
@@ -2,20 +2,22 @@ page.title=Android Lollipop
 
 @jd:body
 
+<div style="float:right;">
+  <img src="{@docRoot}images/home/l-hero_2x.png" srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x">
+</div>
 
+<p>Представляем вам Android 5.0 Lollipop&nbsp;– самую новую и продвинутую версию операционной системы Android!</p>
 
+<p>В этой версии реализовано множество новых функций для пользователей и тысячи API для разработчиков. Android теперь используется не только для телефонов, планшетов и носимых устройств, но также для телевизоров и автомобилей.</p>
 
+<p>Подробнее о новых API для разработчиков см. в соответствующем <a href="{@docRoot}about/versions/android-5.0.html">обзоре</a>. Если же вас интересует информация об Android 5.0 для пользователей, посетите сайт <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>.</p>
 
 
-
-  <div style="padding:0px 0px 0px 20px;float:right;margin:0 -10px 0 0">
-    <img src="{@docRoot}images/home/l-hero_2x.png" srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x" width="460" height="300" >
-  </div>
-
-  <div class="landing-docs" style="float:right;clear:both;margin:68px 0 2em 3em;">
-  <div class="col-4 normal-links highlights" style="font-size:12px;">
-    <h3 id="thisd" >Ключевые функции для разработчиков</h3>
-    <ul style="list-style-type:none;">
+<div id="qv-wrapper">
+<div id="qv">
+    <h2>Ключевые функции для разработчиков</h2
+  <ol>
+      <ul style="list-style-type:none;">
   <li><a href="#Material">Material Design</a></li>
   <li><a href="#Perf">Оптимизация и эффективность</a></li>
   <li><a href="#Notifications">Уведомления</a></li>
@@ -31,22 +33,11 @@ page.title=Android Lollipop
   <li><a href="#WebView">Chromium WebView</a></li>
   <li><a href="#Accessibility">Специальные возможности и способы ввода</a></li>
   <li><a href="#Battery">Инструменты для создания приложений с экономией энергии</a></li>
-    </ul>
+   </ol>
   </div>
 </div>
 
 
-
-
-
-
-
-<p>Представляем вам Android 5.0 Lollipop&nbsp;– самую новую и продвинутую версию операционной системы Android!</p>
-
-<p>В этой версии реализовано множество новых функций для пользователей и тысячи API для разработчиков. Android теперь используется не только для телефонов, планшетов и носимых устройств, но также для телевизоров и автомобилей.</p>
-
-<p>Подробнее о новых API для разработчиков см. в соответствующем <a href="{@docRoot}about/versions/android-5.0.html">обзоре</a>. Если же вас интересует информация об Android 5.0 для пользователей, посетите сайт <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>.</p>
-
 <h2 id="Material">Material Design</h2>
 
 <p>В Android 5.0 реализована концепция <a href="http://www.google.com/design/spec">Material Design</a>. Расширенный набор инструментов в интерфейсе позволяет c легкостью использовать новые возможности в приложениях.  </p>
@@ -74,7 +65,7 @@ page.title=Android Lollipop
 </div>
 
 
-<p>Для кнопок, флажков и других элементов управления в приложении можно создать пульсирующую анимацию. 
+<p>Для кнопок, флажков и других элементов управления в приложении можно создать пульсирующую анимацию.
 
 <p>Вы также можете определять векторные области рисования в XML и по-разному их анимировать. Векторные области масштабируются без потери разрешения, поэтому они идеально подходят для одноцветных значков в приложениях.</p>
 
diff --git a/docs/html-intl/intl/zh-cn/about/versions/lollipop.jd b/docs/html-intl/intl/zh-cn/about/versions/lollipop.jd
index 3403630..1676c27 100644
--- a/docs/html-intl/intl/zh-cn/about/versions/lollipop.jd
+++ b/docs/html-intl/intl/zh-cn/about/versions/lollipop.jd
@@ -1,21 +1,23 @@
-page.title=Android Lollipop 
+page.title=Android Lollipop
 @jd:body
 
+<div style="float:right;">
+  <img src="{@docRoot}images/home/l-hero_2x.png" srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x">
+</div>
 
 
+<p>欢迎使用 Android 5.0 Lollipop，这是迄今为止规模最大最为雄心勃勃的 Android 版本！</p>
 
+<p>此版本为用户推出了各种崭新的新功能，为开发者则提供了数千个新的 API。不仅如此，它将 Android 的疆土扩展得更远，小到手机、平板电脑和穿戴式设备，大到电视和汽车，都可以是它活跃的领地。</p>
 
+<p>要深入了解面向开发者的新 API，请参阅 <a href="{@docRoot}about/versions/android-5.0.html">Android 5.0 API 概述</a>。有关适合消费者阅读的更多 Android 5.0 内容，请访问 <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>。</p>
 
 
-
-  <div style="padding:0px 0px 0px 20px;float:right;margin:0 -10px 0 0">
-    <img src="{@docRoot}images/home/l-hero_2x.png" srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x" width="460" height="300" >
-  </div>
-
-  <div class="landing-docs" style="float:right;clear:both;margin:68px 0 2em 3em;">
-  <div class="col-4 normal-links highlights" style="font-size:12px;">
-    <h3 id="thisd" >面向开发者的主要功能</h3>
-    <ul style="list-style-type:none;">
+<div id="qv-wrapper">
+<div id="qv">
+    <h2>面向开发者的主要功能</h2>
+  <ol>
+      <ul style="list-style-type:none;">
   <li><a href="#Material">Material Design 设计</a></li>
   <li><a href="#Perf">注重性能</a></li>
   <li><a href="#Notifications">通知</a></li>
@@ -31,24 +33,12 @@ page.title=Android Lollipop
   <li><a href="#WebView">Chromium WebView</a></li>
   <li><a href="#Accessibility">辅助功能和输入</a></li>
   <li><a href="#Battery">构建低电耗应用</a></li>
-    </ul>
+    </ol>
   </div>
 </div>
 
 
 
-
-
-
-
-<p>欢迎使用 Android 5.0 Lollipop，这是迄今为止规模最大最为雄心勃勃的 Android 版本！</p>
-
-<p>此版本为用户推出了各种崭新的新功能，为开发者则提供了数千个新的 API。不仅如此，它将 Android 的疆土扩展得更远，小到手机、平板电脑和穿戴式设备，大到电视和汽车，都可以是它活跃的领地。</p>
-
-<p>要深入了解面向开发者的新 API，请参阅 <a href="{@docRoot}about/versions/android-5.0.html">Android 5.0 API 概述</a>。有关适合消费者阅读的更多 Android 5.0 内容，请访问 <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>。</p>
-
-
-
 <h2 id="Material">Material design 设计</h2>
 
 <p>Android 5.0 将 <a href="http://www.google.com/design/spec">Material design 设计</a>引入 Android 系统，它自带一个扩展的界面工具包，可以让您轻松地将新的设计图案集成到自己的应用中。  </p>
@@ -76,7 +66,7 @@ page.title=Android Lollipop
 </div>
 
 
-<p>您可以对按钮、复选框以及应用中的其他触摸控件加上涟漪动画。 
+<p>您可以对按钮、复选框以及应用中的其他触摸控件加上涟漪动画。
 
 <p>您还可以在 XML 文件中定义可动的矢量图，让它们展现出各种不同的动画效果。矢量图在自由缩放的同时不会失真，非常适合用作应用中的纯色图标。</p>
 
diff --git a/docs/html-intl/intl/zh-tw/about/versions/lollipop.jd b/docs/html-intl/intl/zh-tw/about/versions/lollipop.jd
index d05e5db..21929d1 100644
--- a/docs/html-intl/intl/zh-tw/about/versions/lollipop.jd
+++ b/docs/html-intl/intl/zh-tw/about/versions/lollipop.jd
@@ -3,22 +3,22 @@ page.title=Android Lollipop
 @jd:body
 
 
+<div style="float:right;">
+  <img src="{@docRoot}images/home/l-hero_2x.png" srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x">
+</div>
 
 
+<p>歡迎使用 Android 5.0 Lollipop，這是目前為止規模最大、功能最強的 Android 版本！</p>
 
+<p>這個版本不僅為使用者提供了許多新功能，也為開發人員提供了數以千計的全新 API。Android 的應用領域也因此從手機、平板電腦、穿戴式裝置，進一步擴展到電視和汽車。</p>
 
+<p>如要深入瞭解全新的開發人員 API，請參閱 <a href="{@docRoot}about/versions/android-5.0.html">Android 5.0 API 總覽</a>。如需適合一般消費者閱讀的 Android 5.0 相關資訊，請前往 <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>。</p>
 
-
-
-
-  <div style="padding:0px 0px 0px 20px;float:right;margin:0 -10px 0 0">
-    <img src="{@docRoot}images/home/l-hero_2x.png" srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x" width="460" height="300" >
-  </div>
-
-  <div class="landing-docs" style="float:right;clear:both;margin:68px 0 2em 3em;">
-  <div class="col-4 normal-links highlights" style="font-size:12px;">
-    <h3 id="thisd" >主要開發人員功能</h3>
-    <ul style="list-style-type:none;">
+<div id="qv-wrapper">
+<div id="qv">
+    <h2>主要開發人員功能</h2>
+  <ol>
+      <ul style="list-style-type:none;">
   <li><a href="#Material">實感設計</a></li>
   <li><a href="#Perf">聚焦優異效能</a></li>
   <li><a href="#Notifications">通知</a></li>
@@ -34,22 +34,11 @@ page.title=Android Lollipop
   <li><a href="#WebView">Chromium WebView</a></li>
   <li><a href="#Accessibility">協助工具和輸入功能</a></li>
   <li><a href="#Battery">用於打造低耗電應用程式的工具</a></li>
-    </ul>
+    </ol>
   </div>
 </div>
 
 
-
-
-
-
-
-<p>歡迎使用 Android 5.0 Lollipop，這是目前為止規模最大、功能最強的 Android 版本！</p>
-
-<p>這個版本不僅為使用者提供了許多新功能，也為開發人員提供了數以千計的全新 API。Android 的應用領域也因此從手機、平板電腦、穿戴式裝置，進一步擴展到電視和汽車。</p>
-
-<p>如要深入瞭解全新的開發人員 API，請參閱 <a href="{@docRoot}about/versions/android-5.0.html">Android 5.0 API 總覽</a>。如需適合一般消費者閱讀的 Android 5.0 相關資訊，請前往 <a href="http://www.android.com/versions/lollipop-5-0/">www.android.com</a>。</p>
-
 <h2 id="Material">實感設計</h2>
 
 <p>Android 5.0 將<a href="http://www.google.com/design/spec">實感設計</a>功能 (Material Design) 導入到 Android 中，並為您提供了更加完善的使用者介面工具套件，讓您輕鬆將全新的設計模式整合到應用程式中。  </p>
@@ -77,7 +66,7 @@ page.title=Android Lollipop
 </div>
 
 
-<p>您可以為按鈕、核取方塊和應用程式中的其他觸控控制項套用波紋動畫。 
+<p>您可以為按鈕、核取方塊和應用程式中的其他觸控控制項套用波紋動畫。
 
 <p>您也能以 XML 定義向量圖形可繪項目，並透過多種方式套用動畫效果。向量圖形可繪項目縮放時不會失真，因此最適合用於應用程式內的單色圖示。</p>