New left menu
pull/98/head
Pavel Loginov 2019-01-23 21:38:53 +06:00 committed by GitHub
parent 5a8c513259
commit a24e047e91
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 55 additions and 23 deletions

View File

@ -388,36 +388,68 @@ pre {
padding: 5px; padding: 5px;
border-radius: 3px; border-radius: 3px;
} }
ul{
margin: 0;
padding: 0;
list-style: none;
}
.menu { .menu {
font-weight: bold;
font-style: italic;
min-height: calc(100vh - 95px); min-height: calc(100vh - 95px);
} }
.menu ul li{ .menu a{
padding: 1px; background: #33414e;
padding-left: 33px; color: #fff;
margin-right: 0px !important; padding: 10px;
display: block;
border-bottom: 1px solid #666;
transition: 0.5s all;
} }
.menu ul ul > li:hover{ .sidebar{
background-color: #69e; width: 200px;
margin: 20px;
} }
.menu ul{ .menu a:hover{
position: relative; background: #33414e;
margin: 0; padding: 10px 0 10px 20px;
padding: 0; color: #fff;
background-color: #33414E;
list-style-type: none;
} }
.menu ul a{ .menu li:first-child a, .menu li .v_menu li:first-child a{
color: #fff; border-radius: 3px 3px 0 0;
text-decoration: none;
} }
.menu ul a:hover, .menu li:hover, .current { .menu li:last-child a, .menu li .v_menu li:last-child a{
background-color: #69e; border-radius: 0 0 3px 3px;
border-bottom: 0;
} }
.menu ul ul a{ .menu li .v_menu li a{
color: #fff; border-radius: 0;
text-decoration: none; }
.p_menu{position: relative;}
.v_menu{
position: absolute;
width: 100%;
left: 180px;
top: -9999px;
opacity: 0;
border-left: 10px solid transparent;
transition: 0.5s opacity;
z-index: 1001;
}
.p_menu:hover .v_menu{
opacity: 1;
top: 0;
}
.p_menu::after{
content: "";
position: absolute;
border:5px solid;
border-color: transparent transparent transparent #eee;
top:1em;
right: 0.7em;
transition: 0.5s;
}
.p_menu:hover::after{
transform: scaleX(-1);
} }
.head-submenu { .head-submenu {
margin-left: 20px; margin-left: 20px;
@ -670,4 +702,4 @@ label {
.mCSB_container { .mCSB_container {
overflow-y: hidden !important; overflow-y: hidden !important;
overflow-x: auto !important; overflow-x: auto !important;
} }