blog/assets/css/main.css

82 lines
No EOL
1.3 KiB
CSS

.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%;
}