123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 |
- body {
- font-family: Helvetica, Arial, sans-serif;
- }
-
- #heading {
- width: 50%;
- margin: auto;
- text-align: center;
- }
-
- a {
- text-decoration: none;
- color: #00a;
- }
-
- a:hover {
- text-decoration: underline;
- }
-
- #blocklist {
- margin: 0 auto;
- max-width: 80em;
- }
-
- #faq {
- margin-left: auto;
- margin-right: auto;
- max-width: 48em;
- }
-
- #faq a {
- overflow-wrap: break-word;
- }
-
- #footer {
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
-
- #donations {
- font-size: 10pt;
- }
-
- .blocklistentry {
- width: 100%;
- }
-
- .blocklisteven {
- background-color: #d79025;
- }
-
- .blocklistodd {
- background-color: #F2A541;
- }
-
- .entryinner {
- margin: 12pt;
- border: 1px solid black;
- border-width: 2pt;
- border-radius: 4px 4px 4px 4px;
- padding: 12pt;
-
- box-shadow: 8px 8px #ddd;
- }
-
- .blbselected .entryinner {
- /*background-color: #ddd;*/
- }
-
- .entryinner:hover {
- background-color: #FF7F11;
- }
-
- .entrytop {
- display: flex;
- flex-direction: row;
- align-items: stretch;
- }
-
- .entrytopinner {
- display: flex;
- flex: auto;
- align-items: stretch;
- }
-
- .blbiconctr {
- }
-
- .blbicon {
- height: 36pt;
- /*max-width: 36pt;*/
- margin: 0;
-
- vertical-align: middle;
- }
-
- .blbdata {
- height: 100%;
-
- margin-top: auto;
- margin-bottom: auto;
-
- flex-grow: 1;
- }
-
- .blbhash {
- margin-top: auto;
- margin-bottom: auto;
-
- font-size: 12pt;
- font-family: monospace;
- overflow-wrap: break-word;
-
- vertical-align: middle;
- }
-
- .blbdata span {
- margin: 4pt;
- vertical-align: middle;
- }
-
- .blbheight {
- width: 96px;
- font-weight: bold;
- }
-
- .entrydetail {
- margin-top: 8pt;
- display: none;
- }
-
- .blbselected .entrydetail {
- display: block;
- }
-
- .entrydetail {
- margin: 5px;
- }
-
- .detaillinks {
- display: flex;
- }
-
- .detaillinks span {
- height: 100%;
- margin-top: auto;
- margin-bottom: auto;
- vertical-align: middle;
- }
-
- .detaillinks img {
- height: 36pt;
- width: 36pt;
- vertical-align: middle;
- }
-
- .newblock .entryinner {
- animation: 1s 1 newblockanim;
- }
-
- @keyframes newblockanim {
- from {
- background-color: #f11;
- border-color: #ff5;
- }
- to {
- /* just whatever it already is */
- }
- }
-
- .halvingblockentry .entryinner {
- animation: 0.5s linear 0s infinite alternate both running halvingblockanim;
- }
-
- @keyframes halvingblockanim {
- from {
- background-color: #90ffff;
- }
- to {
- background-color: #eeffff;
- }
- }
|