LCARStrek/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: #A09090;
  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   color: var(--in-content-text-color);
  69 }
  70
  71 .title {
  72   position: relative;
  73   border-bottom: 1px solid var(--in-content-box-border-color);
  74   margin-bottom: 1em;
  75   padding-bottom: 0.5em;
  76 }
  77
  78 .title::before {
  79   content: "";
  80   left: -2.3em;
  81   top: 0;
  82   position: absolute;
  83   display: block;
  84   width: 1.6em;
  85   height: 1.6em;
  86   background: url("chrome://global/skin/icons/warning.svg") no-repeat left center;
  87   background-size: 1.6em;
  88 }
  89
  90 .title:dir(rtl)::before {
  91   left: auto;
  92   right: -2.3em;
  93 }
  94
  95 .warningBackground button {
  96   margin-top: 1em;
  97   margin-left: 0;
  98   min-width: 100px;
  99 }
 100
 101 /** Content area **/
 102
 103 .main-content {
 104   flex: 1;
 105 }
 106
 107 .tab {
 108   padding: 0.5em 0;
 109 }
 110
 111 .tab table {
 112   width: 100%;
 113 }
 114
 115 th, td, table {
 116   border-collapse: collapse;
 117   border: none;
 118   text-align: start;
 119 }
 120
 121 th {
 122   padding-bottom: 0.5em;
 123   font-size: larger;
 124 }
 125
 126 td {
 127   padding-bottom: 0.25em;
 128   border-bottom: 1px solid var(--in-content-box-border-color);
 129 }