123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 |
- body {
- font-family: Helvetica, Arial, sans-serif;
- background-color: #F3CA40;
- }
-
- #heading {
- width: 50%;
- margin: auto;
- text-align: center;
- }
-
- a {
- text-decoration: none;
- color: darkblue
- }
-
- #blocklist {
- margin: 0 auto;
- max-width: 80em;
- }
-
- .blocklistentry {
- width: 100%;
- }
-
- .blocklisteven {
- background-color: #E29531;
- }
-
- .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 #ddaa00;
- }
-
- .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;
-
- 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 */
- }
- }
-
- .closebtn {
- width: 36pt;
- margin: 4pt;
-
- border: 1px solid grey;
- border-radius: 4px 4px 4px 4px;
- padding: 4pt;
-
- background-color: lightgrey;
- text-align: center;
- }
|