personal-website/assets/common/styles.css

101 lines
1.7 KiB
CSS
Raw Normal View History

2023-12-21 13:11:22 +01:00
body {
2023-12-21 17:20:36 +01:00
background-image: url("http://assets.zdenekborovec-dev.cz/common/stones_tile.png");
2023-12-21 13:11:22 +01:00
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;
2023-12-21 17:20:36 +01:00
background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_light_tile.png");
2023-12-21 13:11:22 +01:00
background-repeat: repeat;
color: black;
border-radius: 2em;
border-style: outset;
}
article {
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
2024-01-03 12:10:52 +01:00
padding-bottom: 0.5em;
2023-12-21 13:11:22 +01:00
font-family: serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
}
hr {
2024-01-03 12:10:52 +01:00
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;
width: 100%;
}
td, th {
border: 1px solid #000000;
text-align: left;
padding: 8px;
2023-12-21 13:11:22 +01:00
}
.image-container {
border-style: solid;
border-width: thin;
border-color: black;
border-radius: 0.5em;
float: right;
2023-12-21 17:20:36 +01:00
background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png");
2023-12-21 13:11:22 +01:00
background-repeat: repeat;
color: white;
padding: 1em;
margin-left: 1em;
}
.image-container img {
border-radius: 0.5em;
border-style: solid;
border-width: thin;
border-color: black;
max-width: 100%;
}
.image-container p {
font-style: italic;
margin-bottom: 0;
}
2024-01-03 12:10:52 +01:00
.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;
}