github.com/aychain/blockbook@v0.1.1-0.20181121092459-6d1fc7e07c5b/static/css/main.css (about) 1 html, body { 2 height: 100%; 3 } 4 5 body { 6 width: 100%; 7 min-height: 100%; 8 background-color: #ffffff; 9 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; 10 font-size: 11px; 11 } 12 13 a { 14 color: #428bca; 15 text-decoration: none; 16 } 17 18 h1 small { 19 font-size: 65%; 20 } 21 22 h3 { 23 margin-top: 20px; 24 } 25 26 .octicon { 27 color: #777; 28 display: inline-block; 29 vertical-align: text-top; 30 fill: currentColor; 31 height: 16px; 32 } 33 34 .navbar-form { 35 padding-bottom: 1px; 36 } 37 38 .navbar-form .form-control { 39 background-color: gray; 40 color: #fff; 41 border-radius: 3px; 42 -webkit-border-radius: 3px; 43 -moz-border-radius: 3px; 44 border: 0; 45 -webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .41), inset 1px 1px 3px 0 rgba(0, 0, 0, .10); 46 -moz-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .41), inset 1px 1px 3px 0 rgba(0, 0, 0, .10); 47 box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .41), inset 1px 1px 3px 0 rgba(0, 0, 0, .10); 48 } 49 50 @media (min-width: 768px) { 51 .container { 52 max-width: 750px; 53 } 54 } 55 56 @media (min-width: 992px) { 57 body { 58 font-size: 12px; 59 } 60 .container { 61 max-width: 970px; 62 } 63 .octicon { 64 height: 24px; 65 } 66 .navbar-form .form-control { 67 width: 230px; 68 } 69 } 70 71 @media (min-width: 1200px) { 72 body { 73 font-size: 14px; 74 } 75 .container { 76 max-width: 1170px; 77 } 78 .octicon { 79 height: 32px; 80 } 81 .navbar-form .form-control { 82 width: 360px; 83 } 84 } 85 86 #header { 87 position: absolute; 88 top: 0; 89 left: 0; 90 height: 53px; 91 width: 100%; 92 margin: 0; 93 padding-bottom: 0; 94 padding-top: 0; 95 background-color: #212121; 96 border: 0; 97 } 98 99 .bg-trezor { 100 background-color: #212121!important; 101 height: 53px; 102 } 103 104 .bg-trezor .navbar-text { 105 color: rgba(255, 255, 255); 106 font-weight: bold; 107 font-size: 19px; 108 } 109 110 .trezor-logo-svg-white svg { 111 fill: #FFFFFF; 112 margin-top: 6px; 113 } 114 115 #wrap { 116 min-height: 100%; 117 height: auto; 118 padding: 75px 0; 119 margin: 0 auto -53px; 120 } 121 122 #footer { 123 background-color: #212121; 124 color: #fff; 125 height: 53px; 126 overflow: hidden; 127 } 128 129 .alert-data { 130 color: #383d41; 131 background-color: #f4f4f4; 132 border-color: #d6d8db; 133 padding: 15px; 134 } 135 136 .line-top { 137 border-top: 1px solid #EAEAEA; 138 padding: 10px 0 0; 139 } 140 141 .line-mid { 142 padding: 15px; 143 } 144 145 .line-bot { 146 border-bottom: 2px solid #EAEAEA; 147 padding: 0 0 15px; 148 } 149 150 .txvalues { 151 display: inline-block; 152 padding: .7em 2em; 153 font-size: 13px; 154 font-weight: 100; 155 color: #fff; 156 text-align: center; 157 white-space: nowrap; 158 vertical-align: baseline; 159 border-radius: .25em; 160 margin-top: 5px; 161 } 162 163 .txvalues:not(:last-child) { 164 margin-right: 5px; 165 } 166 167 .txvalues-default { 168 background-color: #EBEBEB; 169 color: #333; 170 } 171 172 .txvalues-success { 173 background-color: dimgray; 174 } 175 176 .txvalues-primary { 177 background-color: #000; 178 } 179 180 .txvalues-danger { 181 background-color: #AC0015; 182 text-transform: uppercase; 183 } 184 185 .ellipsis { 186 overflow: hidden; 187 text-overflow: ellipsis; 188 white-space: nowrap; 189 } 190 191 .data-div { 192 margin: 20px 0 30px 0; 193 } 194 195 .data-div .col-md-10 { 196 padding-left: 0; 197 } 198 199 .data-table { 200 table-layout: fixed; 201 border-radius: .25rem; 202 background: white; 203 } 204 205 .data-table td, .data-table th { 206 padding: .4rem; 207 } 208 209 .data-table span.ellipsis { 210 max-width: 100%; 211 } 212 213 .data { 214 font-weight: bold; 215 } 216 217 .alert .data-table { 218 margin: 0; 219 } 220 221 .navbar-nav .nav-link { 222 padding-right: 0; 223 padding-left: .25rem; 224 } 225 226 .navbar-text .nav-link { 227 padding: 0; 228 } 229 230 ::-webkit-input-placeholder { 231 color: #CCC!important; 232 font-style: italic; 233 font-size: 14px; 234 } 235 236 ::-moz-placeholder { 237 color: #CCC!important; 238 font-style: italic; 239 font-size: 14px; 240 } 241 242 .h-container { 243 display: -webkit-box; 244 display: -ms-flexbox; 245 -ms-flex-wrap: wrap; 246 flex-wrap: wrap; 247 } 248 249 .h-container-6 { 250 width: 50%; 251 margin: 0; 252 } 253 254 .h-container ul { 255 margin: 0; 256 } 257 258 .page-link { 259 color: #428bca; 260 } 261 262 .page-text { 263 display: block; 264 padding: .5rem .3rem; 265 line-height: 1.25; 266 } 267 268 .page-link { 269 color: #428bca; 270 } 271 272 .page-item.active .page-link { 273 background-color: #428bca; 274 } 275 276 #txSpecific { 277 margin: 0; 278 } 279 280 .string { 281 color: darkgreen; 282 } 283 284 .number, .boolean { 285 color: darkred; 286 } 287 288 .null { 289 color: red; 290 } 291 292 .key { 293 color: #333 ; 294 }