From 274e661cd30674604398f813cd0a65ade82a2a64 Mon Sep 17 00:00:00 2001 From: Fynn Godau Date: Tue, 18 Feb 2025 23:40:38 +0100 Subject: [PATCH] Unscrew normal `ul`, `ol` usage --- about.html | 6 +-- assets/css/main.css | 109 ++++++++------------------------------------ 2 files changed, 22 insertions(+), 93 deletions(-) diff --git a/about.html b/about.html index 2cc66c2..6fbbf34 100644 --- a/about.html +++ b/about.html @@ -53,9 +53,9 @@
We want to realize this goal through the following means:

diff --git a/assets/css/main.css b/assets/css/main.css index 03b8ceb..44b0e7e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -9,7 +9,7 @@ iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, -u, i, center, dl, dt, dd, ol, ul, li, fieldset, +u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, @@ -30,10 +30,6 @@ body { line-height: 1; } -ol, ul { - list-style: none; -} - blockquote, q { quotes: none; } @@ -133,6 +129,12 @@ pre { ul, ol, p, dl { margin: 0 0 2em 0; } + .link-list { + padding: 0; + } + .check-list { + padding: 0; + } a { text-decoration: underline; @@ -1428,6 +1430,12 @@ pre { .link-list li { padding: 0.2em 0 0.2em 0; + margin: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + list-style: none; } .link-list li:first-child { @@ -1440,40 +1448,15 @@ pre { border-bottom: 0 !important; } - .quote-list li { - padding: 1em 0 1em 0; - overflow: hidden; - } - - .quote-list li:first-child { - padding-top: 0 !important; - border-top: 0 !important; - } - - .quote-list li:last-child { - padding-bottom: 0 !important; - border-bottom: 0 !important; - } - - .quote-list li img { - float: left; - } - - .quote-list li p { - margin: 0 0 0 90px; - font-style: italic; - } - - .quote-list li span { - display: block; - margin-left: 90px; - font-size: 0.9em; - font-weight: 400; - } - .check-list li { padding: 0.35em 0 0.35em 45px; background: url("images/icon-checkmark.png") 0px 1.05em no-repeat; + margin: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + list-style: none; } .check-list li:first-child { @@ -1487,24 +1470,6 @@ pre { border-bottom: 0 !important; } - .standard-list li { - padding: 0.3em 0 0.3em 20px; - font-style: italic; - list-style: disc; - list-style-position: inside; -} - @media screen and (max-width: 980px) { - - .standard-list li { - padding: 0.3em 0 0.3em 15px; - } -} - - @media screen and (max-width: 736px) { - .standard-list li { - padding: 0.3em 0 0.3em 25px; - } -} .feature-image { display: block; margin: 0 0 2em 0; @@ -1704,10 +1669,6 @@ pre { margin: 0 0 2em 0; } - #content .quote-list li { - border-bottom: solid 1px #e2e6e8; - } - #content .link-list li { border-bottom: solid 1px #e2e6e8; } @@ -1735,11 +1696,6 @@ pre { color: #ad0a0a; } - #footer .quote-list li { - border-top: solid 1px #e0e4e6; - border-bottom: solid 1px #b5bec3; - } - #footer .link-list li { border-top: solid 1px #e0e4e6; border-bottom: solid 1px #b5bec3; @@ -1776,29 +1732,6 @@ pre { line-height: 2em; } - .quote-list li { - padding: 1em 0 1em 0; - } - - .quote-list li img { - width: 60px; - } - - .quote-list li p { - margin: 0 0 0 80px; - font-size: 1em; - font-style: italic; - line-height: 1.8em; - } - - .quote-list li span { - display: block; - margin-left: 80px; - font-size: 0.8em; - font-weight: 400; - line-height: 1.8em; - } - .feature-image { margin: 0 0 1em 0; } @@ -2038,10 +1971,6 @@ pre { padding: 0.75em 0 0.75em 0; } - .quote-list li p { - margin-bottom: 0.5em; - } - .check-list li { font-size: 1em; }