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 .generate-container .strength {
  35     /* override mobile width from bootstrap */
  36     width: auto!important;
  37     display: inline-block;
  38 }
  39 .languages a {
  40     padding-left: 10px;
  41 }
  42 .languages a:nth-of-type(1) {
  43     margin-left: -12px;
  44     padding-left: 0;
  45 }
  46 .monospace {
  47     font-family: monospace;
  48 }
  49 .entropy-container .filtered,
  50 .entropy-container .binary {
  51     word-wrap: break-word;
  52 }
  53 .entropy-container li {
  54     padding-bottom: 5px;
  55 }
  56 .card-suit {
  57     font-size: 19px;
  58     line-height: 0;
  59 }
  60 .card-suit.club {
  61     color: #009F00;
  62 }
  63 .card-suit.diamond {
  64     color: #3D5DC4;
  65 }
  66 .card-suit.heart {
  67     color: #F00;
  68 }
  69 .card-suit.spade {
  70     color: #000;
  71 }
  72 .qr-container {
  73     position: fixed;
  74     top: 0;
  75     right: 0;
  76     text-align: center;
  77     background-color: #FFF;
  78     border: 1px solid #CCC;
  79 }
  80 .qr-image {
  81     margin: 5px;
  82 }
  83 .qr-hint,
  84 .qr-warning {
  85     padding: 2px;
  86     max-width: 320px;
  87 }
  88 .more-info {
  89     cursor: help;
  90     border-bottom: 1px dashed #000;
  91     text-decoration: none;
  92 }
  93 .version {
  94     position: absolute;
  95     top: 5px;
  96     right: 5px;
  97 }
  98 .csv {
  99     margin-top: 20px;
 100     margin-bottom: 20px;
 101     white-space: pre;
 102     overflow-wrap: normal;
 103     overflow-x: scroll;
 104     font-family: monospace;
 105 }