nnwhen.com/blog/artist-style.css

89 lines
1.7 KiB
CSS
Raw Normal View History

2025-01-12 19:41:39 +02:00
.ly-artist {
2025-01-16 21:03:00 +02:00
display: -webkit-box;
display: -ms-flexbox;
2025-01-12 19:41:39 +02:00
display: flex;
2025-01-16 21:03:00 +02:00
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
2025-01-12 19:41:39 +02:00
flex-direction: column;
2025-01-16 21:03:00 +02:00
-webkit-box-pack: justify;
-ms-flex-pack: justify;
2025-01-12 19:41:39 +02:00
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;
2025-01-24 20:47:22 +02:00
font-size: 1.063;
2025-01-12 19:41:39 +02:00
text-align: justify;
}
.ly-artist q {
margin: 5px 25px !important;
2025-01-24 20:47:22 +02:00
font-size: 1rem;
2025-01-12 19:41:39 +02:00
text-align: justify;
}
.ly-artist img {
margin-top: 5px;
width: 280px;
height: 280px;
min-width: 100px;
2025-01-16 21:03:00 +02:00
-o-object-fit: contain;
2025-01-12 19:41:39 +02:00
object-fit: contain;
}
.ly-artist nav {
2025-01-16 21:03:00 +02:00
display: -webkit-box;
display: -ms-flexbox;
2025-01-12 19:41:39 +02:00
display: flex;
2025-01-16 21:03:00 +02:00
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
2025-01-12 19:41:39 +02:00
flex-direction: row;
2025-01-16 21:03:00 +02:00
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
2025-01-12 19:41:39 +02:00
justify-content: space-evenly;
margin-top: 5px;
margin-bottom: 10px;
2025-01-24 20:47:22 +02:00
font-size: 1.25rem;
2025-01-12 19:41:39 +02:00
}
.ly-artist ul {
list-style-type: none !important;
text-align: justify;
list-style-position: inside;
2025-01-24 20:47:22 +02:00
font-size: 1rem;
2025-01-12 19:41:39 +02:00
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;
2025-01-24 20:47:22 +02:00
font-size: 1rem;
2025-01-12 19:41:39 +02:00
}
.unavailable {
text-decoration: line-through;
}