xmls css, start to consider mobile usability

3 files changed, 116 insertions, 44 deletions

diff --git a/src/doc_reform/io_out/xmls_css.d b/src/doc_reform/io_out/xmls_css.d
index 3fe184f..90b295e 100644
--- a/src/doc_reform/io_out/xmls_css.d
+++ b/src/doc_reform/io_out/xmls_css.d
@@ -507,7 +507,7 @@ a.lnkocn:visited {
 }
 a.lnkocn:hover {
   color                    : #777777;
-  font-size                : 15px;
+  font-size                : 120%%;
 }
 a:hover img {
   background-color         : #FFFFFF;
@@ -768,7 +768,7 @@ p.small {
   text-align               : left;
 }
 .tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
   margin-bottom            : 0px;
   color                    : #777777;
@@ -834,10 +834,10 @@ label.ocn {
   width                    : 2%%;
   float                    : right;
   top                      : 0;
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
-  margin-bottom            : 5px;
-  margin-right             : 5px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
   text-align               : right;
   color                    : %s;
   -khtml-user-select       : none;
@@ -990,6 +990,18 @@ h7.subtoc {
   margin-top               : 0px;
   margin-bottom            : 0px;
 }
+input[type="text"] {
+  font-size:120%%;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 120%%;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 150%%;
+  line-height              : 150%%;
+}
 .icon-bar {
   width                    : 100%%;
   overflow                 : auto;
@@ -1216,7 +1228,7 @@ a.lnkocn:visited {
 }
 a.lnkocn:hover {
   color                    : #BBBBBB;
-  font-size                : 15px;
+  font-size                : 120%%;
 }
 a:hover img {
   background-color         : #000000;
@@ -1476,7 +1488,7 @@ p.small {
   text-align               : left;
 }
 .tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
   margin-bottom            : 0px;
   color                    : #EEEEEE;
@@ -1542,10 +1554,10 @@ label.ocn {
   width                    : 2%%;
   float                    : right;
   top                      : 0;
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
-  margin-bottom            : 5px;
-  margin-right             : 5px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
   text-align               : right;
   color                    : %s;
   -khtml-user-select       : none;
@@ -1698,6 +1710,18 @@ h7.subtoc {
   margin-top               : 0px;
   margin-bottom            : 0px;
 }
+input[type="text"] {
+  font-size:120%%;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 120%%;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 150%%;
+  line-height              : 150%%;
+}
 .icon-bar {
   width                    : 100%%;
   overflow                 : auto;
@@ -1924,7 +1948,7 @@ a.lnkocn:visited {
 }
 a.lnkocn:hover {
   color                    : #777777;
-  font-size                : 15px;
+  font-size                : 120%%;
 }
 a:hover img {
   background-color         : #FFFFFF;
@@ -2185,7 +2209,7 @@ p.small {
   text-align               : left;
 }
 .tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
   margin-bottom            : 0px;
   color                    : #777777;
@@ -2251,10 +2275,10 @@ label.ocn {
   width                    : 2%%;
   float                    : right;
   top                      : 0;
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
-  margin-bottom            : 5px;
-  margin-right             : 5px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
   text-align               : right;
   color                    : %s;
   -khtml-user-select       : none;
@@ -2407,6 +2431,18 @@ h7.subtoc {
   margin-top               : 0px;
   margin-bottom            : 0px;
 }
+input[type="text"] {
+  font-size:120%%;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 120%%;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 150%%;
+  line-height              : 150%%;
+}
 /* flex */
 .flex-menu-bar {
   display                  : -webkit-flex;
@@ -2559,7 +2595,7 @@ a.lnkocn:visited {
 }
 a.lnkocn:hover {
   color                    : #BBBBBB;
-  font-size                : 15px;
+  font-size                : 120%%;
 }
 a:hover img {
   background-color         : #000000;
@@ -2819,7 +2855,7 @@ p.small {
   text-align               : left;
 }
 .tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
   margin-bottom            : 0px;
   color                    : #EEEEEE;
@@ -2885,10 +2921,10 @@ label.ocn {
   width                    : 2%%;
   float                    : right;
   top                      : 0;
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
-  margin-bottom            : 5px;
-  margin-right             : 5px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
   text-align               : right;
   color                    : %s;
   -khtml-user-select       : none;
@@ -3041,6 +3077,18 @@ h7.subtoc {
   margin-top               : 0px;
   margin-bottom            : 0px;
 }
+input[type="text"] {
+  font-size:120%%;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 120%%;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 150%%;
+  line-height              : 150%%;
+}
 /* flex */
 .flex-menu-bar {
   display                  : -webkit-flex;
@@ -3193,7 +3241,7 @@ a.lnkocn:visited {
 }
 a.lnkocn:hover {
   color                    : #777777;
-  font-size                : 15px;
+  font-size                : 120%%;
 }
 a:hover img {
   background-color         : #FFFFFF;
@@ -3454,7 +3502,7 @@ p.small {
   text-align               : left;
 }
 .tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
   margin-bottom            : 0px;
   color                    : #777777;
@@ -3520,10 +3568,10 @@ label.ocn {
   width                    : 2%%;
   float                    : right;
   top                      : 0;
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
-  margin-bottom            : 5px;
-  margin-right             : 5px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
   text-align               : right;
   color                    : %s;
   -khtml-user-select       : none;
@@ -3676,6 +3724,18 @@ h7.subtoc {
   margin-top               : 0px;
   margin-bottom            : 0px;
 }
+input[type="text"] {
+  font-size:120%%;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 120%%;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 150%%;
+  line-height              : 150%%;
+}
 
 ┃",
     _color_ocn_light,
@@ -3718,7 +3778,7 @@ a.lnkocn:visited {
 }
 a.lnkocn:hover {
   color                    : #BBBBBB;
-  font-size                : 15px;
+  font-size                : 120%%;
 }
 a:hover img {
   background-color         : #000000;
@@ -3978,7 +4038,7 @@ p.small {
   text-align               : left;
 }
 .tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
   margin-bottom            : 0px;
   color                    : #EEEEEE;
@@ -4044,10 +4104,10 @@ label.ocn {
   width                    : 2%%;
   float                    : right;
   top                      : 0;
-  font-size                : 10px;
+  font-size                : 12px;
   margin-top               : 0px;
-  margin-bottom            : 5px;
-  margin-right             : 5px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
   text-align               : right;
   color                    : %s;
   -khtml-user-select       : none;
@@ -4200,6 +4260,18 @@ h7.subtoc {
   margin-top               : 0px;
   margin-bottom            : 0px;
 }
+input[type="text"] {
+  font-size:120%%;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 120%%;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 150%%;
+  line-height              : 150%%;
+}
 
 ┃",
     _color_ocn_dark,
diff --git a/src/doc_reform/meta/metadoc_curate_authors.d b/src/doc_reform/meta/metadoc_curate_authors.d
index c915e13..f7d250b 100644
--- a/src/doc_reform/meta/metadoc_curate_authors.d
+++ b/src/doc_reform/meta/metadoc_curate_authors.d
@@ -310,7 +310,7 @@ string theme_light_1 = format(q"┃
     text-align               : left;
   }
   p.publication {
-    font-size                : 80%%;
+    font-size                : 90%%;
     margin-left              : 4em;
     margin-top               : 0px;
     margin-bottom            : 0px;
@@ -319,7 +319,7 @@ string theme_light_1 = format(q"┃
   }
   p.letter {
     font-weight              : bold;
-    font-size                : 60%%;
+    font-size                : 80%%;
     margin-left              : 1em;
     margin-top               : 0px;
     margin-bottom            : 0px;
@@ -331,23 +331,23 @@ string theme_light_1 = format(q"┃
     margin-left              : 1em;
   }
   p.lev1 {
-    font-size                : 110%%;
+    font-size                : 115%%;
     margin-left              : 2em;
   }
   p.lev2 {
-    font-size                : 100%%;
+    font-size                : 110%%;
     margin-left              : 3em;
   }
   p.lev3 {
-    font-size                : 90%%;
+    font-size                : 105%%;
     margin-left              : 4em;
   }
   p.lev4 {
-    font-size                : 80%%;
+    font-size                : 100%%;
     margin-left              : 5em;
   }
   p.lev5 {
-    font-size                : 80%%;
+    font-size                : 95%%;
     margin-left              : 6em;
   }%s
   /* flex */
diff --git a/src/doc_reform/meta/metadoc_curate_topics.d b/src/doc_reform/meta/metadoc_curate_topics.d
index 9ee3efd..9a01f5a 100644
--- a/src/doc_reform/meta/metadoc_curate_topics.d
+++ b/src/doc_reform/meta/metadoc_curate_topics.d
@@ -351,7 +351,7 @@ string theme_light_1 = format(q"┃
     text-align               : left;
   }
   p.publication {
-    font-size                : 80%%;
+    font-size                : 90%%;
     margin-left              : 4em;
     margin-top               : 0px;
     margin-bottom            : 0px;
@@ -360,7 +360,7 @@ string theme_light_1 = format(q"┃
   }
   p.letter {
     font-weight              : bold;
-    font-size                : 60%%;
+    font-size                : 80%%;
     margin-left              : 1em;
     margin-top               : 0px;
     margin-bottom            : 0px;
@@ -372,23 +372,23 @@ string theme_light_1 = format(q"┃
     margin-left              : 1em;
   }
   p.lev1 {
-    font-size                : 110%%;
+    font-size                : 115%%;
     margin-left              : 2em;
   }
   p.lev2 {
-    font-size                : 100%%;
+    font-size                : 110%%;
     margin-left              : 3em;
   }
   p.lev3 {
-    font-size                : 90%%;
+    font-size                : 105%%;
     margin-left              : 4em;
   }
   p.lev4 {
-    font-size                : 80%%;
+    font-size                : 100%%;
     margin-left              : 5em;
   }
   p.lev5 {
-    font-size                : 80%%;
+    font-size                : 95%%;
     margin-left              : 6em;
   }%s
   /* flex */