diff options
| author | newt@chromium.org <newt@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-06-10 21:50:30 +0000 |
|---|---|---|
| committer | newt@chromium.org <newt@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-06-10 21:50:30 +0000 |
| commit | 8da8671f9673efcbd01c8c5108ad40c2d716cac8 (patch) | |
| tree | b513c98213817d79669e12c8b9f94d212f3ef336 | |
| parent | a2cba3370479bea30db6cfb720619c882ce7786e (diff) | |
| download | chromium_src-8da8671f9673efcbd01c8c5108ad40c2d716cac8.zip chromium_src-8da8671f9673efcbd01c8c5108ad40c2d716cac8.tar.gz chromium_src-8da8671f9673efcbd01c8c5108ad40c2d716cac8.tar.bz2 | |
[Android] Tweak style of net error pages.
Changes:
- The page cannot be zoomed
- The buttons have solid, Android-specific background colors
- Buttons have rounded corners and bold text
BUG=239912
Review URL: https://chromiumcodereview.appspot.com/16557005
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@205316 0039d316-1c4b-4281-b951-d872f2087c98
| -rw-r--r-- | chrome/renderer/resources/neterror.html | 51 |
1 files changed, 40 insertions, 11 deletions
diff --git a/chrome/renderer/resources/neterror.html b/chrome/renderer/resources/neterror.html index f3a3083..365d128 100644 --- a/chrome/renderer/resources/neterror.html +++ b/chrome/renderer/resources/neterror.html @@ -1,7 +1,8 @@ <!DOCTYPE html> <html i18n-values="dir:textdirection"> <head> -<meta name="viewport" content="width=device-width" /> +<meta name="viewport" content="width=device-width, initial-scale=1.0, + maximum-scale=1.0, user-scalable=no"> <title i18n-content="title"> </title> <style> @@ -99,64 +100,92 @@ a { } button { - /* iOS does not support linear-gradient without a prefix. */ - background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 2px; color: #444; margin: 0px 5px; min-height: 29px; min-width: 65px; - text-shadow: 0 1px 0 rgb(240, 240, 240); -webkit-user-select: none; padding: 8px 13px; +<if expr="not is_android"> + /* iOS does not support linear-gradient without a prefix. */ + background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); + text-shadow: 0 1px 0 rgb(240, 240, 240); +</if> +<if expr="is_android"> + /* Android uses flat background colors. */ + background-color: #ededed; + font-weight: bold; +</if> <if expr="not is_android and not pp_ifdef('ios')"> /* Not done on mobile for performance reasons. */ - border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); </if> } button:hover { - background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); border: 1px solid rgba(0, 0, 0, 0.3); color: #000; +<if expr="not is_android"> + background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); +</if> +<if expr="is_android"> + background-color: #f0f0f0; +</if> <if expr="not is_android and not pp_ifdef('ios')"> box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); </if> } button:active { - background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); border: 1px solid rgba(0, 0, 0, 0.3); color: #444; +<if expr="not is_android"> + background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); +</if> +<if expr="is_android"> + background-color: #e7e7e7; +</if> <if expr="not is_android and not pp_ifdef('ios')"> box-shadow: none; </if> } #reload-button { + color: #fff; +<if expr="not is_android"> background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0); border: 1px solid rgba(45, 102, 195, 1); - color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.5); +</if> +<if expr="is_android"> + background-color: rgb(39, 180, 231); + border: 1px solid rgb(0, 152, 206); +</if> <if expr="not is_android and not pp_ifdef('ios')"> box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.2); </if> } #reload-button:hover { +<if expr="not is_android"> background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1); border: 1px solid rgba(45, 102, 195, 1); - color: #fff; +</if> <if expr="not is_android and not pp_ifdef('ios')"> box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.2); </if> } #reload-button:active { +<if expr="not is_android"> background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed); - border: 1px solid rgba(38, 84, 160, 1); - color: #fff; + border: 1px solid rgb(38, 84, 160); +</if> +<if expr="is_android"> + background-color: rgb(0, 152, 206); +</if> <if expr="not is_android and not pp_ifdef('ios')"> box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); </if> |