--- /dev/null
+body {
+ padding-bottom: 32px;
+}
+.form-control[readonly] {
+ cursor: text;
+}
+.feedback-container {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ text-align: center;
+ z-index: 4;
+}
+.feedback {
+ display: table;
+ padding: 0.5em 1em;
+ background-color: orange;
+ margin: 0 auto;
+ font-size: 2em;
+ color: #444;
+ border: 2px solid #555;
+ border-top: 0;
+ border-bottom-left-radius: 20px 20px;
+ border-bottom-right-radius: 20px 20px;
+}
+.no-border {
+ border: 0;
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
+}
+.phrase {
+ word-break: keep-all;
+}
+.generate-container .strength {
+ /* override mobile width from bootstrap */
+ width: auto!important;
+ display: inline-block;
+}
+.languages a {
+ padding-left: 10px;
+}
+.languages a:nth-of-type(1) {
+ margin-left: -12px;
+ padding-left: 0;
+}
+.monospace {
+ font-family: monospace;
+}
+.entropy-container .filtered,
+.entropy-container .binary {
+ word-wrap: break-word;
+}
+.entropy-container li {
+ padding-bottom: 5px;
+}
+.card-suit {
+ font-size: 19px;
+ line-height: 0;
+}
+.card-suit.club {
+ color: #009F00;
+}
+.card-suit.diamond {
+ color: #3D5DC4;
+}
+.card-suit.heart {
+ color: #F00;
+}
+.card-suit.spade {
+ color: #000;
+}
+.qr-container {
+ position: fixed;
+ top: 0;
+ right: 0;
+ text-align: center;
+ background-color: #FFF;
+ border: 1px solid #CCC;
+}
+.qr-image {
+ margin: 5px;
+}
+.qr-hint,
+.qr-warning {
+ padding: 2px;
+ max-width: 150px;
+}
+.more-info {
+ cursor: help;
+ border-bottom: 1px dashed #000;
+ text-decoration: none;
+}
+.version {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
<meta charset="utf-8" />
<title>BIP39 - Mnemonic Code</title>
<link rel="stylesheet" href="css/bootstrap-3.3.7.css">
+ <link rel="stylesheet" href="css/app.css">
<meta content="Mnemonic code for generating deterministic keys" name="description"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="bitcoin mnemonic converter" name="description" />
<meta content="Ian Coleman" name="author" />
<link type="image/x-icon" rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" />
-
- <style>
- body {
- padding-bottom: 32px;
- }
- .form-control[readonly] {
- cursor: text;
- }
- .feedback-container {
- position: fixed;
- top: 0;
- width: 100%;
- text-align: center;
- z-index: 4;
- }
- .feedback {
- display: table;
- padding: 0.5em 1em;
- background-color: orange;
- margin: 0 auto;
- font-size: 2em;
- color: #444;
- border: 2px solid #555;
- border-top: 0;
- border-bottom-left-radius: 20px 20px;
- border-bottom-right-radius: 20px 20px;
- }
- .no-border {
- border: 0;
- box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
- }
- .phrase {
- word-break: keep-all;
- }
- .generate-container .strength {
- /* override mobile width from bootstrap */
- width: auto!important;
- display: inline-block;
- }
- .languages a {
- padding-left: 10px;
- }
- .languages a:nth-of-type(1) {
- margin-left: -12px;
- padding-left: 0;
- }
- .monospace {
- font-family: monospace;
- }
- .entropy-container .filtered,
- .entropy-container .binary {
- word-wrap: break-word;
- }
- .entropy-container li {
- padding-bottom: 5px;
- }
- .card-suit {
- font-size: 19px;
- line-height: 0;
- }
- .card-suit.club {
- color: #009F00;
- }
- .card-suit.diamond {
- color: #3D5DC4;
- }
- .card-suit.heart {
- color: #F00;
- }
- .card-suit.spade {
- color: #000;
- }
- .qr-container {
- position: fixed;
- top: 0;
- right: 0;
- text-align: center;
- background-color: #FFF;
- border: 1px solid #CCC;
- }
- .qr-image {
- margin: 5px;
- }
- .qr-hint,
- .qr-warning {
- padding: 2px;
- max-width: 150px;
- }
- .more-info {
- cursor: help;
- border-bottom: 1px dashed #000;
- text-decoration: none;
- }
- .version {
- position: absolute;
- top: 5px;
- right: 5px;
- }
- </style>
</head>
<body>
<div class="container">