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 <[email protected]>
chain78 · Dec 22, 2020 · 1021cbf · 1021cbf
1 parent 093e0d4
commit 1021cbf
Showing 1 changed file with 24 additions and 10 deletions.
diff --git 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