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 /* Pressing the retry button will cause the cursor to flicker from a pointer to
  57  * not-allowed. Override the disabled cursor behaviour since we will never show
  58  * the button disabled as the initial state. Remove this in Bug 1219861. */
  59 button:disabled {
  60   cursor: pointer;
  61 }
  62
  63 #returnButton {
  64   background-color: var(--in-content-primary-button-background);
  65   border: none;
  66   color: var(--in-content-selected-text);
  67   min-width: 250px;
  68   margin-inline-start: 0;
  69 }
  70
  71 #returnButton:hover {
  72   background-color: var(--in-content-primary-button-background-hover) !important;
  73 }
  74
  75 #returnButton:hover:active {
  76   background-color: var(--in-content-primary-button-background-active) !important;
  77 }
  78
  79 #advancedButton {
  80   min-width: 150px;
  81 }
  82
  83 /* Advanced section is hidden via inline styles until the link is clicked */
  84 #advancedPanel {
  85   background-color: #000000;
  86   color: var(--in-content-text-color);
  87   border: 1px #A09090 solid;
  88   /* Don't use top padding because the default p style has top padding, and it
  89    * makes the overall div look uneven */
  90   padding: 0 12px 10px;
  91   margin-top: 10px;
  92 /*  box-shadow: 0 0 4px #ddd;*/
  93   font-size: 0.9em;
  94 }
  95
  96 .hostname {
  97   font-weight: bold;
  98 }