.p-summary { display: none; } .logo { height: 64px; } .print-footer { display: none; } figcaption { text-align: center; } @media print { .sidebar { display: none; } article { border: 0 } article footer { display: none; } .container>header { display: none; } .container>footer { display: none; } .comments { display: none; } .h-entry { width: 100% !important; } .container { width: 100% !important; } .print-footer { display: block !important; } } /* Give canvas a proper size and pixel perfect scaling */ canvas { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; border: 0px; width: 512px; height: 512px; background: black; display: block; /* For nice loading */ } #pico-container { width: 512px; margin: auto; } #pico-container .buttons { margin-top: 24px; display: grid; grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6); grid-auto-rows: 1fr; grid-template-areas: ". up . . . ." "left . right . . a" ". down . . b . " } .square_hack { width:0; padding-bottom: 100%; } .labelBkg { background: none !important; } .edgeLabel { background: none !important; } .edgeLabel p { background: none !important; }