Веб-сайт самохостера Lotigara

summaryrefslogtreecommitdiff
path: root/public/_/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/_/style.css')
-rw-r--r--public/_/style.css80
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;
+ }
+}