second part of syncing LCARStrek with Firefox 55 browser windows theme changes

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

diff --git a/LCARStrek/browser/aboutNetError.css b/LCARStrek/browser/aboutNetError.css
index acb4e8a405581a46b694afa314b6ddd1b14b8851..bbaa0a8050fb5dd2bf9155ca71384dc5b1d7dce4 100644 (file)
--- a/LCARStrek/browser/aboutNetError.css
+++ b/LCARStrek/browser/aboutNetError.css
@@ -4,16 +4,8 @@
 
 @import url("chrome://browser/skin/error-pages.css");
 
-body {
-  background-image: linear-gradient(-45deg, #A09090,     #A09090 33%,
-                                            #000000 33%, #000000 66%,
-                                            #A09090 66%, #A09090);
-}
-
-body.certerror {
-  background-image: linear-gradient(-45deg, #FFCF00,     #FFCF00 33%,
-                                            #000000 33%, #000000 66%,
-                                            #FFCF00 66%, #FFCF00);
+:root {
+  --exception-button-container-background: #A09090;
 }
 
 body.captiveportal .title {
@@ -57,11 +49,6 @@ body:not(.neterror) #netErrorAndCaptivePortalButtonContainer {
 
 #errorTryAgain {
   margin-top: 1.2em;
-  min-width: 150px;
-}
-
-#returnButton {
-  min-width: 250px;
 }
 
 #advancedButton {
@@ -88,14 +75,10 @@ body:not(.neterror) #advancedButton {
   display: none;
 }
 
-.container {
-  position: relative;
-}
-
 #advancedPanelContainer {
   position: absolute;
-  padding: 24px 0;
   width: 100%;
+  left: 0;
 }
 
 .advanced-panel {
@@ -103,10 +86,9 @@ body:not(.neterror) #advancedButton {
   display: none;
   background-color: var(--in-content-box-background);
   border: 1px var(--in-content-box-border-color) solid;
-  /* Don't use top padding because the default p style has top padding, and it
-   * makes the overall div look uneven */
-  padding: 0 12px 12px 12px;
-  font-size: 0.9em;
+  margin: 48px auto;
+  min-width: var(--in-content-container-min-width);
+  max-width: var(--in-content-container-max-width);
 }
 
 #overrideWeakCryptoPanel {
@@ -125,10 +107,6 @@ span#hostname {
 
 #automaticallyReportInFuture {
   cursor: pointer;
-  display: inline-block;
-  padding-inline-start: 2.3em;
-  text-indent: -2.3em;
-  line-height: 16px
 }
 
 #errorCode:not([href]) {
@@ -142,6 +120,7 @@ span#hostname {
 }
 
 #badCertTechnicalInfo {
+  margin: 3em;
   overflow: auto;
   white-space: pre-wrap;
 }
@@ -155,10 +134,10 @@ span#hostname {
   background-color: var(--in-content-box-background) !important;
   border-top: 1px solid var(--in-content-border-color);
   position: absolute;
-  left: 0%;
-  top: 100%;
-  width: 65%;
+  width: 100%;
   padding: 1em 17.5%;
+  box-sizing: border-box;
+
 }
 
 #certificateErrorText {
@@ -166,3 +145,15 @@ span#hostname {
   white-space: pre-wrap;
   padding: 1em 0;
 }
+
+#cert_domain_link:not([href]) {
+  color: var(--in-content-page-color);
+  text-decoration: none;
+}
+
+.exceptionDialogButtonContainer {
+  background-color: var(--exception-button-container-background);
+  display: flex;
+  justify-content: end;
+  padding: 10px;
+}