Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
83 lines (66 sloc) 1.12 KB
body {
font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁", sans-serif;
text-align: justify;
writing-mode: vertical-rl;
}
main {
margin-top: 2.5em;
height: calc(100% - 2.5em);
}
p {
line-height: 2;
}
figure {
display: flex;
}
figcaption {
font-family: "MingLiU", "微軟新細明體", "Apple LiSung", serif;
line-height: 1.5;
}
img {
max-height: 50vmin;
}
.img-wrapper {
display: flex;
}
.c-switcher:not(:checked) ~ main {
writing-mode: horizontal-tb;
max-width: 40em;
margin-right: 50%;
figure {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
figcaption {
margin-bottom: 0.5em;
flex: 0 0 100%;
}
.img-rotate {
transform: rotate(-90deg);
}
}
.c-switcher:checked ~ main {
max-height: 40em;
figure {
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
}
figcaption {
margin-left: 0.5em;
}
.img-stacked {
margin: 0 auto;
width: 100%;
}
}
.c-switcher,
.c-switcher__label {
position: fixed;
top: 0.5em;
writing-mode: horizontal-tb;
}
.c-switcher__label {
left: 2em;
}