web-nav-css.inc

00001 //Override the base font size 1vw = 1% width so for a width of 600px 4vw equates to 24px
00002 "                            * { font-size:4vw;  } \r\n"
00003 "@media (min-width: 600px) { * { font-size:24px; } }\r\n"
00004 
00005 //Override the left margin to fit the nav bar and make the line spacing smaller
00006 "body              { margin-left:6em; }\r\n"
00007 
00008 //Overide the line container to match
00009 ".line             { width:17em; }\r\n"
00010 
00011 //Specify the tab access
00012 ".tab-shortcut       { position:absolute; top:-1000em;}\r\n"
00013 ".tab-shortcut:focus { position:fixed; top:0; left:0; z-index:999; padding:0.5em; background-color:darkblue; color:white; }\r\n"
00014 
00015 //Specify the nav bar itself
00016 "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"
00017 "nav ul li         { background:lightskyblue; padding:0; border-style:none; margin:0.2em; }\r\n"
00018 "nav ul li.this    { background:coral; }\r\n"
00019 "nav ul li a       { display:block; color:black; border:0;margin:0; padding:0.4em; }\r\n"
00020 "nav ul li a:hover { color:darkred; }\r\n"