.bili-wrapper { display: flex !important; justify-content: center !important; align-items: center !important; height: 50px !important; } .bili-header-m>.nav-menu { background: rgb(0, 86, 177) !important; box-shadow: rgba(17, 81, 150, 0.48) 0px 2px 10px 1px !important; background: $customStyleColorff !important; box-shadow: $customStyleColor70 0px 2px 10px 1px !important; } div.stardust-player { background: #fff !important; } /*div.player { width: 835.5px !important; }*/ .nav-mask { background-color: transparent !important; box-shadow: none !important; } .nav-con { flex-grow: 10 !important; flex-shrink: 0 !important; } .nav-con.fl { margin-left: -2em !important; } .bili-header-m .nav-menu .nav-con .nav-item .t { color: #effbff !important; color: $foregroundd !important; } li.nav-item:hover { background-color: hsla(0,0%,$brightness,.2) !important; } li.nav-item.home:hover { background: transparent !important; } .vip-m { background: white !important; } a.t>i.bili-icon-logo, a.t>i.bili-icon { filter: grayscale(100) brightness($filterBrightness) saturate(0) !important; width: 50px !important; left: -60px !important; top: 0px !important; height: 50px !important; opacity: 0.81 !important; background-position-y: 12px !important; } #entryOld, .nav-search-submit, .b-icon-app, .title-icon { display: none !important; } .i-face>.face { border: 1.5px solid #fff !important; border: 1.5px solid #fff3 !important; margin-top: -1px !important; } div.up-load { margin-left: 9px !important; height: 32px !important; order: 4 !important; flex-grow: 0; flex-shrink: 0; } .u-link { background-image: none !important; background-color: #D5E3F2 !important; border: 1px solid #effbff !important; color: #effbff !important; background: transparent !important; color: $foregroundd !important; border-radius: 4px !important; line-height: 30px !important; height: 30px !important; border: 1px solid $foregroundb !important; transition: background-color .2s !important; } .u-link:hover { opacity: 1 !important; background-color: hsla(0,0%,$brightness,.2) !important; } .nav-search { width: 130px !important; } .nav-search-keyword { width: 120px !important; } #nav_searchform { background-image: none !important; background-color: #D5E3F2 !important; margin-top: 0.1rem !important; border-radius: 4px !important; background: #fffb !important; border: none !important; transition: background-color .2s !important; box-shadow: 0px 2px 10px 1px #0002; } #nav_searchform:hover { background-color: #fff !important; } #bilibiliPlayer { box-shadow: 0px 10px 30px 5px #D0E4EC !important; box-shadow: 0px 10px 30px 5px $customStyleColor40 !important; } .blur-bg { opacity: $blurBackgroundOpacity !important; filter: blur(20px) !important; } .cancel { width: 28px !important; } ul.bilibili-suggest { margin-left: -35px !important; width: 200px !important; } li.suggest-item>a { max-width: 155px !important; } div.num { border: 1px solid #fff8 !important; } #primary_menu, #primary_menu>ul.nav-menu { display: flex !important; align-items: center !important; } /*li.home>a.t,*/ div.nav-gif, #primary_menu { padding: 0 !important; } /*li.home>a.t { font-size: 0 !important; }*/ @media only screen and (min-width: 1291px) { .nav-con { margin: 0 1em !important; } .bilibili-suggest.nav, .nav-search { width: 250px !important; } .nav-search-keyword { width: 240px !important; } ul.bilibili-suggest { margin-left: 0px !important; width: 250px !important; } li.suggest-item>a { max-width: 205px !important; } } ::-webkit-scrollbar { width: 5px !important; height: 5px !important; } ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track { background: transparent !important; } ::-webkit-resizer, ::-webkit-scrollbar-thumb { background: #aaa !important; } ::-webkit-scrollbar-thumb:hover { background: #888 !important; }