EarlyBlue/global/aboutNetworking.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 html {
   8   height: 100%;
   9 }
  10
  11 body {
  12   display: flex;
  13   align-items: stretch;
  14   height: 100%;
  15 }
  16
  17 #sectionTitle {
  18   float: inline-start;
  19 }
  20
  21 #refreshDiv {
  22   justify-content: flex-end;
  23   margin-bottom: 0.5em;
  24 }
  25
  26 #refreshButton {
  27   margin-top: 0;
  28 }
  29
  30 /** Categories **/
  31
  32 .category {
  33   cursor: pointer;
  34   /* Center category names */
  35   display: flex;
  36   align-items: center;
  37 }
  38
  39 .category .category-name {
  40   pointer-events: none;
  41 }
  42
  43 #categories hr {
  44   border-top-color: #9999CC;
  45 }
  46
  47 /** Warning container **/
  48
  49 /* XXX: a lot of this is duplicated from info-pages.css since that stylesheet
  50    is incompatible with this type of layout */
  51 .warningBackground:not([hidden]) {
  52   display: flex;
  53 }
  54
  55 .warningBackground {
  56   flex-direction: column;
  57   box-sizing: border-box;
  58   min-height: 100vh;
  59   align-items: center;
  60   justify-content: center;
  61   width: 100%;
  62   height: 100%;
  63   z-index: 10;
  64   top: 0;
  65   left: 0;
  66   position: fixed;
  67   background: var(--in-content-page-background);
  68 }
  69
  70 .title {
  71   position: relative;
  72   border-bottom: 1px solid var(--in-content-box-border-color);
  73   margin-bottom: 1em;
  74   padding-bottom: 0.5em;
  75 }
  76
  77 .title::before {
  78   content: "";
  79   left: -2.3em;
  80   top: 0;
  81   position: absolute;
  82   display: block;
  83   width: 1.6em;
  84   height: 1.6em;
  85   background: url("chrome://global/skin/icons/warning.svg") no-repeat left center;
  86   background-size: 1.6em;
  87 }
  88
  89 .title:dir(rtl)::before {
  90   left: auto;
  91   right: -2.3em;
  92 }
  93
  94 .warningBackground button {
  95   margin-top: 1em;
  96   margin-left: 0;
  97   min-width: 100px;
  98 }
  99
 100 /** Content area **/
 101
 102 .main-content {
 103   flex: 1;
 104 }
 105
 106 .tab {
 107   padding: 0.5em 0;
 108 }
 109
 110 .tab table {
 111   width: 100%;
 112 }
 113
 114 th, td, table {
 115   border-collapse: collapse;
 116   border: none;
 117   text-align: start;
 118 }
 119
 120 th {
 121   padding-bottom: 0.5em;
 122   font-size: larger;
 123 }
 124
 125 td {
 126   padding-bottom: 0.25em;
 127   border-bottom: 1px solid var(--in-content-box-border-color);
 128 }