nnwhen.com/blog/artist-style.css
2025-01-16 21:03:00 +02:00

88 lines
1.7 KiB
CSS

.ly-artist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: min(280px, 95%);
text-align: center;
margin: 5px 0;
background-color: #ffffff15;
}
.ly-artist h1 {
margin: 2px !important;
margin-top: 10px !important;
}
.ly-artist h2 {
margin: 2px !important;
}
.ly-artist p {
margin: 5px 0 !important;
font-size: 17px;
text-align: justify;
}
.ly-artist q {
margin: 5px 25px !important;
font-size: 16px;
text-align: justify;
}
.ly-artist img {
margin-top: 5px;
width: 280px;
height: 280px;
min-width: 100px;
-o-object-fit: contain;
object-fit: contain;
}
.ly-artist nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin-top: 5px;
margin-bottom: 10px;
font-size: 20px;
}
.ly-artist ul {
list-style-type: none !important;
text-align: justify;
list-style-position: inside;
font-size: 16px;
margin: 5px auto !important;
}
.ly-artist ul li {
padding-left: 10px !important;
}
table tr td:first-child,
table tr th:first-child {
text-align: right;
}
table tr th,
table td {
padding: 2px 10px;
background-color: #ffffff08;
border: 1px solid var(--background);
}
table tr th {
background-color: #ffaaaa15;
}
.fav {
text-align: left !important;
font-size: 16px;
}
.unavailable {
text-decoration: line-through;
}