obus/docs/assets/css/main.css

242 lines
3.3 KiB
CSS
Raw Normal View History

2020-08-10 17:53:58 +02:00
img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
html {
scroll-behavior: smooth;
}
body,
html {
height: 100%;
}
body {
display: flex;
flex-direction: column;
max-width: 900px;
margin: 0 auto;
line-height: 1.2;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0 0.5em;
}
.back-to-top {
position: fixed;
background: black;
color: white;
padding: 0.25em 0.1em;
font-size: 1.5em;
right: 0.5em;
bottom: 0.5em;
cursor: pointer;
border-radius: 12px;
}
main {
flex: 1 0 auto;
}
footer {
flex-shrink: 0;
font-size: 0.9em;
}
header,
footer {
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
padding-top: 0.5em;
}
header .hdr-left,
header .hdr-right,
footer .hdr-left,
footer .hdr-right {
flex-basis: 20%;
}
header .hdr-left,
footer .hdr-left {
text-align: left;
}
header .hdr-right,
footer .hdr-right {
text-align: right;
}
header .hdr-center,
footer .hdr-center {
flex-basis: 50%;
text-align: center;
}
header .hdr-left,
header .hdr-center,
header .hdr-right,
footer .hdr-left,
footer .hdr-center,
footer .hdr-right {
flex-shrink: 0;
flex-grow: 0;
}
header .hdr-img-container img,
footer .hdr-img-container img {
max-height: 60px;
}
header .hdr-title,
footer .hdr-title {
font-size: 2em;
}
header p,
footer p {
margin: 0.25em;
}
header {
margin-bottom: 1em;
border-bottom: 1px solid;
}
footer {
margin-top: 1em;
border-top: 1px solid;
}
.anchor {
display: block;
position: relative;
top: -0.08em;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-size: 5em;
font-weight: lighter;
text-align: center;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
h2 {
font-size: 3em;
border-left: 16px solid;
padding-left: 16px;
margin: 0.5em 0;
}
h3 {
font-size: 2em;
border-bottom: 2px solid;
margin: 0.5em 1em;
}
h4 {
font-size: 1.5em;
font-weight: bold;
margin: 0.5em 0;
}
h5 {
font-size: 1.25em;
font-weight: bold;
}
p {
margin: 0.75em 0.5em;
}
.square-img {
height: 0;
overflow: hidden;
padding-top: 100%;
position: relative;
}
.aspect-img-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.module-info {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
}
.module-info .img-container,
.module-info .module-intro {
flex-shrink: 0;
flex-grow: 0;
flex-basis: 40%;
}
.module-info .img-container .caption {
text-align: center;
font-style: italic;
font-size: 0.9em;
}
ul {
list-style-type: disc;
margin: 0.75em 0.5em;
}
ul li {
margin-left: 2em;
margin-bottom: 0.25em;
}
.fas {
margin: 0 0.5em;
}
.table-container {
width: 85%;
margin: 0.5em auto;
}
.table-container table {
width: 100%;
border-collapse: collapse;
border: 1px solid;
}
.table-container table th,
.table-container table td {
text-align: center;
vertical-align: middle;
border: 1px solid;
padding: 0.5em;
}
.table-container table th {
font-weight: bold;
}
.table-container table .bt-bord {
border-bottom: 2px solid;
}
.img-container {
width: 75%;
margin: 0 auto;
text-align: center;
margin: 1em;
}
.module-documents a {
font-size: 1.2em;
}
/*# sourceMappingURL=main.css.map */