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