src/css/app.css

   1 body {
   2     padding-bottom: 32px;
   3 }
   4 .form-control[readonly] {
   5     cursor: text;
   6 }
   7 .feedback-container {
   8     position: fixed;
   9     top: 0;
  10     width: 100%;
  11     text-align: center;
  12     z-index: 4;
  13 }
  14 .feedback {
  15     display: table;
  16     padding: 0.5em 1em;
  17     background-color: orange;
  18     margin: 0 auto;
  19     font-size: 2em;
  20     color: #444;
  21     border: 2px solid #555;
  22     border-top: 0;
  23     border-bottom-left-radius: 20px 20px;
  24     border-bottom-right-radius: 20px 20px;
  25 }
  26 .no-border {
  27     border: 0;
  28     box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
  29     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
  30 }
  31 .phrase {
  32     word-break: keep-all;
  33 }
  34 .phraseSplitWarn {
  35         text-align: right;
  36         color: red;
  37 }
  38 .generate-container .strength {
  39     /* override mobile width from bootstrap */
  40     width: auto!important;
  41     display: inline-block;
  42 }
  43 .languages a {
  44     padding-left: 10px;
  45 }
  46 .languages a:nth-of-type(1) {
  47     margin-left: -12px;
  48     padding-left: 0;
  49 }
  50 .monospace {
  51     font-family: monospace;
  52 }
  53 .entropy-container .filtered,
  54 .entropy-container .binary {
  55     word-wrap: break-word;
  56 }
  57 .entropy-container li {
  58     padding-bottom: 5px;
  59 }
  60 .card-suit {
  61     font-size: 19px;
  62     line-height: 0;
  63 }
  64 .card-suit.club {
  65     color: #009F00;
  66 }
  67 .card-suit.diamond {
  68     color: #3D5DC4;
  69 }
  70 .card-suit.heart {
  71     color: #F00;
  72 }
  73 .card-suit.spade {
  74     color: #000;
  75 }
  76 .qr-container {
  77     position: fixed;
  78     top: 0;
  79     right: 0;
  80     text-align: center;
  81     background-color: #FFF;
  82     border: 1px solid #CCC;
  83 }
  84 .qr-image {
  85     margin: 5px;
  86 }
  87 .qr-hint,
  88 .qr-warning {
  89     padding: 2px;
  90     max-width: 320px;
  91 }
  92 .more-info {
  93     cursor: help;
  94     border-bottom: 1px dashed #000;
  95     text-decoration: none;
  96 }
  97 .version {
  98     position: absolute;
  99     top: 5px;
 100     right: 5px;
 101 }
 102 .csv {
 103     margin-top: 20px;
 104     margin-bottom: 20px;
 105     white-space: pre;
 106     overflow-wrap: normal;
 107     overflow-x: scroll;
 108     font-family: monospace;
 109 }
 110 .visual-privacy .private-data {
 111     display: none;
 112 }