/*
A style sheet to try to handle font-size problems
with the 'Samsung Internet' browser on cell phones
--- yet render pages well with desktop browsers
like 'Seamonkey', 'Firefox', 'Safari', and others.

Basically:
- turn off STUPID 'text inflation' via '*-text-size-adjust' vars
- set 'font-family' for essentially all elements used
- set 'font-size' for essentially all elements used (using 'em'?)

NOTE:
In some browsers, font-size of 'pre' elements ares not inherited from 
the 'body' element --- and turning off STUPID 'text inflation' in
the 'body' does not do so for 'pre' elements. So we have to specify
font-size (and turn off 'text inflation') separately for 'pre' elements.

CSS file
Created 2018aug06.
Changed 2018nov04. (Changed 'pre' font-size from 1em to medium and
                    moved 'Courier New' to front of pre font-family.)
Changed 2020may27. (Commented '-webkit-text-size-adjust' lines to avoid
                    error messages from Seamonkey Javascript error console.)
Changed 2020jun06. (Restored '-webkit-text-size-adjust' line --- because
                    it is needed to avoid 'text inflaction' on smart phone
					--- in particular in Samung web browser.
                    Put 'html' and 'body' elements in separate braces
                    from 'table' etc.
                    Using 'font: inherit' with 'table' etc. turns off bold
					in elements marked with 'b'. Used 'font-size: 1em'.)
*/

/* #####

The following HTML elements are roughly in the order
in which I use them in most web pages. (circa 2018)

##### */

html, body {
    font-family:Arial,Helvetica,"Droid Sans","DejaVu Sans","Liberation Sans","Trebuchet MS","Comic Sans MS","Verdana",sans-serif;
    font-size: 1em;	
	
	/* ##### TRY TO TURN OFF STUPID 'text inflation'. ##### */
	
    /* -moz-text-size-adjust: 100%; */
    /* -webkit-text-size-adjust: 100%; */
	-webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
	
     /* ##### ALTERNATIVELY COULD TRY FOLLOWING: #####
  	    (seems to have same result for 'Samsung Internet' browser)
		
    -moz-text-size-adjust: none;  DO NOT USE?
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
	
     */
	
}

table, th, tr, td,
p, a, img,
b, i, 
ul, li, ol,
form, select, option {
    font-family:Arial,Helvetica,"Droid Sans","DejaVu Sans","Liberation Sans","Trebuchet MS","Comic Sans MS","Verdana",sans-serif;
    font-size: 1em;
    /* font-size: 100%; */
    /* font: inherit; */

}

/* ###### Use fixed-width font for pre/code sections. ##### */

pre, code {
    font-family:"Courier New","Bitstream Vera Sans Mono","Liberation Mono","DejaVu Sans Mono","Droid Sans Mono","Anadale Mono","Lucida Console",monospace,sans-serif;
    font-size: medium;
    /* font-size: 1em; */
    /* font-size: 100%; */
    /* font-size: inherit; */
	
	/* ##### TRY TO TURN OFF STUPID 'text inflation'. ##### */
	
    /* -moz-text-size-adjust: 100%; */
    /* -webkit-text-size-adjust: 100%; */
	-webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
	
     /* ##### ALTERNATIVELY COULD TRY FOLLOWING: #####
  	    (seems to have same result for 'Samsung Internet' browser)
		
    -moz-text-size-adjust: none;  DO NOT USE?
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
	
     */
	
}

/* #####

Set the 'font-family' and 'font-size' for 'h' elements.

(These 'h' elements could be replaced someday
by use of 'p' with style language.)

##### */

h1, h2, h3, h4, h5, h6 {
    font-family:Arial,Helvetica,"Droid Sans","DejaVu Sans","Liberation Sans","Trebuchet MS","Comic Sans MS",Verdana,sans-serif;
}

h1 {font-size:2.0em}
h2 {font-size:1.8em}
h3 {font-size:1.6em}
h4 {font-size:1.4em}
h5 {font-size:1.2em}
h6 {font-size:1.0em}

/*
## COMMENTED FOR NOW. ##
## I will probably use these 'table' parameters in pages on a case-by-case basis. ##
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

/*
HTML elements I *MAY* use someday:

audio
canvas
div
embed
form
iframe
input
label
legend
object
span
video
*/

/*
HTML elements I will probably never use:
(Many of these can be handled with style language.)

abbr
acronym
address
applet
article
aside
big
blockquote
center   (deprecated ; I will avoid)
cite
del
details
dfn
dd
dl
dt 
em
fieldset
figcaption
figure
font      (deprecated ; I will avoid)
footer
frameset  (removed from HTML5 ; I will avoid)
frame     (removed from HTML5 ; I will avoid)
header
hgroup
ins
kbd
mark
menu
nav
output
q
ruby
s
samp
section
small
strike
strong
sub
summary
sup
time 
tt
u
var

*/