xmls css, start to consider mobile usability

1 files changed, 102 insertions, 30 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,