#hbody { text-align :center; position :fixed; width :-webkit-fill-available; height :1.2em; padding: 2px 25px; background :rgb(237,232,237); background-image :linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%); background-image :-o-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%); background-image :-moz-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%); background-image :-webkit-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%); background-image :-ms-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%); background-image :-webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(194,194,194)), color-stop(0.57, rgb(237,232,237))); color :#666; text-shadow :1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; /* font-family :Arial, Tahoma, Verdana, sans-serif; */ font-size :1.3em; top :0px; z-index :1000; white-space: nowrap; } .side-link{ white-space: normal; overflow-wrap: break-word; word-break: break-word; padding: 10px 20px 10px 20px; } .side-menu-header{ padding: 30px 20px 20px 20px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(233 233 233)), color-stop(0.57, rgb(194 194 194))); } /*- меню страниц */ .menu-btn { cursor: pointer; position: relative; float: right; margin-left: 9px; } .side-menu { position: fixed; top: 0; right: -100%; width: 70%; max-width: 13em; height: 100%; box-sizing: border-box; transition: left 0.3s ease; display: flex; flex-direction: column; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(194, 194, 194)), color-stop(0.57, rgb(237, 232, 237))); z-index: 1006; } .menu-toggle { font-size: 2em; margin: -3px 0px 0px 0px; } .menu-toggle:checked ~ .side-menu { right: 0; } #overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: 1005; } #overlay.active { pointer-events: auto; opacity: 1; } #shome{ position :relative; float :left; } #smenu{ position: relative; margin: 0px auto; overflow: hidden; display: inline-block; margin: 0px 10px; padding: 0px 3px; } #slng{ text-transform :uppercase; position :relative; float :right; } #slng ul li a, #slng ul li a:visited { display :block; text-decoration :none; text-align :center; line-height :20px; overflow :hidden; } #slng ul { padding :0; margin :0; list-style :none; } #slng ul li { float :left; position :relative; } #slng ul li ul { display :none; background :rgb(237,232,237); position: absolute; right: 4px; } /* specific to non IE browsers */ #slng ul li:hover a { } #slng ul li:hover ul { display :block; } #slng ul li:hover ul li a.hide { } #slng ul li:hover ul li:hover a.hide { } #slng ul li:hover ul li ul { display :none; } #slng ul li:hover ul li a { display :block; } #slng ul li:hover ul li a:hover { } #slng ul li:hover ul li:hover ul { display :block; position :absolute; left :50px; top :0; } #slng ul li:hover ul li:hover ul.left { left :-105px; } #f button{ color :#666; background :none; cursor :pointer; border :0; text-shadow :1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; font-family :serif; font-size :1em; } #f, #f button{ display :inline; margin :1px; padding :0; } #f button:hover{ color :rgb(153,153,153); text-shadow :-1px -1px #666, 1px 1px #FFF; } #hbody a{ color :#666; text-shadow :1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; text-decoration :none; } #hbody a:hover{ color :rgb(153,153,153); text-shadow :-1px -1px #666, 1px 1px #FFF; }