#hmenu #menuicon { display: none; } #hmenu #menutit { display: none; } #hmenu { font-size: 14pt; background-color: rgba(0,0,0,0.89); color: white; position: fixed; top: 0; left: 0; width: 100%; height: 40px; margin: 0; padding: 0; /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);*/ /*padding-left: 40px;*/ z-index: 3; /*display: none;*/ } @media (hover: hover) { #hmenu ul { margin: 0; padding: 0; overflow: visible; } #hmenu ul li { min-width: 80pt; height: 40px; text-align: center; display: table-cell; vertical-align: middle; color: #539CDD; } #hmenu ul li:hover { background-color: rgba(255,255,255,0.10); cursor: default; } #hmenu ul li a { /*width: 80pt;*/ line-height: 40px; display: block; color: #539CDD; } #hmenu .ula { position: absolute; top: 40px; background-color: rgba(0,0,0,0.89); border-radius: 0 0 5px 5px; display: none; } #hmenu .ulb { background-color: rgba(0,0,0,0.89); left: 80pt; position: relative; top: -40px; border-radius: 5px; display: none; } #hmenu .ula li, #hmenu .ulb li { display: block; line-height: 40px; vertical-align: middle; white-space: nowrap; } #hmenu .ula li:hover, #hmenu .ulb li:hover { text-decoration: underline; } #hmenu .hil { line-height: 40px; vertical-align: middle; background-color: rgba(255,255,255,0.10); color: #C0D9F2; } #hmenu .hil:hover { cursor: default; text-decoration: none; } #hmenu .ula li.hil:hover, #hmenu .ulb li.hil:hover { text-decoration: none; } #hmenu .lipd { background-image: url('../imgs/menudownarr.svg'); background-repeat: no-repeat; background-position: bottom center; } #hmenu .lipr { background-image: url('../imgs/menurightarr.svg'); background-repeat: no-repeat; background-position: top right; } } /*@media only screen and (max-width:400pt) { #hmenu { font-size: 12pt; } #hmenu ul li, #hmenu ul li a, #hmenu .ula li, #hmenu .ulb li { width: 60pt; } #hmenu .ulb { left: 60pt; } }*/ @media (hover: none) { #hmenu #menuicon { display: block; cursor: pointer; } #hmenu #menutit { display: block; position: absolute; top: 0; right: 0; line-height: 40px; margin-right: 10px; color: #539CDD; } #hmenu #menu { position: fixed; background-color: rgba(0,0,0,0.89); padding-left: 5px; padding-right: 10px; padding-bottom: 5px; left: 0; top: 40px; color: #539CDD; line-height: 30px; display: none; height: calc(100% - 40px); overflow: auto; } #hmenu #menu a { color: #539CDD; text-decoration: underline; } #hmenu ul { margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; list-style-type: none; } #hmenu .ula, #hmenu .ulb { padding-left: 15px; } #hmenu .hil { color: #C0D9F2; } }