h1 {
margin: 0.8em 0 0.5em 0;
color: #333;
font-weight: normal;
font-family: 'Orienta', sans-serif;
font-size: 36px;
line-height: 40px;
}
h2 {
margin: 0.8em 0 0.5em 0;
color: #333;
font-weight: normal;
font-family: 'Orienta', sans-serif;
font-size: 30px;
line-height: 40px;
border-bottom: 1px solid #fff;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
}
h3 {
margin: 0.8em 0 0.5em 0;
color: #333;
font-weight: normal;
font-family: 'Orienta', sans-serif;
font-size: 24px;
line-height: 40px;
}
h4 {
margin: 0.8em 0 0.5em 0;
color: #333;
font-weight: normal;
font-family: 'Orienta', sans-serif;
font-size: 18px;
line-height: 20px;
}
table {
margin: 0;
}
table {
color: #333;
background: white;
border: 1px solid grey;
font-size: 12pt;
border-collapse: collapse;
}
table thead th,
table tfoot th {
color: #777;
background: rgba(0, 0, 0, .1);
}
table caption {
padding: .5em;
}
table th,
table td {
padding: .5em;
border: 1px solid lightgrey;
max-width: 600px;
word-wrap: break-word;
overflow-wrap: break-word;
}
[data-table-theme*=zebra] tbody tr:nth-of-type(odd) {
background: rgba(0, 0, 0, .05);
}
[data-table-theme*=zebra][data-table-theme*=dark] tbody tr:nth-of-type(odd) {
background: rgba(255, 255, 255, .05);
}
[data-table-theme*=dark] {
color: #ddd;
background: #333;
font-size: 12pt;
border-collapse: collapse;
}
[data-table-theme*=dark] thead th,
[data-table-theme*=dark] tfoot th {
color: #aaa;
background: rgba(0255, 255, 255, .15);
}
[data-table-theme*=dark] caption {
padding: .5em;
}
[data-table-theme*=dark] th,
[data-table-theme*=dark] td {
padding: .5em;
border: 1px solid grey;
}