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 f031acaffde800dc52328496a9e8490f7a8dd85b..bbaa0a8050fb5dd2bf9155ca71384dc5b1d7dce4 100644 (file)
--- a/LCARStrek/browser/aboutNetError.css
+++ b/LCARStrek/browser/aboutNetError.css
@@ -4,16 +4,12 @@
 
 @import url("chrome://browser/skin/error-pages.css");
 
-body {
-  background-image: linear-gradient(-45deg, #A09090,     #A09090 33%,
-                                            #000000 33%, #000000 66%,
-                                            #A09090 66%, #A09090);
+:root {
+  --exception-button-container-background: #A09090;
 }
 
-body.certerror {
-  background-image: linear-gradient(-45deg, #FFCF00,     #FFCF00 33%,
-                                            #000000 33%, #000000 66%,
-                                            #FFCF00 66%, #FFCF00);
+body.captiveportal .title {
+  background-image: url("wifi.svg");
 }
 
 body.certerror .title {
@@ -39,32 +35,39 @@ button:disabled {
   display: none;
 }
 
-#certErrorButtonContainer {
+#certErrorAndCaptivePortalButtonContainer {
   display: none;
 }
 
-body.certerror #certErrorButtonContainer {
+body:not(.neterror) #certErrorAndCaptivePortalButtonContainer {
   display: flex;
 }
 
-body.certerror #netErrorButtonContainer {
+body:not(.neterror) #netErrorAndCaptivePortalButtonContainer {
   display: none;
 }
 
 #errorTryAgain {
   margin-top: 1.2em;
-  min-width: 150px;
 }
 
-#returnButton {
-  min-width: 250px;
+#advancedButton {
+  display: none;
 }
 
-#advancedButton {
+body.captiveportal #returnButton {
   display: none;
 }
 
-body.certerror #advancedButton {
+body:not(.captiveportal) #openPortalLoginPageButton {
+  display: none;
+}
+
+#openPortalLoginPageButton {
+  margin-inline-start: 0;
+}
+
+body:not(.neterror) #advancedButton {
   display: block;
 }
 
@@ -72,13 +75,10 @@ body.certerror #advancedButton {
   display: none;
 }
 
-.container {
-  position: relative;
-}
-
 #advancedPanelContainer {
   position: absolute;
-  padding: 24px 0;
+  width: 100%;
+  left: 0;
 }
 
 .advanced-panel {
@@ -86,10 +86,9 @@ body.certerror #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 {
@@ -121,6 +120,7 @@ span#hostname {
 }
 
 #badCertTechnicalInfo {
+  margin: 3em;
   overflow: auto;
   white-space: pre-wrap;
 }
@@ -134,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 {
@@ -145,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;
+}