LCARStrek/browser/aboutCertError.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @import url("chrome://global/skin/in-content/common.css");
   6
   7 body {
   8   display: flex;
   9   box-sizing: border-box;
  10   min-height: 100vh;
  11   padding: 0 48px;
  12   align-items: center;
  13   justify-content: center;
  14 }
  15
  16 #errorPageContainer {
  17   position: relative;
  18   min-width: 320px;
  19   max-width: 512px;
  20 }
  21
  22 #errorTitle {
  23   background: url("chrome://browser/skin/cert-error.svg") left 0 no-repeat;
  24   background-size: 3em;
  25   margin-inline-start: -5em;
  26   padding-inline-start: 5em;
  27 }
  28
  29 #errorTitle:-moz-dir(rtl) {
  30   background-position: right 0;
  31 }
  32
  33 #errorTitleText {
  34   border-bottom: 1px solid #A09090;
  35   padding-bottom: 0.4em;
  36 }
  37
  38 @media (max-width: 675px) {
  39   #errorTitle {
  40     padding-top: 0;
  41     background-image: none;
  42     margin-inline-start: 0;
  43     padding-inline-start: 0;
  44   }
  45 }
  46
  47 #buttonContainer {
  48   display: flex;
  49   flex-flow: row wrap;
  50 }
  51
  52 #buttonSpacer {
  53   flex: 1;
  54 }
  55
  56 #returnButton {
  57   background-color: var(--in-content-primary-button-background);
  58   border: none;
  59   color: var(--in-content-selected-text);
  60   min-width: 250px;
  61   margin-inline-start: 0;
  62 }
  63
  64 #returnButton:hover {
  65   background-color: var(--in-content-primary-button-background-hover) !important;
  66 }
  67
  68 #returnButton:hover:active {
  69   background-color: var(--in-content-primary-button-background-active) !important;
  70 }
  71
  72 #advancedButton {
  73   min-width: 150px;
  74 }
  75
  76 /* Advanced section is hidden via inline styles until the link is clicked */
  77 #advancedPanel {
  78   background-color: #000000;
  79   color: var(--in-content-text-color);
  80   border: 1px #A09090 solid;
  81   /* Don't use top padding because the default p style has top padding, and it
  82    * makes the overall div look uneven */
  83   padding: 0 12px 10px;
  84   margin-top: 10px;
  85 /*  box-shadow: 0 0 4px #ddd;*/
  86   font-size: 0.9em;
  87 }
  88
  89 .hostname {
  90   font-weight: bold;
  91 }