﻿/* plain navbar - hashimi.ws and similar (nav defined as <ul>) */
nav.plain {   /* customize width and look */
   width:72%;
   font-size:88%;
   padding: 8px 1.5% 8px 8px;
   background-color:#eee;
}

nav {
   padding: 1%;
   position: fixed;
   overflow-x: hidden;  /* no wrapping/scrolling */
   overflow-y: hidden;
   white-space: nowrap;
}
   
nav ul, nav ul li, nav ul li.sep, #tag {
   margin: 0;
   padding: 0;
}
   
nav ul li {
   display: inline;
   list-style-type: none;
   margin-left: 10px;
}

#tag {
   font-weight:600;
}

nav ul li.sep {
   margin-left: -4px;  /* ??? */
}

.sep:before {
   content: "|";
   margin-right: 5px;
   margin-left: 5px;
 }
   
@media only screen and (max-width: 540px) {
   nav, nav.plain {width: 100%;}
}

@media only screen and (max-width: 480px) {
   nav, nav.plain {font-size:82%;}
}

@media only screen and (max-width: 400px) {
   nav, nav.plain {font-size:80%;}
}

@media only screen and (max-width: 361px) {
   nav, nav.plain {font-size:78%;}
}
