fifth and last part of syncing LCARStrek with Firefox 45-48 windows theme changes

[themes.git] / LCARStrek / browser / blockedSite.css

diff --git a/LCARStrek/browser/blockedSite.css b/LCARStrek/browser/blockedSite.css
new file mode 100644 (file)
index 0000000..3e37451
--- /dev/null
+++ b/LCARStrek/browser/blockedSite.css
@@ -0,0 +1,64 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://browser/skin/error-pages.css");
+
+body {
+  background-image: linear-gradient(-45deg, #FF0000,     #FF0000 33%,
+                                            #000000 33%, #000000 66%,
+                                            #FF0000 66%, #FF0000);
+  background-color: #000000;
+  color: #FF0000;
+}
+
+.title {
+  background-image: url("chrome://global/skin/icons/blocked.svg");
+}
+
+.title-text {
+  color: #FF0000;
+}
+
+.button-container button:not(.primary) {
+  background-color: #FF0000;
+  color: #000000;
+  margin-inline-end: 0;
+}
+
+.button-container button:not(.primary):hover {
+  background-color: #FFCF00;
+}
+
+.button-container button:not(.primary):active {
+  background-color: #FF9F00;
+}
+
+.button-container button {
+  margin-top: 1.2em;
+}
+
+/* Style warning button to look like a small text link in the
+   bottom right. This is preferable to just using a text link
+   since there is already a mechanism in browser.js for trapping
+   oncommand events from unprivileged chrome pages (BrowserOnCommand).*/
+#ignoreWarningButton {
+  -moz-appearance: none;
+  background: transparent;
+  border: none;
+  color: white;
+  text-decoration: underline;
+  margin: 4px 0 0 0;
+  padding: 0;
+  font-size: smaller;
+  min-width: 0;
+}
+
+#ignoreWarningButton:hover {
+  cursor: pointer;
+}
+
+#ignoreWarning {
+  margin-top: 1.2em;
+  text-align: end;
+}