tor-browser

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

text-css.css (2537B)

      1      :root {
      2        font-family: system-ui;
      3      }
      4      .valueFlex {
      5        width: 100%;
      6        box-sizing: border-box;
      7        height: 40px;
      8        border: 1px solid grey;
      9        display: flex;
     10        flex-direction: row;
     11        align-items: center;
     12        gap: 10px;
     13        background-color: lightgrey;
     14 
     15      }
     16      .valueFlex div {
     17        height: 100%;
     18        flex-grow: 1;
     19      }
     20      .valueFlex .value {
     21        flex-grow: 4;
     22        text-align: center;
     23      }
     24 
     25      .valueFlex div div {
     26        display: flex;
     27        align-items: center;
     28        justify-content: center;
     29      }
     30 
     31      .valueFlex .value.disabled {
     32        background-color: tomato;
     33      }
     34      .valueFlex .value.disabled div:before {
     35        content: "Disabled";
     36      }
     37 
     38      .valueFlex .value.enabled {
     39        background-color: chartreuse;
     40      }
     41      .valueFlex .value.enabled div:before {
     42        content: "Enabled";
     43      }
     44 
     45      .valueGrid {
     46        border: 1px solid grey;
     47        display: grid;
     48        grid-template-columns: 1fr 3fr;
     49      }
     50 
     51      .valueGrid>div {
     52        padding: 5px;
     53        background-color: lightgrey;
     54        display: flex;
     55        justify-content: center;
     56        align-items: center;
     57      }
     58 
     59      .valueGrid>div>div {
     60        overflow-wrap: anywhere;
     61      }
     62 
     63      .valueGrid div.value {
     64        background-color: thistle;
     65      }
     66 
     67      .generator {
     68        width: 100%;
     69        box-sizing: border-box;
     70        height: 40px;
     71        border: 1px solid grey;
     72        display: flex;
     73        flex-direction: row;
     74        align-items: center;
     75        gap: 10px;
     76        background-color: lightgrey;
     77      }
     78 
     79      .items {
     80        display: grid;
     81        grid-template-columns: 1fr 4fr;
     82        gap: 4px;
     83      }
     84 
     85      .box {
     86        border: 1px solid black;
     87      }
     88 
     89      .box.label {
     90        display: flex;
     91        justify-content: center;
     92        align-items: center;
     93      }
     94 
     95      .box.listing {
     96        padding: 10px;
     97        display: grid;
     98        grid-template-columns: 1fr 4fr;
     99        row-gap: 2px;
    100      }
    101 
    102      .box.listing div {
    103        background-color: lightgrey;
    104      }
    105      .box.listing .value {
    106        font-style: italic;
    107        overflow-wrap: anywhere;
    108      }
    109 
    110      .content {
    111      }
    112 
    113      hr {
    114        margin-top: 40px;
    115        margin-bottom: 40px;
    116      }
    117 
    118      #iframesContainer {
    119        display:flex;
    120        width: 100%;
    121        border: 1px solid blue;
    122      }
    123 
    124      #iframesContainer div {
    125        flex: 1;
    126      }
    127 
    128      #target {
    129        width: 100px;
    130      }