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