diff options
2 files changed, 16 insertions, 2 deletions
| -rw-r--r-- | awk-edits/Icons.awk | 4 | ||||
| -rw-r--r-- | src/styles.css | 14 |
diff --git a/awk-edits/Icons.awk b/awk-edits/Icons.awk index 4b3abf7..268efa2 100644 --- a/awk-edits/Icons.awk +++ b/awk-edits/Icons.awk @@ -19,8 +19,10 @@ function flagSub(name, alt) { /&&bg/ { flagSub("bg", "BGN") } function articleIconSub(name, filename) { + sub("p>&&" name, + "p class=\"special-par " name "-par\">\\&\\&" name) gsub("&&" name, - "<img src=\"/img/" filename "\" class=\"article-icons unzoomable\" alt=\"" name "\">") + "<img src=\"/img/" filename "\" class=\"special-par-icon borderless unzoomable\" alt=\"" name "\">") } /&&warn/ { articleIconSub("warn", "dialog-warning.png") } diff --git a/src/styles.css b/src/styles.css index 2207ac9..b66ec69 100644 --- a/src/styles.css +++ b/src/styles.css @@ -145,7 +145,19 @@ img { .file-type-icon { min-width: 1.3em; vertical-align: middle; } .borderless, .oldschool-badge, .file-type-icon { border: none; } - .article-icons { border: none; margin-bottom: 0.25em; vertical-align: middle; } + .special-par { + margin-bottom: 0.25em; + position: relative; + padding: 0.5em; + padding-left: calc(32px + 1em); + } + .warn-par { border: 1px dashed #fac848; } + .special-par-icon { vertical-align: middle; } + .special-par > .special-par-icon { + position: absolute; + left: 0.5em; + top: calc(50% - 16px); + } .btn, .h-anchor { /* Thanks https://stackoverflow.com/a/4407335/12036073 */ |