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: left;
  19 }
  20
  21 #refreshDiv {
  22   text-align: end;
  23   margin-bottom: 0.5em;
  24 }
  25
  26 #refreshButton {
  27   vertical-align: middle;
  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 .warningBackground button {
  90   margin-top: 1em;
  91   margin-left: 0;
  92   min-width: 100px;
  93 }
  94
  95 /** Content area **/
  96
  97 .main-content {
  98   flex: 1;
  99 }
 100
 101 .tab {
 102   padding: 0.5em 0;
 103 }
 104
 105 .tab table {
 106   border: 1;
 107   width: 100%;
 108 }
 109
 110 th, td, table {
 111   border-collapse: collapse;
 112   border: none;
 113   text-align: start;
 114 }
 115
 116 th {
 117   padding-bottom: 0.5em;
 118   font-size: larger;
 119 }
 120
 121 td {
 122   padding-bottom: 0.25em;
 123   border-bottom: 1px solid var(--in-content-box-border-color);
 124 }