From 1021cbf45b399f7324431fb2c6f30e4c172a3ef6 Mon Sep 17 00:00:00 2001 From: Topi Reinio Date: Mon, 14 Dec 2020 11:22:55 +0100 Subject: Offline docs: Improve styling of unordered lists and external links Use list-style-type correctly and replace background-image with ::before content for external link icons. Pick-to: 6.0 Fixes: QTBUG-89470 Fixes: QTBUG-89471 Change-Id: Ib11a45baf5e92565b22e21f3bd1a929cbbbef608 Reviewed-by: Leena Miettinen --- doc/global/template/style/offline.css | 34 ++++++++++++++++++++++++---------- 1 file changed, 24 insertions(+), 10 deletions(-) diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css index 3f99aec978..a63ccc60ff 100644 --- a/doc/global/template/style/offline.css +++ b/doc/global/template/style/offline.css @@ -89,13 +89,11 @@ offline viewing: HTML links display an icon ----------- */ -a[href*="http://"], a[href*="ftp://"], a[href*="https://"] { - text-decoration: none; - background-image: url(../images/ico_out.png); - background-repeat: no-repeat; - background-position: left; - padding-left: 20px; - text-align: left; +a[href*="http://"]::before, +a[href*="ftp://"]::before, +a[href*="https://"]::before { + content: url(../images/ico_out.png); + padding-right: 5px; } .flags { @@ -547,11 +545,27 @@ ol.a > li{ list-style-type: lower-alpha; } - ol > li { +ol > li { margin-left: 30px; padding-left: 8px; - list-style: decimal; - } + list-style-type: decimal; +} + +ol.A > li { + list-style-type: upper-alpha; +} + +ol.a > li { + list-style-type: lower-alpha; +} + +ol.i > li { + list-style-type: lower-roman; +} + +ol.I > li { + list-style-type: upper-roman; +} .centerAlign { text-align: left -- cgit v1.2.3