| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 html, body { | 5 html, body { |
| 6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
| 7 font-family: sans-serif; | 7 font-family: sans-serif; |
| 8 height: 100%; | 8 height: 100%; |
| 9 margin: 0; | 9 margin: 0; |
| 10 overflow: hidden; | 10 overflow: hidden; |
| 11 text-align: center; | 11 text-align: center; |
| 12 width: 100%; | 12 width: 100%; |
| 13 } | 13 } |
| 14 | 14 |
| 15 h1 { | 15 h1 { |
| 16 display: none; |
| 16 font-size: 10pt; | 17 font-size: 10pt; |
| 17 font-weight: normal; | 18 font-weight: normal; |
| 18 padding: 0pt 10pt; | 19 padding: 0pt 10pt; |
| 19 <if expr="not is_android and not chromeos"> | |
| 20 visibility: hidden; | |
| 21 </if> | |
| 22 } | |
| 23 | |
| 24 #outer:hover h1, #outer:hover #close { | |
| 25 visibility: visible; | |
| 26 } | 20 } |
| 27 | 21 |
| 28 p { | 22 p { |
| 29 font-size: 8pt; | 23 font-size: 8pt; |
| 30 padding: 0pt 14pt; | 24 padding: 0pt 14pt; |
| 31 } | 25 } |
| 32 | 26 |
| 33 #outer { | 27 #outer { |
| 34 align-items: center; | 28 align-items: center; |
| 35 border: 1px black solid; | |
| 36 box-sizing: border-box; | 29 box-sizing: border-box; |
| 37 display: flex; | 30 display: flex; |
| 38 height: 100%; | 31 height: 100%; |
| 39 justify-content: center; | 32 justify-content: center; |
| 40 position: absolute; | 33 position: absolute; |
| 41 width: 100%; | 34 width: 100%; |
| 35 flex-direction: column; |
| 42 } | 36 } |
| 43 | 37 |
| 44 #close { | 38 .icon { |
| 45 background-image: -webkit-image-set( | 39 max-height: 100%; |
| 46 url(../../../../ui/resources/default_100_percent/close_2.png) 1x, | 40 max-width: 100%; |
| 47 url(../../../../ui/resources/default_200_percent/close_2.png) 2x); | |
| 48 background-position: right top; | |
| 49 background-repeat: no-repeat; | |
| 50 cursor: pointer; | |
| 51 height: 14px; | |
| 52 position: absolute; | |
| 53 right: 3px; | |
| 54 top: 3px; | |
| 55 <if expr="not is_android"> | |
| 56 visibility: hidden; | |
| 57 </if> | |
| 58 width: 14px; | |
| 59 } | 41 } |
| 60 | 42 |
| 61 #close[data-plugin-type='document'] { | 43 @media (orientation: landscape) and (min-height: 2em) and (min-width: 14em) { |
| 62 display: none; | 44 #outer { |
| 45 flex-direction: row; |
| 46 } |
| 47 .icon { |
| 48 max-height: 100%; |
| 49 max-width: 50%; |
| 50 } |
| 51 h1 { |
| 52 display: block; |
| 53 } |
| 63 } | 54 } |
| 64 | 55 |
| 65 #close:hover { | 56 @media (min-height: 7em) and (min-width: 6em) { |
| 66 background-image: -webkit-image-set( | 57 #outer { |
| 67 url(../../../../ui/resources/default_100_percent/close_2_hover.png) 1x, | 58 flex-direction: column; |
| 68 url(../../../../ui/resources/default_200_percent/close_2_hover.png) 2x); | 59 } |
| 60 .icon { |
| 61 max-height: 50%; |
| 62 max-width: 100%; |
| 63 } |
| 64 h1 { |
| 65 display: block; |
| 66 } |
| 69 } | 67 } |
| 70 | |
| 71 #close:active { | |
| 72 background-image: -webkit-image-set( | |
| 73 url(../../../../ui/resources/default_100_percent/close_2_pressed.png) 1x, | |
| 74 url(../../../../ui/resources/default_200_percent/close_2_pressed.png) 2x); | |
| 75 } | |
| OLD | NEW |