X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2FaboutNetError.css;fp=LCARStrek%2Fbrowser%2FaboutNetError.css;h=bbaa0a8050fb5dd2bf9155ca71384dc5b1d7dce4;hp=3042a671644567350507a4f165bdcd4a23e953c9;hb=1b1f3d099d79ff3f7e081b2702a1076c6cd627c4;hpb=6474f09ca3365ea117d6648ed31bed3b99449e84 diff --git a/LCARStrek/browser/aboutNetError.css b/LCARStrek/browser/aboutNetError.css index 3042a671..bbaa0a80 100644 --- 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 { @@ -138,6 +120,7 @@ span#hostname { } #badCertTechnicalInfo { + margin: 3em; overflow: auto; white-space: pre-wrap; } @@ -151,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 { @@ -167,3 +150,10 @@ span#hostname { color: var(--in-content-page-color); text-decoration: none; } + +.exceptionDialogButtonContainer { + background-color: var(--exception-button-container-background); + display: flex; + justify-content: end; + padding: 10px; +}