/* Float no content images right with padding
 *
 * Intended to be used for images that aren't essential to the content,
 * pretty pics on index pages and hardware pics.
 *
 * Should not be used for screenshots
 *
 * */
img.nocontentimg {
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
    width: 280px;
}

/* Hide various things from printed view */
@media print {
    /* Hide asciicasts in print */
    asciinema-player {
        display: none;
    }
    /* Hide no content images from print */
    img.nocontentimg {
        display: none;
    }
}

/* Hide various things from small screens */
@media screen and (max-width: 60em) {
    /* Hide no content images from small screens */
    img.nocontentimg {
        display: none;
    }
}