72 lines
963 B
CSS
72 lines
963 B
CSS
:root{
|
|
--bg1: #002b36;
|
|
--bg2: #073642;
|
|
--content1: #586e75;
|
|
--content2: #657b83;
|
|
--content3: #839496;
|
|
--content4: #93a1a1;
|
|
--lbg1: #eee8d5;
|
|
--lbg2: #fdf6e3;
|
|
}
|
|
|
|
table tbody tr:nth-child(odd){
|
|
background-color: var(--content1);
|
|
}
|
|
table tbody tr:nth-child(even) {
|
|
background-color: var(--content4);
|
|
}
|
|
|
|
body{
|
|
background-color: var(--bg1);
|
|
color: white;
|
|
}
|
|
|
|
h1 {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
table {
|
|
border-collapse:collapse;
|
|
background-color: var(--bg2);
|
|
}
|
|
|
|
thead {
|
|
background-color: var(--base1);
|
|
}
|
|
|
|
tbody {
|
|
background-color: var(--base0);
|
|
}
|
|
|
|
tr {
|
|
max-height: 250px;
|
|
background-color: inherit;
|
|
}
|
|
|
|
img {
|
|
max-height: inherit;
|
|
max-width: inherit;
|
|
}
|
|
|
|
.image-div {
|
|
max-height: inherit;
|
|
width: 15%;
|
|
}
|
|
|
|
.namedesc-div {
|
|
width: 30%;
|
|
}
|
|
|
|
.reading-date {
|
|
width: 5%;
|
|
}
|
|
|
|
td {
|
|
text-align: center;
|
|
background-color: none;
|
|
}
|
|
|
|
.name {
|
|
font-weight: bold;
|
|
} |