Data Reduction Proxy blocking page and resources

components/data_reduction_proxy/content/resources/interstitial.css

Index: components/data_reduction_proxy/content/resources/interstitial.css
diff --git a/components/data_reduction_proxy/content/resources/interstitial.css b/components/data_reduction_proxy/content/resources/interstitial.css
new file mode 100644
index 0000000000000000000000000000000000000000..0786e2fcbe96006b6873b353ee7793094d32bd0e
--- /dev/null
+++ b/components/data_reduction_proxy/content/resources/interstitial.css
@@ -0,0 +1,112 @@
+/* Copyright 2015 The Chromium Authors. All rights reserved.
+   Use of this source code is governed by a BSD-style license that can be
+   found in the LICENSE file. */
+
+body {
+  background-color: rgb(206, 52, 38);
+  font-size: 125%;
+}
+
+button {
+  background-color: rgb(206, 52, 38);
+  border: 1px solid white;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  float: right;
+  font-size: .875em;
+  height: 36px;
+  margin: -6px 0 0;
+  padding: 8px 24px;
+  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
+  width: 48%;
+}
+
+[dir='rtl'] button {
+  float: left;
+}
+
+button:active {
+  background-color: rgb(206, 52, 38);
+  border-color: rgba(255, 255, 255, .6);
+}
+
+button:hover {
+  box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
+}
+
+h1 {
+  -webkit-margin-after: 16px;
+  color: white;
+  font-size: 1.6em;
+  font-weight: normal;
+  line-height: 1.25em;
+}
+
+.icon {
+  background-image: -webkit-image-set(
+      url(images/1x/stop_sign.png) 1x,
+      url(images/2x/stop_sign.png) 2x);
+  background-repeat: no-repeat;
+  background-size: 100%;
+  height: 72px;
+  margin: 0 0 40px;
+  width: 72px;
+}
+
+.interstitial-wrapper {
+  box-sizing: border-box;
+  font-size: 1em;
+  line-height: 1.6em;
+  margin: 100px auto 0;
+  max-width: 600px;
+  width: 100%;
+}
+
+.nav-wrapper {
+  margin-top: 51px;
+}
+
+.nav-wrapper::after {
+  clear: both;
+  content: '';
+  display: table;
+  width: 100%;
+}
+
+p {
+  color: white;
+}
+
+#primary-button {
+  background-color: white;
+  color: rgb(206, 52, 38);
+  float: left;
+}
+
+@media (max-width: 700px) {
+  .interstitial-wrapper {
+    padding: 0 10%;
+  }
+}
+
+@media (max-height: 600px) {
+  .interstitial-wrapper {
+    margin-top: 13%;
+  }
+}
+
+@media (max-width: 400px) {
+  button,
+  [dir='rtl'] button {
+    font-size: 1em;
+  }
+
+  .interstitial-wrapper {
+    padding: 0 5%;
+  }
+
+  .nav-wrapper {
+    margin-top: 30px;
+  }
+}