Ветка 07_11_25
This commit is contained in:
196
data/top.css.php
Normal file
196
data/top.css.php
Normal file
@@ -0,0 +1,196 @@
|
||||
#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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user