Bilibili-Evolved/style/custom-navbar/custom-navbar.css
2019-04-05 12:16:34 +08:00

114 lines
2.3 KiB
CSS

@font-face
{
font-family: "custom-navbar-font";
src: url('//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf') format('truetype');
}
.custom-navbar-iconfont {
font-family: "custom-navbar-font" !important;
font-size: 16px;
}
.custom-navbar-icon-music::before {
content: "\E601";
}
.custom-navbar-icon-game::before {
content: "\E603";
}
.custom-navbar-icon-dance::before {
content: "\E605";
}
.custom-navbar-icon-zhibo::before {
content: "\E606";
}
.custom-navbar-icon-ent::before {
content: "\E607";
}
.custom-navbar-icon-life::before {
content: "\E608";
}
.custom-navbar-icon-kichiku::before {
content: "\E609";
}
.custom-navbar-icon-guochuang::before {
content: "\E60A";
}
.custom-navbar-icon-fashion::before {
content: "\E60B";
}
.custom-navbar-icon-ad::before {
content: "\E60C";
}
.custom-navbar-icon-anime::before {
content: "\E60D";
}
.custom-navbar-icon-guochandonghuatuijian::before {
content: "\E612";
}
.custom-navbar-icon-technology::before {
content: "\E6AD";
}
.custom-navbar-icon-general_pullup_s::before {
content: "\E6EC";
}
.custom-navbar-icon-Navbar_mobile::before {
content: "\E724";
}
.custom-navbar-icon-Navbar_logo::before {
content: "\E725";
}
.custom-navbar-icon-bilibili-tv::before {
content: "\E668";
}
.custom-navbar-icon-general_upload::before {
content: "\E634";
}
.custom-navbar-icon-general_search::before {
content: "\E635";
}
.custom-navbar-icon-activit::before {
content: "\E63B";
}
.custom-navbar-icon-blackroom::before {
content: "\E63F";
}
.custom-navbar-icon-read::before {
content: "\E640";
}
.custom-navbar-icon-ic_partition_broadca::before {
content: "\E641";
}
.custom-navbar-icon-cinephile::before {
content: "\E642";
}
.custom-navbar-icon-cinema::before {
content: "\E643";
}
.custom-navbar-icon-topic::before {
content: "\E644";
}
.custom-navbar-icon-douga::before {
content: "\E645";
}
.custom-navbar-icon-digital::before {
content: "\E64E";
}
.custom-navbar
{
--navbar-height: 50px;
position: fixed;
top: 0;
left: 0;
height: var(--navbar-height);
width: 100vw;
color: black;
z-index: 10001;
}
.custom-navbar.fill
{
background-color: var(--theme-color);
color: #fffd;
}
.custom-navbar.fill.shadow
{
box-shadow: var(--theme-color-30) 0px 2px 10px 1px;
}