From abcaaa4bf498fe3ada090f87d3813f5549a82074 Mon Sep 17 00:00:00 2001 From: Dmitriy Prodchenko Date: Fri, 4 May 2018 13:44:24 +0300 Subject: [PATCH] CSS for Travel and Wikipedia: fix table styles --- OsmAnd/assets/article_style.css | 53 ++++++++++++++++++++++++++------- 1 file changed, 43 insertions(+), 10 deletions(-) diff --git a/OsmAnd/assets/article_style.css b/OsmAnd/assets/article_style.css index db40aa439d..7d32f8d31d 100755 --- a/OsmAnd/assets/article_style.css +++ b/OsmAnd/assets/article_style.css @@ -242,7 +242,8 @@ p { color: var(--main-text-color-night); } -ul, dl { +/* Lists */ +ul, dl, ol { /* font-size: var(--main-text-font-size); */ color: var(--main-text-color-day); font-size: inherit; @@ -259,15 +260,10 @@ li { padding-bottom: 1%; } -.nightmode ul, .nightmode dl { +.nightmode ul, .nightmode dl, .nightmode ol { color: #cccccc; } -.toc { - font-size: var(--main-text-font-size); -} - - img { width: 100%; } @@ -327,10 +323,47 @@ a.geo { text-decoration: none; display: inline-block; } - -td { - display: inline-block; +/* Tables */ +table { + display: block; + overflow-y: scroll; word-wrap: break-word; + color: var(--main-text-color-day); + border: 1px solid var(--divider-color-day); + background: var(--divider-color-day); + margin-left: 0% !important; + margin-right: 0% !important; + margin-bottom: 7% !important; + font-size: inherit; +} + +.nightmode table { + color: var(--main-text-color-night); + border: 1px solid var(--background-color-night); + background: var(--divider-color-night) !important; +} + + +td, tr, th { + border: 1px solid var(--divider-color-day); + color: var(--main-text-color-night); + background: var(--divider-color-day); +} + +.nightmode td, .nightmode tr, .nightmode th { + color: var(--main-text-color-night); + border: 1px solid var(--background-color-night); + background: var(--divider-color-night) !important; +} + +.toc, .toc td, .toc tr { + border: 0px solid; + background: var(--background-color-day); +} + +.nightmode .toc, .toc td, .toc tr { + border: 0px solid; + background: var(--background-color-night) !important; } .thumb-tright, .thumbinner {