body { background-image: url("http://assets.zdenekborovec-dev.cz/common/stones_tile.png"); background-repeat: repeat; display: flex; } main { /* Constrain the width of the element */ width: 64em; max-width: 64em; flex: 1; /* center the element */ align-self: center; margin: auto; background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_light_tile.png"); background-repeat: repeat; background-color: white; color: black; border-radius: 2em; border-style: outset; } article { padding-left: 1em; padding-right: 1em; padding-top: 0.5em; padding-bottom: 0.5em; font-family: serif; } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; } h2, h3, h4, h5, h6 { margin-bottom: 8px; } hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: dashed; border-width: 1px; color: black; } table { border-collapse: collapse; } td, th { border: 1px solid #000000; text-align: left; padding: 8px; } img { max-width: 100%; max-height: 100%; } code { border-style: solid; border-width: thin; border-color: black; border-radius: 0.5em; background-color: #282828; color: #33ff00; padding: 1em; display: block; white-space: pre; } ul { margin: 0px; } #header { border-bottom: double; } #header h1{ padding-left: 1em; padding-right: 1em; } #header ul { background-color: #202020; background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png"); background-repeat: repeat; padding: 0; text-align: center; display: flex; list-style-type: none; } #header ul li { float: left; position: relative; flex-grow: 1; border-style: solid; border-width: thin; border-color: black; } #header ul li a { color: white; text-decoration: none; font-family: sans-serif; font-weight: bold; display: block; } #header table { width: 100%; } #footer { border-top: double; padding: 1em; } .noborder-table td, .noborder-table th { border: none; } .image-container-right { border-style: solid; border-width: thin; border-color: black; border-radius: 0.5em; float: right; background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png"); background-repeat: repeat; background-color: black; color: white; padding: 1em; margin-left: 1em; } .image-container-right { border-style: solid; border-width: thin; border-color: black; border-radius: 0.5em; float: right; background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png"); background-repeat: repeat; background-color: black; color: white; padding: 1em; margin-left: 1em; } .image-container-left img, .image-container-right img { border-radius: 0.5em; border-style: solid; border-width: thin; border-color: black; } .image-container-left p, .image-container-right p { font-style: italic; margin-bottom: 0; } .image-gallery { border-style: solid; border-width: thin; border-color: black; border-radius: 0.5em; background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png"); background-repeat: repeat; background-color: black; color: white; padding: 1em; margin-left: 1em; } .image-gallery div { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; columns: 16em; gap: 1em; } .image-gallery div div { border-style: solid; border-width: thin; border-color: black; border-radius: 0.5em; background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_light_tile.png"); background-repeat: repeat; background-color: white; color: black; padding: 1em; max-height: 100%; display: block; } .image-gallery div div img { border-radius: 0.5em; border-style: solid; border-width: thin; border-color: black; object-fit: contain; } .image-gallery div div p { font-style: italic; margin-bottom: 0; } .centered-container { width: 100%; display: flex; justify-content: center; } .frac { display: inline-block; position: relative; vertical-align: middle; letter-spacing: 0.001em; text-align: center; } .frac span { display: block; padding: 0.1em; } .frac span.bottom { border-top: thin solid black; } .frac span.symbol { display: none; } .blog-preview-list { list-style-type:none; padding-left: 0px; } .blog-preview { border-radius: 0.5em; border-style: solid; border-width: thin; border-color: black; margin: 1em; padding-left: 1em; padding-right: 1em; } .blog-tag { border-style: solid; border-width: thin; border-color: black; border-radius: 0.5em; padding: 0.2em; display: inline-block; } .blog-tags { padding: 0px; } .blog-publish-date { display: inline-block; text-align: right; padding: 0px; width: 100%; } .comment .comment { margin-left: 0.5em; } .comment-own-wrapper{ background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png"); background-repeat: repeat; background-color: black; color: white; border-bottom: 1px solid black; } .comment-child-wrapper{ border-left: 1px solid black; } .comment-box { width: 100%; height: 5em; } .comment-content { margin: 0.5em; } .comment-author { margin: 0.5em; max-width: 100%; display: inline-block; } .comment-date { margin: 0.5em; display: inline-block; } .checkbox-button { margin: 0.5em; display: inline-block; background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_light_tile.png"); background-repeat: repeat; background-color: white; color: black; border: 1px solid black; cursor: pointer; } input[type=checkbox]:checked ~ .comment-response{ display: block; } .comment-response { display: none; border-top: double black; padding: 0.5em; }