From a8e1ef9f2624d1b776afd7853258aefba65b4531 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Mon, 29 Jul 2024 22:45:07 +0800
Subject: [PATCH] Reduce whitespace and adjust blockquote style

---
 themes/leilukin/stylesheets/all.css | 161 +++++++---------------------
 1 file changed, 41 insertions(+), 120 deletions(-)

diff --git a/themes/leilukin/stylesheets/all.css b/themes/leilukin/stylesheets/all.css
index e82b182..3264428 100644
--- a/themes/leilukin/stylesheets/all.css
+++ b/themes/leilukin/stylesheets/all.css
@@ -26,9 +26,6 @@
     font-weight: 700;
     src: url('./../../fonts/IntelOneMono-BoldItalic.woff2') format('woff2');
 }
-html {
-    font-size: 16px;
-}
 *::selection {
     color: #202021;
     background-color: #d090ff;
@@ -43,15 +40,9 @@ body {
     margin: 0em 0em 2rem 0em;
     min-width: 280px;
 }
-body.preview {
-    margin: 0rem;
-}
-p {
-    margin: 1rem 0rem;
-}
-p.footnote-backrefs {
-    font-size: 0.75em;
-}
+body.preview { margin: 0rem; }
+p { margin: 1rem 0rem; }
+p.footnote-backrefs { font-size: 0.75em; }
 h1 {
     font-size: 2em;
     font-weight: bold;
@@ -64,9 +55,7 @@ h2, h1.banner {
     margin: 0.67em 0em;
     padding: 0em;
 }
-h2.archive {
-    margin: 2rem 0rem 0rem 0rem;
-}
+h2.archive { margin: 2rem 0rem 0rem 0rem; }
 h3 {
     font-size: 1em;
     font-weight: bold;
@@ -101,9 +90,7 @@ strong {
     font: inherit;
     font-weight: bold;
 }
-address {
-    font: inherit;
-}
+address { font: inherit; }
 small {
     font-weight: normal;
     font-size: 0.75em;
@@ -117,14 +104,12 @@ del {
     text-decoration: line-through;
 }
 figure, blockquote {
-    margin: 1rem;
+    margin: 1rem 0;
+    padding: 1em 1.4em 1.4em;
     font: inherit;
-    font-size: 1rem;
     page-break-inside: avoid;
 }
-blockquote {
-    font-style: italic;
-}
+blockquote { border-inline-start: 0.1em solid currentColor; }
 figcaption {
     font-size: 0.75em;
     margin: 1rem 0rem;
@@ -141,9 +126,7 @@ aside {
     background-color: #383839;
 }
 blockquote em,
-aside em {
-    font-style: normal;
-}
+aside em { font-style: normal; }
 pre {
     font-family: "Intel One Mono", ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
     font-size: 0.85em;
@@ -173,14 +156,10 @@ hr {
     border-top: 1px solid #666667;
     margin: 2em 0em;
 }
-hr.post {
-    margin: 0em;
-}
+hr.post { margin: 0em; }
 hr:last-child,
 hr.post:last-of-type,
-hr + hr {
-    display: none;
-}
+hr + hr { display: none; }
 ul,
 ol.comments ul {
     list-style: disc outside;
@@ -189,9 +168,7 @@ ol.comments ul {
     padding: 0em;
 }
 ul ul,
-ol.comments ul ul {
-    list-style-type: circle;
-}
+ol.comments ul ul { list-style-type: circle; }
 ol,
 ol.comments ol {
     list-style: decimal outside;
@@ -200,9 +177,7 @@ ol.comments ol {
     padding: 0em;
 }
 ol ol,
-ol.comments ol ol {
-    list-style-type: lower-latin;
-}
+ol.comments ol ol {list-style-type: lower-latin; }
 html[lang="ar"] ol ol,
 html[lang="ar"] ol.comments ol ol {
     list-style-type: arabic-indic;
@@ -234,9 +209,7 @@ ul.navigation {
     margin: 0em;
     display: inline;
 }
-ul.navigation > li {
-    display: inline;
-}
+ul.navigation > li { display: inline; }
 ul.archive {
     list-style: none;
     display: grid;
@@ -260,9 +233,7 @@ ol.comments > li {
     border: 1px solid #666667;
     border-bottom: none;
 }
-ol.comments > li#comment_shim {
-    display: none;
-}
+ol.comments > li#comment_shim { display: none; }
 table {
     border-collapse: collapse;
     border-spacing: 0em;
@@ -295,9 +266,7 @@ form.search_box {
     width: auto;
     display: block;
 }
-form.comment_edit {
-    width: 100%;
-}
+form.comment_edit { width: 100%; }
 select[disabled],
 textarea[disabled],
 input[disabled],
@@ -336,9 +305,7 @@ html[dir="rtl"] select {
     background-position: center left 0.25em;
     background-repeat: no-repeat;
 }
-html select:focus {
-    background-image: url(../images/select_focus.svg);
-}
+html select:focus { background-image: url(../images/select_focus.svg); }
 input[type="checkbox"],
 input[type="radio"] {
     appearance: none;
@@ -346,9 +313,7 @@ input[type="radio"] {
     height: 20px;
     padding: 0em;
 }
-input[type="radio"] {
-    border-radius: 50%;
-}
+input[type="radio"] { border-radius: 50%; }
 input[type="checkbox"]:checked {
     background-image: url(../images/checkbox.svg);
     background-size: 1rem;
@@ -386,9 +351,7 @@ input::placeholder {
     color: #ffffff;
     opacity: 1;
 }
-input:focus::placeholder {
-    color: #202021;
-}
+input:focus::placeholder { color: #202021; }
 input#search_field {
     display: inline;
     width: 10em;
@@ -420,9 +383,7 @@ button {
     font-size: inherit;
     cursor: pointer;
 }
-button:focus {
-    outline: none;
-}
+button:focus { outline: none; }
 label {
     display: block;
     margin-top: 1em;
@@ -487,9 +448,7 @@ div.doaction {
     font-family: inherit;
     margin: 1em 0em;
 }
-div.admin {
-    margin: 1em 0em 0em 0em;
-}
+div.admin { margin: 1em 0em 0em 0em; }
 div#main > article, div.standalone {
     box-sizing: border-box;
     display: block;
@@ -543,9 +502,7 @@ section.post_archive_container {
     overflow: hidden;
 }
 article.video video,
-article.audio audio {
-    width: 100%;
-}
+article.audio audio { width: 100%; }
 a:link,
 a:visited {
     color: #ffffff;
@@ -589,9 +546,7 @@ div.traversal a:active {
     transition: top 250ms cubic-bezier(0.5, -8, 0.2, 4);
 }
 div.next a:hover,
-div.next a:active {
-    top: 1px;
-}
+div.next a:active { top: 1px; }
 section a:link,
 p a:link,
 section a:visited,
@@ -606,9 +561,7 @@ p a:hover,
 section a:focus,
 p a:focus,
 section a:active,
-p a:active {
-    color: #d090ff;
-}
+p a:active { color: #d090ff; }
 div.tag_cloud a.tag {
     display: inline-block;
     position: relative;
@@ -656,12 +609,8 @@ button:active {
     background-color: #d090ff;
 }
 div.doaction a.post_delete_link,
-div.doaction a.delete_link {
-    font-weight: bold;
-}
-section.photo > a:focus {
-    outline: #d090ff solid 4px;
-}
+div.doaction a.delete_link { font-weight: bold; }
+section.photo > a:focus { outline: #d090ff solid 4px; }
 a.likes > img {
     display: inline-block;
     position: relative;
@@ -670,9 +619,7 @@ a.likes > img {
 }
 a.likes:hover > img,
 a.likes:focus > img,
-a.likes:active > img {
-    top: 1px;
-}
+a.likes:active > img { top: 1px; }
 a.archive_post_link {
     box-sizing: border-box;
     display: block;
@@ -686,9 +633,7 @@ a.archive_post_link {
 }
 a.archive_post_link:hover,
 a.archive_post_link:focus,
-a.archive_post_link:active {
-    outline: #d090ff solid 4px;
-}
+a.archive_post_link:active { outline: #d090ff solid 4px; }
 img {
     border-style: none;
     margin: 0em;
@@ -713,17 +658,13 @@ section > *:first-child,
 form > *:first-child,
 aside > *:first-child,
 div.standalone > *:first-child,
-ol.comments > li > *:first-child {
-    margin-top: 0rem;
-}
+ol.comments > li > *:first-child { margin-top: 0rem; }
 div#mast > *:last-child,
 article > *:last-child,
 section > *:last-child,
 form > *:last-child,
 aside > *:last-child,
-div.standalone > *:last-child {
-    margin-bottom: 0rem;
-}
+div.standalone > *:last-child { margin-bottom: 0rem; }
 .top-btn,
 .top-btn:hover {
     color: var(--clr-top-btn-txt);
@@ -770,49 +711,29 @@ div.standalone > *:last-child {
     ) !important;
     animation: ajax_loading 2s linear infinite;
 }
-.ajax_loading .doaction {
-    visibility: hidden;
-}
+.ajax_loading .doaction { visibility: hidden; }
 @keyframes ajax_loading {
-    from {
-        background-position: 0px 0px;
-    }
-    to {
-        background-position: 60px 30px;
-    }
+    from { background-position: 0px 0px; }
+    to { background-position: 60px 30px; }
 }
 @media print {
-    html {
-        font-size: 4.2mm;
-    }
+    html { font-size: 4.2mm; }
     div#main > article,
-    div.standalone {
-        page-break-inside: avoid;
-    }
+    div.standalone { page-break-inside: avoid; }
 }
 @media screen and (max-width: 639px) {
-    html {
-        font-size: 14px;
-    }
+    html { font-size: 14px; }
     aside {
         float: none;
         max-width: 100%;
         margin: 1rem 0rem;
     }
-    input, select {
-        width: 100%;
-    }
-    button#search_submit {
-        display: none;
-    }
+    input, select { width: 100%; }
+    button#search_submit { display: none; }
 }
 @media (prefers-reduced-motion) {
-    .ajax_loading {
-        animation: none;
-    }
+    .ajax_loading { animation: none; }
 }
 @media (prefers-contrast: more) {
-    body {
-        background-color: #000000;
-    }
-}
+    body { background-color: #000000; }
+}
\ No newline at end of file