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