tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

aboutPolicies.css (2797B)

      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 @media not print {
      8  html,
      9  body {
     10    height: 100%;
     11  }
     12 }
     13 
     14 body {
     15  display: flex;
     16  align-items: stretch;
     17 }
     18 
     19 #sectionTitle {
     20  float: inline-start;
     21  padding-inline-start: 1rem;
     22 }
     23 
     24 /** Content area **/
     25 
     26 .main-content {
     27  flex: 1;
     28  scroll-padding: 25px;
     29 }
     30 
     31 .tab {
     32  padding: 0.5em 0;
     33 }
     34 
     35 .tab table {
     36  width: 100%;
     37 }
     38 
     39 tbody tr {
     40  transition: background cubic-bezier(0.07, 0.95, 0, 1) 250ms;
     41 }
     42 
     43 tbody tr:hover {
     44  background-color: var(--background-color-list-item-hover);
     45  color: var(--text-color-list-item-hover);
     46 }
     47 
     48 th,
     49 td,
     50 table {
     51  border-collapse: collapse;
     52  border: none;
     53  text-align: start;
     54 }
     55 
     56 th {
     57  padding: 1rem;
     58  font-size: larger;
     59 }
     60 
     61 td {
     62  padding: 1rem;
     63 }
     64 
     65 /*
     66 * In Documentation Tab, this property sets the policies row in an
     67 * alternate color scheme of white and grey as each policy comprises
     68 * of two tbody tags, one for the description and the other for the
     69 * collapsible information block.
     70 */
     71 
     72 .active-policies tr.odd:not(:hover),
     73 .errors tr:nth-child(odd):not(:hover),
     74 tbody:nth-child(4n + 1) {
     75  background-color: var(--table-row-background-color-alternate);
     76 }
     77 
     78 .arr_sep.odd:not(:last-child) td:not(:first-child) {
     79  border-bottom: 2px solid #f9f9fa;
     80 }
     81 
     82 .arr_sep.even:not(:last-child) td:not(:first-child) {
     83  border-bottom: 2px solid #ededf0;
     84 }
     85 
     86 .last_row:not(:last-child) td {
     87  border-bottom: 2px solid #d7d7db !important;
     88 }
     89 
     90 .icon {
     91  background-position: center center;
     92  background-repeat: no-repeat;
     93  background-size: 16px;
     94  -moz-context-properties: fill;
     95  display: inline-block;
     96  fill: var(--newtab-icon-primary-color);
     97  height: 14px;
     98  vertical-align: middle;
     99  width: 14px;
    100  margin-top: -0.125rem;
    101  margin-left: 0.5rem;
    102 }
    103 
    104 .collapsible {
    105  cursor: pointer;
    106  border: none;
    107  outline: none;
    108 }
    109 
    110 .content {
    111  display: none;
    112 }
    113 
    114 .content-style {
    115  background-color: var(--background-color-box);
    116  color: var(--blue-50);
    117 }
    118 
    119 tbody.collapsible td {
    120  padding-bottom: 1rem;
    121 }
    122 
    123 .schema {
    124  font-family: monospace;
    125  white-space: pre;
    126  direction: ltr;
    127 }
    128 
    129 /*
    130 * The Active tab has two messages: one for when the policy service
    131 * is inactive and another for when the there are no specified
    132 * policies. The three classes below control which message to display
    133 * or to show the policy table.
    134 */
    135 .no-specified-policies > table,
    136 .inactive-service > table {
    137  display: none;
    138 }
    139 
    140 :not(.no-specified-policies) > .no-specified-policies-message,
    141 :not(.inactive-service) > .inactive-service-message {
    142  display: none;
    143 }
    144 
    145 .no-specified-policies-message,
    146 .inactive-service-message {
    147  padding: 1rem;
    148 }