From 8333ab4e92003b392039be7d655c4968eebe5033 Mon Sep 17 00:00:00 2001 From: Ralph Amissah Date: Sat, 29 Jan 2022 20:17:41 -0500 Subject: xmls css, start to consider mobile usability --- src/doc_reform/io_out/xmls_css.d | 132 ++++++++++++++++++++++++++++++--------- 1 file changed, 102 insertions(+), 30 deletions(-) (limited to 'src/doc_reform/io_out/xmls_css.d') 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, -- cgit v1.2.3