res/style-head.css



    1 /**
    2  * Navbar Styles
    3  */
    4 div#nav-header {
    5   padding-top:.5em;
    6   /*background:linear-gradient(to top right, #322, #678);*/
    7   /*box-shadow:0px 0px 4px #4f4b43;*/
    8   display:flex;
    9   backdrop-filter: blur(3px) brightness(70%);
   10   -webkit-backdrop-filter: blur(3px) brightness(70%);
   11   z-index:7;
   12 }
   13 
   14 div#nav-header div#nav-header-logo {
   15   width:30%;
   16 }
   17 
   18 /**
   19  * Nav header link bar
   20  */
   21 div#nav-header-links {
   22   border:none;
   23   padding:2px 1px 7px 0px;
   24   text-align:right;
   25   vertical-align:top;
   26   width:70%;
   27 }
   28 
   29 div#nav-header-links ul {
   30   padding:4px;
   31   margin:0px;
   32 }
   33 
   34 div#nav-header-links ul li {
   35   list-style:none;
   36   display:inline;
   37   padding:0px 7px;
   38   border-right:1px solid #999;
   39 }
   40 
   41 div#nav-header-links ul li:last-child {
   42   border:none;
   43 }
   44 
   45 div#nav-header-links a,
   46 div#nav-header-links a:link,
   47 div#nav-header-links a:visited {
   48   color:#dff;
   49   text-decoration:none;
   50 }
   51 
   52 div#nav-header-links a:hover {
   53   text-decoration:underline;
   54 }