diff options
Diffstat (limited to 'public/_/style.css')
-rw-r--r-- | public/_/style.css | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/public/_/style.css b/public/_/style.css new file mode 100644 index 0000000..3cff5f6 --- /dev/null +++ b/public/_/style.css @@ -0,0 +1,80 @@ +@media (max-width: 1199px) and (min-width: 401px) { + body { + font-size: 32pt; + } + + div.content_section_text p::first-letter,div.content::first-letter { + font-size: 37pt; + } + + /* https://css-tricks.com/responsive-data-tables/ */ + + /* + * Force table to not be like tables anymore + */ + table, thead, tbody, th, td, tr { + display: block; + } + + /* + * Hide table headers (but not display: none;, for accessibility) + */ + thead tr { + position: absolute; + top: -9999%; + left: -9999%; + } + + td { + /* Behave like a "row" */ + border: none; + position: relative; + padding-left: 50%; + } + + td::before { + /* Now like a table header */ + position: absolute; + /* Top/left values mimic padding */ + top: 6px; + left: 6px; + width: 45%; + padding-right: 10px; + white-space: nowrap; + } +} + +@media only screen and (orientation: landscape) +and (min-width: 992px) +and (max-width: 1199px) { + body { + font-size: 14pt; + } +} +@media only screen and (orientation: landscape) +and (min-width: 768px) +and (max-width: 991px) { + body { + font-size: 14pt; + } +} +@media only screen and (orientation: landscape) +and (min-width: 480px) +and (max-width: 767px) { + body { + font-size: 11pt; + } +} +@media only screen and (orientation: landscape) +and (max-width: 479px) { + body { + font-size: 8pt; + } +} +@media only screen and (orientation: landscape) +and (min-device-width : 375px) +and (max-device-width : 667px) { + body { + font-size: 9.5pt; + } +} |