tor-browser

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

aboutLoginsImportReport.css (2084B)

      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 .importreport {
      6  display: block;
      7 }
      8 
      9 #report-body {
     10  display: grid;
     11  grid-template-columns: repeat(6, auto);
     12  grid-template-rows: 110px 145px auto;
     13  grid-column: logins/login;
     14  height: 100%;
     15 }
     16 
     17 .import-report-heading {
     18  font-weight: var(--heading-font-weight);
     19  margin-block: auto;
     20  margin-inline-start: 48px;
     21 }
     22 
     23 .summary {
     24  grid-column: 2 / 5;
     25  grid-row-start: 1;
     26  display: flex;
     27  flex-direction: column;
     28  align-items: flex-start;
     29 }
     30 
     31 .summary h2 {
     32  font-size: 24px;
     33  margin-block: 32px 8px;
     34 }
     35 
     36 .summary > a {
     37  margin-top: 12px;
     38 }
     39 
     40 .new-logins,
     41 .exiting-logins,
     42 .duplicate-logins,
     43 .errors-logins {
     44  display: flex;
     45  flex-direction: column;
     46  width: 120px;
     47  height: 100px;
     48  align-items: center;
     49  margin: auto;
     50 }
     51 
     52 .count-details {
     53  margin-top: 8px;
     54  text-align: center;
     55 }
     56 
     57 .result-count {
     58  font-size: 40px;
     59  font-weight: var(--font-weight-bold);
     60 }
     61 
     62 .new-logins {
     63  grid-column: 2;
     64  grid-row-start: 2;
     65 }
     66 
     67 .exiting-logins {
     68  grid-column: 3;
     69  grid-row-start: 2;
     70 }
     71 
     72 .duplicate-logins {
     73  grid-column: 4;
     74  grid-row-start: 2;
     75 }
     76 
     77 .errors-logins {
     78  grid-column: 5;
     79  grid-row-start: 2;
     80 }
     81 
     82 .logins-list {
     83  grid-column: 2 / 6;
     84  grid-row-start: 3;
     85  display: grid;
     86  grid-template-columns: auto 1fr;
     87  border-top: 1px solid var(--border-color);
     88  grid-auto-rows: 28px;
     89  overflow-y: auto;
     90 }
     91 
     92 .not-imported {
     93  font-style: italic;
     94  font-weight: var(--font-weight-bold);
     95 }
     96 
     97 .error {
     98  color: var(--dialog-warning-text-color);
     99 }
    100 
    101 .not-imported-hidden {
    102  visibility: hidden;
    103 }
    104 
    105 import-details-row:nth-child(odd) {
    106  background-color: var(--table-row-background-color-alternate);
    107 }
    108 
    109 import-details-row {
    110  height: 20px;
    111  margin-block: 1px;
    112  display: grid;
    113  grid-column: 1 / 3;
    114  grid-template-columns: subgrid;
    115  grid-gap: 16px;
    116 }
    117 
    118 import-details-row .row-count {
    119  padding-inline: 8px 12px;
    120 }
    121 
    122 import-details-row .row-details {
    123  padding-inline-start: 5px;
    124 }