Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(31)

Side by Side Diff: chrome/renderer/resources/plugins/plugin_placeholders.css

Issue 2155493002: Update missing/downloading/blocked/unsupported/disabled plugin UI. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: First review Created 4 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698