.bili-wrapper { display: flex !important; justify-content: center !important; align-items: center !important; height: 50px !important; } .bili-header-m>.nav-menu, .link-navbar, .link-navbar .main-ctnr .nav-items-ctnr { background: rgb(162, 197, 235) !important; background: $customStyleColorff !important; } .bili-header-m>.nav-menu, .link-navbar-ctnr { box-shadow: rgba(17, 81, 150, 0.48) 0px 2px 10px 1px !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, .link-navbar .main-ctnr .nav-logo, .link-navbar .nav-item, .shortcuts-ctnr, .link-navbar .nav-item:hover, .link-navbar .main-ctnr .nav-switcher { color: #effbff !important; color: $foregroundd !important; } li.nav-item:hover, .link-navbar .nav-item:hover, .shortcuts-ctnr .shortcut-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 { width: 50px !important; left: -60px !important; top: 0px !important; height: 50px !important; background-position-y: 12px !important; } a.t>i.bili-icon-logo, a.t>i.bili-icon, .main-ctnr .nav-logo:before { filter: brightness(0) $filterInvert !important; opacity: 0.81 !important; } #entryOld, .nav-search-submit, .b-icon-app, .title-icon { display: none !important; } .i-face>.face { margin-top: -1px !important; } .i-face>.face, .user-panel-ctnr .msg-hinter { border: 1.5px solid #fff !important; border: 1.5px solid #fff3 !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; color: #effbff !important; background: transparent !important; color: $foregroundd !important; border-radius: 4px !important; line-height: 30px !important; height: 30px !important; transition: background-color .2s !important; } .u-link, .shortcuts-ctnr .shortcut-item .hinter, .shortcuts-ctnr .shortcut-item .num-hinter { border: 1px solid #effbff !important; border: 1px solid $foregroundb !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; } .search-bar-ctnr .search-bar { background-color: #fffd !important; transition: all 0.2s !important; } .search-bar-ctnr .search-bar:hover, #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; } .filter-item.search { margin: 0 !important; } .input-box textarea { padding: 8px !important; } .bili-header-m .nav-search .nav-search-keyword { color: #222 !important; } .link-navbar .main-ctnr .nav-switcher.open-btn { filter: brightness(0) invert(1) !important; opacity: 0.8 !important; } .guard-rank-cntr.open .tip.rank-desc { visibility: visible !important; } .guard-rank-cntr .rank-cntr .tip { visibility: hidden !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; }