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