html { width: 100%; } body { width: 100%; min-width: 1900px; font-smooth: auto; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } .bg-success { background: #7bcc3a; } .bg-info { background: #10a0de; } .bg-warning { background: #FFD162; } .bg-danger { background: #F74B4B; } .text-gray { color: #999 !important; } .container-fluid { padding-left: 30px; padding-right: 30px; } .stat-holder { background: #090909; border: 1px solid rgba(255,255,255,0.05); } .big-info { padding-bottom: 15px; padding-top: 15px; } .big-info .icon-full-width i { display: block; width: 85px; height: 70px; font-size: 70px; line-height: 70px; margin-right: 15px; margin-left: -15px; } .big-info span { opacity: 0.7; } .big-info span.small-title, .big-info div.small-title-miner { display: block; } span.small-title, div.small-title-miner { font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #aaa; } .big-info span.big-details { display: block; font-weight: 200; font-size: 50px; line-height: 55px; letter-spacing: -4px; } .big-info.chart span.big-details { padding-top: 15px; } .big-info.chart { height: 120px; -webkit-box-sizing: border-box box-sizing: border-box; } .big-info.chart.double-chart { height: 242px; } .blocks-holder { padding-top: 5px; } .blocks-holder div.small-title-miner { font-size: 12px; font-weight: normal; letter-spacing: 0px; text-transform: none; white-space: nowrap; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; color: #777; } .blocks-holder .block-count { float: right; line-height: 18px; color: #aaa; } .blocks-holder .block { width: 6px; height: 6px; margin: 2px 1px 6px 1px; float: left; -webkit-border-radius: 1px; border-radius: 1px; opacity: .8; } .page-latency { position: absolute; top: 400px; left: 15px; } .page-latency .small-title { letter-spacing: 0px; opacity: .8; } .jqstooltip { } .jqsfield { position: relative; padding: 5px 0; width: auto; left: -50%; word-wrap: wrap; text-align: center; } .jqsfield .tooltip-arrow { position: absolute; bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #fff; } table i { -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; } table th, table td { border-color: #222 !important; } table th { color: #888; } table th i, table td i { font-size: 20px; } #mapHolder { display: block; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 10px auto; } #mapHolder > svg { right: 0; bottom: 0; width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; } table td { white-space: nowrap !important; } .table>tbody>tr>td, .table>thead>tr>th { padding: 5px; } .th-nodename { width: 400px; } .th-latency { width: 100px; } .th-blockhash { width: 460px; } .th-blocktime { width: 110px; } @media only screen and (max-width: 639px) { /*.big-info { padding-bottom: 15px; padding-top: 15px; border: 1px solid rgba(255,255,255,0.05); } .big-info .icon-full-width i { width: 70px; height: 60px; font-size: 60px; line-height: 60px; margin-right: 20px; } .big-info span { opacity: 0.7; } .big-info span.small-title { font-size: 13px; line-height: 14px; letter-spacing: 1px; padding-top: 0px; } .big-info span.big-details { display: block; font-weight: 200; font-size: 46px; line-height: 50px; letter-spacing: -4px; }*/ } @media only screen and (max-width: 479px) { /*.stat-holder { width: 100%; }*/ } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }