autoformat

This commit is contained in:
Ren Tatsumoto 2022-03-26 14:47:09 +03:00
parent cb4ad1fd13
commit 1a65d75910

View file

@ -48,6 +48,7 @@
.card2 .jpsentence ruby rt { .card2 .jpsentence ruby rt {
opacity: 0; opacity: 0;
} }
.card2 .jpsentence:hover ruby rt { .card2 .jpsentence:hover ruby rt {
opacity: 1; opacity: 1;
} }
@ -58,6 +59,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.wrap { .wrap {
width: 800px; width: 800px;
padding: 0 5px 0; padding: 0 5px 0;
@ -66,6 +68,7 @@
border-right: 1px solid #c9bcbc; border-right: 1px solid #c9bcbc;
min-height: 100vh; min-height: 100vh;
} }
.wrap .wrap { .wrap .wrap {
width: auto; width: auto;
padding: 0; padding: 0;
@ -118,7 +121,7 @@ header .tags {
border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;
} }
header > div:not(:last-child) { header>div:not(:last-child) {
margin-right: 3px; margin-right: 3px;
} }
@ -127,7 +130,7 @@ header > div:not(:last-child) {
margin-top: 16px; margin-top: 16px;
} }
.images > img { .images>img {
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -152,7 +155,7 @@ header > div:not(:last-child) {
/* English */ /* English */
div.ensentence > a.hint { div.ensentence>a.hint {
color: #555; color: #555;
font-size: 14px; font-size: 14px;
display: block; display: block;
@ -161,7 +164,8 @@ div.ensentence > a.hint {
padding: 2px 10px; padding: 2px 10px;
margin: 4px 0; margin: 4px 0;
} }
div.ensentence > a.hint:hover {
div.ensentence>a.hint:hover {
color: #111; color: #111;
background-color: rgba(0, 0, 0, 0.03); background-color: rgba(0, 0, 0, 0.03);
} }
@ -234,18 +238,18 @@ footer {
text-align: center; text-align: center;
} }
footer > a { footer>a {
text-decoration: none; text-decoration: none;
} }
footer > a:after { footer>a:after {
content: "·"; content: "·";
color: brown; color: brown;
display: inline-block; display: inline-block;
width: 6px; width: 6px;
} }
footer > a:last-child:after { footer>a:last-child:after {
content: ""; content: "";
width: 0; width: 0;
} }
@ -264,11 +268,11 @@ footer > a:last-child:after {
display: none; display: none;
} }
.vocab > .tags { .vocab>.tags {
vertical-align: top; vertical-align: top;
} }
.notes > .tags { .notes>.tags {
vertical-align: bottom; vertical-align: bottom;
} }
@ -283,13 +287,13 @@ footer > a:last-child:after {
justify-content: space-evenly; justify-content: space-evenly;
} }
.images > img { .images>img {
max-width: 47%; max-width: 47%;
border-radius: 4px; border-radius: 4px;
filter: sepia(33%); filter: sepia(33%);
} }
.images > img:only-child { .images>img:only-child {
max-width: 100%; max-width: 100%;
} }
@ -348,15 +352,15 @@ ol {
/* Fix for Yomichan pitch accents */ /* Fix for Yomichan pitch accents */
.vocab ol > li { .vocab ol>li {
display: inline; display: inline;
} }
.vocab ol > li:after { .vocab ol>li:after {
content: "・"; content: "・";
} }
.vocab ol > li:last-child:after { .vocab ol>li:last-child:after {
content: ""; content: "";
} }
@ -401,16 +405,16 @@ ol {
color: gray; color: gray;
} }
.nightMode .images > img { .nightMode .images>img {
filter: sepia(0%); filter: sepia(0%);
} }
.nightMode div.ensentence > a.hint { .nightMode div.ensentence>a.hint {
color: #FFFFFF; color: #FFFFFF;
border: 1px solid #FFFFFF; border: 1px solid #FFFFFF;
} }
.nightMode div.ensentence > a.hint:hover { .nightMode div.ensentence>a.hint:hover {
color: gray; color: gray;
background-color: rgba(0, 0, 0, 0.20); background-color: rgba(0, 0, 0, 0.20);
} }