div#rightmenu-wrapper {
display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
display: none;
position: fixed;
z-index: 2147483648;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}ul.list-v.rightmenu {
display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
display: block;
background-color: var(--board-bg-color);
max-width: 240px;
overflow: hidden;
}
ul.list-v {
z-index: 1;
display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
display: none;
position: absolute;
background: var(--color-card);
box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08), 0 4px 8px 0px rgba(0,0,0,0.08), 0 8px 16px 0px rgba(0,0,0,0.08);
-webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08), 0 4px 8px 0px rgba(0,0,0,0.08), 0 8px 16px 0px rgba(0,0,0,0.08);
margin-top: -6px;
border-radius: 4px;
-webkit-border-radius: 4px;
padding: 8px 0;
}
ul.list-v.rightmenu li.navigation, ul.list-v.rightmenu li.music {
display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
display: -ms-flexbox /* TWEENER - IE 10 */;
display: -webkit-flex /* NEW - Chrome */;
display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-khtml-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
}
ul.list-v >li {
white-space: nowrap;
word-break: keep-all;
}
ul.list-v hr {
margin-top: 8px;
margin-bottom: 8px;
}
ul.list-v.rightmenu li.navigation a.nav i, ul.list-v.rightmenu li.music a.nav i {
margin: 0;
width: 32px;
line-height: 32px;
}
ul.list-v >li {
white-space: nowrap;
word-break: keep-all;
}
ul.list-v.rightmenu li.navigation a.nav:first-child, ul.list-v.rightmenu li.music a.nav:first-child {
margin-left: 3px;
}
ul.list-v.rightmenu a.vlts-menu {
text-overflow: ellipsis;
overflow: hidden;
line-height: 36px;
font-weight: normal;
}
.rightmenu-icon{
margin: 0 11px 0 8px;
}
ul.list-v >li>a {
transition: all 0.28s ease;
-webkit-transition: all 0.28s ease;
-khtml-transition: all 0.28s ease;
-moz-transition: all 0.28s ease;
-o-transition: all 0.28s ease;
-ms-transition: all 0.28s ease;
display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
display: block;
color: var(--text-color);
font-size: 1rem;
font-weight: bold;
line-height: 36px;
padding: 0 8px 0 8px;
text-overflow: ellipsis;
margin: 0 4px;
border-radius: 4px;
-webkit-border-radius: 4px;
}
ul.list-v >li>a :hover{
color: var(--link-hover-color)
}
ul.list-v.rightmenu a {
cursor: default;
}
/* 信息提示框 */
.tooltip-rightmenu {
position: fixed;
top: 10%;
left: 50%;
transform: translate(-50%, -50%); /* 居中 */
background: var(--text-color);
color: #fff;
padding: 10px 25px;
border-radius: 5px;
opacity: 0;
z-index: 99;
transition: opacity 1s ease-in-out;
}
.show-tooltip {
opacity: 0.8;
}