/*
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' and 'Firefox' and others.

Basically:
- turn off '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'?)
*/

/*
HTML elements roughly in the order in which
I use them in most web pages. (circa 2018)
*/

html, body,
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; */
    /* -moz-text-size-adjust: 100%; */
    /* Get parsing error with 100% */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
/* ALTERNATIVELY COULD TRY: (seems to have same result for 'Samsung Internet' browser)
    -moz-text-size-adjust: none;  DO NOT?
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
*/
}

pre, code {
	font-family:"Bitstream Vera Sans Mono","Liberation Mono","DejaVu Sans Mono","Droid Sans Mono","Anadale Mono","Lucida Console","Courier New",monospace,sans-serif;
	font-size: 1em;
	/* font-size: 100%; */
	/* font: inherit; */
    /* -moz-text-size-adjust: 100%; */
    /* Get parsing error with 100% */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
/* ALTERNATIVELY COULD TRY:
    -moz-text-size-adjust: none;  DO NOT?
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
*/
}

/*
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;
    /* -moz-text-size-adjust: 100%; */
    /* Get parsing error with 100% */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
/* ALTERNATIVELY COULD TRY:
    -moz-text-size-adjust: none;  DO NOT?
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
*/
}

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

*/