Andrew Boyson / web

Dependents:   oldheating gps motorhome heating

Revision:
14:c3c43c8faf0e
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/http-css-nav.inc	Sat Dec 29 19:01:39 2018 +0000
@@ -0,0 +1,11 @@
+//Override the base font size 1vw = 1% width so for a width of 600px 4vw equates to 24px
+"                            * { font-size:4vw;  } \r\n"
+"@media (min-width: 600px) { * { font-size:24px; } }\r\n"
+//Override the left margin to fit the nav bar and make the line spacing smaller
+"body              { margin-left:6em; }\r\n"
+//Specify the nav bar itself
+"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"
+"nav ul li         { background:lightskyblue; padding:0; border-style:none; margin:0.2em; }\r\n"
+"nav ul li.this    { background:coral; }\r\n"
+"nav ul li a       { display:block; color:black; text-decoration:none; border:0;margin:0; padding:0.5em; }\r\n"
+"nav ul li a:hover { color:darkred; }\r\n"