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