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: padding-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   min-width: 320px;
  32   max-width: 512px;
  33 }
  34
  35 #errorTitleText {
  36   background: url("aboutNetError_info.svg") left 0 no-repeat;
  37   background-size: 1.2em;
  38   -moz-margin-start: -2em;
  39   -moz-padding-start: 2em;
  40 }
  41
  42 #errorTitleText[sslv3] {
  43   background-image: url("aboutNetError_alert.svg");
  44 }
  45
  46 #errorTitleText:-moz-dir(rtl) {
  47   background-position: right 0;
  48 }
  49
  50 #errorTryAgain {
  51   margin-top: 1.2em;
  52   min-width: 150px
  53 }
  54
  55 #errorContainer {
  56   display: none;
  57 }
  58
  59 @media (max-width: 675px) {
  60   #errorTitleText {
  61     padding-top: 0;
  62     background-image: none;
  63     -moz-padding-start: 0;
  64     -moz-margin-start: 0;
  65   }
  66 }
  67
  68 /* Pressing the retry button will cause the cursor to flicker from a pointer to
  69  * not-allowed. Override the disabled cursor behaviour since we will never show
  70  * the button disabled as the initial state. */
  71 button:disabled {
  72   cursor: pointer;
  73 }
  74
  75 div#certificateErrorReporting {
  76   display: none;
  77   float:right;
  78   /* Align with the "Try Again" button */
  79   margin-top: 19px;
  80   margin-right: 0;
  81 }
  82
  83 div#certificateErrorReporting a,
  84 div#certificateErrorReportingPanel a {
  85   background-color: #C09070;
  86   color: #000000;
  87   border-radius: 300px;
  88   padding: 1px 6px;
  89 }
  90
  91 div#certificateErrorReporting a {
  92 }
  93
  94 div#certificateErrorReporting a:hover {
  95   text-decoration: none;
  96   background-color: #FFCF00;
  97 }
  98
  99 span.downArrow {
 100   font-size: 0.9em;
 101 }
 102
 103 div#certificateErrorReportingPanel {
 104   /* Hidden until the link is clicked */
 105   display: none;
 106   background-color: #000000;
 107   border: 1px #A09090 solid;
 108   /* Don't use top padding because the default p style has top padding, and it
 109    * makes the overall div look uneven */
 110   padding: 0 12px 12px 12px;
 111   position: relative;
 112   width: 75%;
 113   left: 34%;
 114   font-size: 0.9em;
 115   top: 8px;
 116 }
 117
 118 span#hostname {
 119   font-weight: bold;
 120 }
 121
 122 #automaticallyReportInFuture {
 123   cursor: pointer;
 124 }
 125
 126 #reportingState {
 127   padding-left: 150px;
 128 }
 129
 130 #reportSendingMessage {
 131   position: relative;
 132   display: none;
 133 }
 134
 135 #reportSentMessage {
 136   position: relative;
 137   display: none;
 138 }
 139
 140 button#reportCertificateError {
 141   position: relative;
 142 }
 143
 144 button#reportCertificateErrorRetry {
 145   position: relative;
 146   display: none;
 147 }