slava.home/data/top.css.php

#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;
	}