info-pages.css

   1 @import url("chrome://global/skin/in-content/common.css");\r
   2 /* Body and container */\r
   3 body {\r
   4   display: flex;\r
   5   box-sizing: padding-box;\r
   6   min-height: 100vh;\r
   7   padding-top: 0;\r
   8   padding-bottom: 0;\r
   9   -moz-padding-start: calc(48px + 4.6em);\r
  10   -moz-padding-end: 48px;\r
  11   align-items: center;\r
  12   justify-content: center;\r
  13 }\r
  14 \r
  15 .container {\r
  16   min-width: 13em;\r
  17   max-width: 52em;\r
  18 }\r
  19 \r
  20 /* Typography */\r
  21 .title {\r
  22   background-image: url("chrome://browser/skin/aboutNetError_info.svg");\r
  23   background-position: left 0;\r
  24   background-repeat: no-repeat;\r
  25   background-size: 1.6em;\r
  26   -moz-margin-start: -2.3em;\r
  27   -moz-padding-start: 2.3em;\r
  28   font-size: 2.5em;\r
  29 }\r
  30 \r
  31 .title:-moz-dir(rtl) {\r
  32   background-position: right 0;\r
  33 }\r
  34 \r
  35 .title-text {\r
  36   border-bottom: 1px solid #A09090;\r
  37   font-size: inherit;\r
  38   padding-bottom: 0.4em;\r
  39 }\r
  40 \r
  41 @media (max-width: 675px) {\r
  42   body {\r
  43     padding: 0 48px;\r
  44   }\r
  45 \r
  46   .title {\r
  47     background-image: none !important;\r
  48     -moz-padding-start: 0;\r
  49     -moz-margin-start: 0;\r
  50   }\r
  51 \r
  52   .title-text {\r
  53     padding-top: 0;\r
  54   }\r
  55 }\r
  56 \r
  57 ul, ol {\r
  58   margin: 0;\r
  59   padding: 0;\r
  60   -moz-margin-start: 1em;\r
  61 }\r
  62 \r
  63 ul > li, ol > li {\r
  64   margin-bottom: .5em;\r
  65 }\r
  66 \r
  67 ul {\r
  68   list-style: disc;\r
  69 }\r
  70 \r
  71 /* Buttons */\r
  72 .button-container {\r
  73   margin-top: 1.2em;\r
  74 }\r
  75 \r
  76 .button-container > button {\r
  77   min-width: 150px;\r
  78 }\r
  79 \r
  80 /* Trees */\r
  81 tree {\r
  82   min-height: 12em;\r
  83   margin-top: 1.2em;\r
  84   width: 100%;\r
  85 }