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

Side by Side Diff: components/data_reduction_proxy/content/resources/interstitial.css

Issue 830503004: Data Reduction Proxy blocking page and resources (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@interstitalStep1
Patch Set: Add webui_resources.pak Created 5 years, 10 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
(Empty)
1 /* Copyright 2015 The Chromium Authors. All rights reserved.
2 Use of this source code is governed by a BSD-style license that can be
3 found in the LICENSE file. */
4
5 body {
6 background-color: rgb(206, 52, 38);
7 font-size: 125%;
8 }
9
10 button {
11 background-color: rgb(206, 52, 38);
12 border: 1px solid white;
13 box-sizing: border-box;
14 color: #fff;
15 cursor: pointer;
16 float: right;
17 font-size: .875em;
18 height: 36px;
19 margin: -6px 0 0;
20 padding: 8px 24px;
21 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
22 width: 48%;
23 }
24
25 [dir='rtl'] button {
26 float: left;
27 }
28
29 button:active {
30 background-color: rgb(206, 52, 38);
31 border-color: rgba(255, 255, 255, .6);
32 }
33
34 button:hover {
35 box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
36 }
37
38 h1 {
39 -webkit-margin-after: 16px;
40 color: white;
41 font-size: 1.6em;
42 font-weight: normal;
43 line-height: 1.25em;
44 }
45
46 .icon {
47 background-image: -webkit-image-set(
48 url(images/1x/stop_sign.png) 1x,
49 url(images/2x/stop_sign.png) 2x);
50 background-repeat: no-repeat;
51 background-size: 100%;
52 height: 72px;
53 margin: 0 0 40px;
54 width: 72px;
55 }
56
57 .interstitial-wrapper {
58 box-sizing: border-box;
59 font-size: 1em;
60 line-height: 1.6em;
61 margin: 100px auto 0;
62 max-width: 600px;
63 width: 100%;
64 }
65
66 .nav-wrapper {
67 margin-top: 51px;
68 }
69
70 .nav-wrapper::after {
71 clear: both;
72 content: '';
73 display: table;
74 width: 100%;
75 }
76
77 p {
78 color: white;
79 }
80
81 #primary-button {
82 background-color: white;
83 color: rgb(206, 52, 38);
84 float: left;
85 }
86
87 @media (max-width: 700px) {
88 .interstitial-wrapper {
89 padding: 0 10%;
90 }
91 }
92
93 @media (max-height: 600px) {
94 .interstitial-wrapper {
95 margin-top: 13%;
96 }
97 }
98
99 @media (max-width: 400px) {
100 button,
101 [dir='rtl'] button {
102 font-size: 1em;
103 }
104
105 .interstitial-wrapper {
106 padding: 0 5%;
107 }
108
109 .nav-wrapper {
110 margin-top: 30px;
111 }
112 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698