diff --git a/OsmAnd/assets/article_style.css b/OsmAnd/assets/article_style.css index 071fe4455b..0b73c5cc34 100755 --- a/OsmAnd/assets/article_style.css +++ b/OsmAnd/assets/article_style.css @@ -59,13 +59,16 @@ h1 { h2 { font-size: 1.5em; - color: #454545; - font-family: serif; + color: #575757; + font-family: RobotoSlab-Regular; word-wrap: break-word; margin-top: 3%; - margin-bottom: 3%; - font-weight: normal; + padding-bottom: 3%; + /* font-weight: bold; */ line-height: 1.6em; + letter-spacing: 0.01em; + border-bottom: 1px solid #eaecf0; + width: 100%; } h2.active:after { @@ -76,10 +79,11 @@ h2.active:after { } h2:after { + /* Headline arrow */ vertical-align: middle; content: ""; - border: solid black; - border-width: 0 3px 3px 0; + border: solid #727272; + border-width: 0 2px 2px 0; margin-top: 13px; display: inline-block; padding: 3px; @@ -159,7 +163,7 @@ pre { background-color: #fafafa; border: 1px solid #e6e6e6; border-radius: 5px; - padding: 2%; + padding: 3% 3% 3% 3%; color: #237bff; font-size: 0.9em; font-weight: bold; @@ -168,6 +172,11 @@ pre { display: inline-block; } +@font-face { + font-family: RobotoSlab-Regular; + src: url("file:///assets/fonts/RobotoSlab-Regular.ttf") +} + td { display: inline-block; word-wrap: break-word; diff --git a/OsmAnd/assets/fonts/RobotoSlab-Regular.ttf b/OsmAnd/assets/fonts/RobotoSlab-Regular.ttf new file mode 100755 index 0000000000..eb52a79073 Binary files /dev/null and b/OsmAnd/assets/fonts/RobotoSlab-Regular.ttf differ diff --git a/OsmAnd/src/net/osmand/plus/wikivoyage/article/WikivoyageArticleDialogFragment.java b/OsmAnd/src/net/osmand/plus/wikivoyage/article/WikivoyageArticleDialogFragment.java index 2a54cbf3e1..b12b7803e2 100644 --- a/OsmAnd/src/net/osmand/plus/wikivoyage/article/WikivoyageArticleDialogFragment.java +++ b/OsmAnd/src/net/osmand/plus/wikivoyage/article/WikivoyageArticleDialogFragment.java @@ -73,7 +73,19 @@ public class WikivoyageArticleDialogFragment extends WikivoyageBaseDialogFragmen " content.style.display = \"block\";" + " }" + " });" + - "}" + "function scrollAnchor(id, title) {" + + "}" + + "document.addEventListener(\"DOMContentLoaded\", function(event) {\n" + + " document.querySelectorAll('img').forEach(function(img) {\n" + + " img.onerror = function() {\n" + + " this.style.display = 'none';\n" + + " var caption = img.parentElement.nextElementSibling;\n" + + " if (caption.className == \"thumbnailcaption\") {\n" + + " caption.style.display = 'none';\n" + + " }\n" + + " };\n" + + " })\n" + + "});" + + "function scrollAnchor(id, title) {" + "openContent(title);" + "window.location.hash = id;}\n" + "function openContent(id) {\n" +