107 lines
No EOL
1.4 KiB
CSS
107 lines
No EOL
1.4 KiB
CSS
.cakeView {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.cakeView img {
|
|
float: inline-start;
|
|
object-fit: cover;
|
|
margin-inline-end: 1em;
|
|
}
|
|
|
|
.cakeView p::after {
|
|
clear: both;
|
|
display: block;
|
|
content: "";
|
|
}
|
|
|
|
.compareView {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.compareView img {
|
|
float: inline-end;
|
|
object-fit: cover;
|
|
margin-inline-end: 1em;
|
|
}
|
|
|
|
.compareView ul::after {
|
|
clear: both;
|
|
display: block;
|
|
content: "";
|
|
}
|
|
|
|
.yesNoListView {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.yesNoListView img {
|
|
float: inline-end;
|
|
object-fit: cover;
|
|
margin-inline-end: 1em;
|
|
}
|
|
|
|
.yesNoListView ul::after {
|
|
clear: both;
|
|
display: block;
|
|
content: "";
|
|
}
|
|
|
|
.yesNoListView .yesNoListView_Yes {
|
|
list-style-type: "✅ ";
|
|
}
|
|
|
|
.yesNoListView .yesNoListView_No {
|
|
list-style-type: "❌ ";
|
|
}
|
|
|
|
.listView {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.galleryView ul {
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
grid-auto-columns: 100%;
|
|
overflow: auto;
|
|
padding: 0;
|
|
scroll-snap-type: inline mandatory;
|
|
scroll-snap-stop: normal;
|
|
}
|
|
|
|
.galleryView ul li {
|
|
scroll-snap-align: center;
|
|
list-style-type: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.galleryView ul li img {
|
|
max-width: 100%;
|
|
max-height: 500px;
|
|
}
|
|
|
|
.linkView {
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
padding: 0;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.linkView li {
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
.linkView .ticker {
|
|
opacity: 0.5;
|
|
user-select: none;
|
|
}
|
|
|
|
.satisfiedBox {
|
|
margin: 2rem 0;
|
|
padding-inline-start: 1rem;
|
|
}
|
|
|
|
.satisfiedBox h2::before {
|
|
content: "↗ ";
|
|
margin-inline-start: -1em;
|
|
} |