Andrew Boyson / web

Dependents:   oldheating gps motorhome heating

Committer:
andrewboyson
Date:
Thu Jan 17 13:07:53 2019 +0000
Revision:
30:6a08abbe6301
Parent:
http-css-nav.inc@14:c3c43c8faf0e
Child:
77:4689596a2f3f
Tidied up the base and derived portions

Who changed what in which revision?

UserRevisionLine numberNew contents of line
andrewboyson 14:c3c43c8faf0e 1 //Override the base font size 1vw = 1% width so for a width of 600px 4vw equates to 24px
andrewboyson 14:c3c43c8faf0e 2 " * { font-size:4vw; } \r\n"
andrewboyson 14:c3c43c8faf0e 3 "@media (min-width: 600px) { * { font-size:24px; } }\r\n"
andrewboyson 14:c3c43c8faf0e 4 //Override the left margin to fit the nav bar and make the line spacing smaller
andrewboyson 14:c3c43c8faf0e 5 "body { margin-left:6em; }\r\n"
andrewboyson 14:c3c43c8faf0e 6 //Specify the nav bar itself
andrewboyson 14:c3c43c8faf0e 7 "nav ul { list-style-type:none; margin:0; padding:0; overflow:hidden; position:fixed; top:0; left:0; width:5em; font-size:1.2em; }\r\n"
andrewboyson 14:c3c43c8faf0e 8 "nav ul li { background:lightskyblue; padding:0; border-style:none; margin:0.2em; }\r\n"
andrewboyson 14:c3c43c8faf0e 9 "nav ul li.this { background:coral; }\r\n"
andrewboyson 14:c3c43c8faf0e 10 "nav ul li a { display:block; color:black; text-decoration:none; border:0;margin:0; padding:0.5em; }\r\n"
andrewboyson 14:c3c43c8faf0e 11 "nav ul li a:hover { color:darkred; }\r\n"