github.com/dawnbass68/maddcash@v0.0.0-20201001105353-c91c12cb36e5/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 width: 100%; 91 margin: 0; 92 padding-bottom: 0; 93 padding-top: 0; 94 background-color: #212121; 95 border: 0; 96 } 97 98 .bg-trezor { 99 background-color: #212121!important; 100 padding-top: 3px; 101 padding-bottom: 2px; 102 z-index: 2; 103 } 104 105 .bg-trezor .navbar-brand { 106 color: rgba(255, 255, 255); 107 font-weight: bold; 108 font-size: 19px; 109 fill: #FFFFFF; 110 } 111 112 @media (max-width: 768px) { 113 .navbar { 114 font-size: 14px; 115 } 116 .bg-trezor .navbar-brand { 117 font-weight: normal; 118 font-size: 14px; 119 } 120 } 121 122 #wrap { 123 min-height: 100%; 124 height: auto; 125 padding: 75px 0; 126 margin: 0 auto -42px; 127 } 128 129 #footer { 130 background-color: #212121; 131 color: #fff; 132 height: 42px; 133 overflow: hidden; 134 } 135 136 .alert-data { 137 color: #383d41; 138 background-color: #f4f4f4; 139 border-color: #d6d8db; 140 padding: 15px; 141 } 142 143 .line-top { 144 border-top: 1px solid #EAEAEA; 145 padding: 10px 0 0; 146 } 147 148 .line-mid { 149 padding: 15px; 150 } 151 152 .line-bot { 153 border-bottom: 2px solid #EAEAEA; 154 padding: 0 0 15px; 155 } 156 157 .txvalues { 158 display: inline-block; 159 padding: .7em 2em; 160 font-size: 13px; 161 font-weight: 100; 162 color: #fff; 163 text-align: center; 164 white-space: nowrap; 165 vertical-align: baseline; 166 border-radius: .25em; 167 margin-top: 5px; 168 } 169 170 .txvalues:not(:last-child) { 171 margin-right: 5px; 172 } 173 174 .txvalues-default { 175 background-color: #EBEBEB; 176 color: #333; 177 } 178 179 .txvalues-success { 180 background-color: dimgray; 181 } 182 183 .txvalues-primary { 184 background-color: #000; 185 } 186 187 .txvalues-danger { 188 background-color: #AC0015; 189 text-transform: uppercase; 190 } 191 192 .tx-own { 193 background-color: #fbf8f0; 194 } 195 196 .tx-amt { 197 float: right!important; 198 } 199 200 .tx-in .tx-own .tx-amt { 201 color: #dc3545!important; 202 } 203 204 .tx-out .tx-own .tx-amt { 205 color: #28a745!important; 206 } 207 208 .tx-addr { 209 float: left!important; 210 } 211 212 .ellipsis { 213 overflow: hidden; 214 text-overflow: ellipsis; 215 white-space: nowrap; 216 } 217 218 .data-div { 219 margin: 20px 0 30px 0; 220 } 221 222 .data-div .col-md-10 { 223 padding-left: 0; 224 } 225 226 .data-table { 227 table-layout: fixed; 228 border-radius: .25rem; 229 background: white; 230 } 231 232 .data-table td, .data-table th { 233 padding: .4rem; 234 } 235 236 .data-table span.ellipsis { 237 max-width: 100%; 238 } 239 240 .data { 241 font-weight: bold; 242 } 243 244 table.data-table table.data-table th { 245 border-top: 0; 246 font-weight: normal; 247 } 248 249 .alert .data-table { 250 margin: 0; 251 } 252 253 ::-webkit-input-placeholder { 254 color: #CCC!important; 255 font-style: italic; 256 font-size: 14px; 257 } 258 259 ::-moz-placeholder { 260 color: #CCC!important; 261 font-style: italic; 262 font-size: 14px; 263 } 264 265 .h-container ul, .h-container h3 { 266 margin: 0; 267 } 268 269 .h-container h5 { 270 margin-top: 6px; 271 margin-bottom: 0; 272 } 273 274 .page-link { 275 color: #428bca; 276 } 277 278 .page-text { 279 display: block; 280 padding: .5rem .3rem; 281 line-height: 1.25; 282 } 283 284 .page-link { 285 color: #428bca; 286 } 287 288 .page-item.active .page-link { 289 background-color: #428bca; 290 } 291 292 #txSpecific { 293 margin: 0; 294 } 295 296 .string { 297 color: darkgreen; 298 } 299 300 .number, .boolean { 301 color: darkred; 302 } 303 304 .null { 305 color: red; 306 } 307 308 .key { 309 color: #333; 310 }