tor-browser

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

style.css (985B)


      1 /* page layout */
      2 
      3 body {
      4    display: flex;
      5    flex-direction: column;
      6    justify-content: center;
      7    align-items: center;
      8    margin: 0;
      9    height: 100vh;
     10 }
     11 div.title, iframe {
     12    width: 100vw;
     13    height: 20vh;
     14    border: none;
     15 }
     16 div.title {
     17    display: flex;
     18    flex-direction: column;
     19    justify-content: center;
     20    align-items: center;
     21 }
     22 h1, p {
     23    margin: 0;
     24    width: 24em;
     25 }
     26 
     27 /* text style */
     28 
     29 h1, input, p {
     30    font-family: monospace;
     31    font-size: 3em;
     32 }
     33 input {
     34    color: #333;
     35    border: 3px solid #999;
     36    padding: 1em;
     37 }
     38 input:focus {
     39    border-color: #333;
     40    outline: none;
     41 }
     42 input::placeholder {
     43    color: #999;
     44    opacity: 1;
     45 }
     46 
     47 /* test results */
     48 
     49 body.test {
     50    background-color: #666;
     51    color: #fff;
     52 }
     53 body.ok {
     54    background-color: #090;
     55    color: #fff;
     56 }
     57 body.ko {
     58    background-color: #900;
     59    color: #fff;
     60 }
     61 body > p {
     62    display: none;
     63 }
     64 body > p.title,
     65 body.test > p.test,
     66 body.ok > p.ok,
     67 body.ko > p.ko {
     68    display: block;
     69 }