LCARStrek/browser/aboutNetError.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 ul, ol {
  17   margin: 0;
  18   padding: 0;
  19   -moz-margin-start: 1em;
  20 }
  21
  22 ul > li, ol > li {
  23   margin-bottom: .5em;
  24 }
  25
  26 ul {
  27   list-style: disc;
  28 }
  29
  30 #errorPageContainer {
  31   position: relative;
  32   min-width: 320px;
  33   max-width: 512px;
  34 }
  35
  36 #errorTitle {
  37   background: url("aboutNetError_info.svg") left 0 no-repeat;
  38   background-size: 3em;
  39   -moz-margin-start: -5em;
  40   -moz-padding-start: 5em;
  41 }
  42
  43 #errorTitleText {
  44   border-bottom: 1px solid #A09090;
  45   padding-bottom: 0.4em;
  46 }
  47
  48 #errorTitleText:-moz-dir(rtl) {
  49   background-position: right 0;
  50 }
  51
  52 #errorTitle[sslv3=true],
  53 #errorTitle[weakCrypto=true] {
  54   background-image: url("cert-error.svg");
  55 }
  56
  57 #errorTryAgain {
  58   margin-top: 1.2em;
  59   min-width: 150px
  60 }
  61
  62 #errorContainer {
  63   display: none;
  64 }
  65
  66 @media (max-width: 675px) {
  67   #errorTitle,
  68   #errorTitle[sslv3=true],
  69   #errorTitle[weakCrypto=true] {
  70     padding-top: 0;
  71     background-image: none;
  72     -moz-padding-start: 0;
  73     -moz-margin-start: 0;
  74   }
  75 }
  76
  77 /* Pressing the retry button will cause the cursor to flicker from a pointer to
  78  * not-allowed. Override the disabled cursor behaviour since we will never show
  79  * the button disabled as the initial state. */
  80 button:disabled {
  81   cursor: pointer;
  82 }
  83
  84 #learnMoreContainer {
  85   display: none;
  86 }
  87
  88 #buttonContainer {
  89   display: none;
  90   flex-flow: row wrap;
  91 }
  92
  93 #buttonSpacer {
  94   flex: 1;
  95 }
  96
  97 #returnButton {
  98   background-color: var(--in-content-primary-button-background);
  99   border: none;
 100   color: var(--in-content-selected-text);
 101   min-width: 250px;
 102   margin-inline-start: 0;
 103 }
 104
 105 #returnButton:hover {
 106   background-color: var(--in-content-primary-button-background-hover) !important;
 107 }
 108
 109 #returnButton:hover:active {
 110   background-color: var(--in-content-primary-button-background-active) !important;
 111 }
 112
 113 #advancedButton {
 114   display: none;
 115   min-width: 150px;
 116 }
 117
 118 #certificateErrorReporting,
 119 #reportCertificateError,
 120 #reportSentMessage {
 121   display: none;
 122 }
 123
 124 div#weakCryptoAdvanced,
 125 div#certificateErrorReporting {
 126   display: none;
 127   float: right;
 128   /* Align with the "Try Again" button */
 129   margin-top: 19px;
 130   -moz-margin-end: 0;
 131 }
 132
 133 div#certificateErrorReporting a,
 134 div#certificateErrorReportingPanel a {
 135   background-color: #C09070;
 136   color: #000000;
 137   border-radius: 300px;
 138   padding: 1px 6px;
 139 }
 140
 141 div#certificateErrorReporting a {
 142 }
 143
 144 div#certificateErrorReporting a:hover {
 145   text-decoration: none;
 146   background-color: #FFCF00;
 147 }
 148
 149 span.downArrow {
 150   display: inline-block;
 151   vertical-align: middle;
 152   font-size: 0.6em;
 153   -moz-margin-start: 0.5em;
 154   transform: scaleY(0.7);
 155 }
 156
 157 div#weakCryptoAdvancedPanel,
 158 div#certificateErrorReportingPanel {
 159   /* Hidden until the link is clicked */
 160   display: none;
 161   background-color: #000000;
 162   border: 1px #A09090 solid;
 163   /* Don't use top padding because the default p style has top padding, and it
 164    * makes the overall div look uneven */
 165   padding: 0 12px 12px 12px;
 166   font-size: 0.9em;
 167   position: absolute;
 168   width: 75%;
 169   margin-top: 10px;
 170 }
 171
 172 div#certificateErrorReportingPanel:-moz-dir(ltr) {
 173   left: 34%;
 174 }
 175
 176 div#certificateErrorReportingPanel:-moz-dir(rtl) {
 177   right: 0;
 178 }
 179
 180 #overrideWeakCryptoPanel,
 181 #errorStatePanel {
 182   display: flex;
 183   flex-direction: row;
 184   flex-wrap: wrap;
 185   justify-content: space-between;
 186   align-content: space-between;
 187   align-items: flex-start;
 188 }
 189
 190 span#hostname {
 191   font-weight: bold;
 192 }
 193
 194 #automaticallyReportInFuture {
 195   cursor: pointer;
 196 }
 197
 198 #errorCode {
 199   color: var(--in-content-page-color);
 200   cursor: text;
 201   text-decoration: none;
 202 }
 203
 204 #reportSendingMessage {
 205   /* adjust the line-height to match the link */
 206   line-height: 22px;
 207 }
 208
 209 #reportSentMessage {
 210   /* adjust the line-height to match the link */
 211   line-height: 22px;
 212 }