Bilibili-Evolved/style/compact-layout/compact-layout.css
2019-01-04 21:01:31 +08:00

239 lines
4.5 KiB
CSS

.recommend-module .groom-module
{
margin: 0 !important;
width: 192px !important;
height: 120px !important;
}
.bangumi-timing-module .card-timing,
.recommend-module .groom-module
{
-webkit-tap-highlight-color: transparent;
}
.chief-recommend-module .recommend-module
{
height: 240px !important;
}
.groom-module .pic
{
width: 100% !important;
height: 100% !important;
transition: all .2s;
}
.groom-module:hover .pic
{
filter: blur(8px);
}
.groom-module .card-mark
{
width: calc(100% - 20px) !important;
top: 88px;
padding: 10px !important;
}
.groom-module:hover .card-mark
{
top: 0 !important;
}
.chief-recommend-module .carousel-box,
.chief-recommend-module .carousel-box img
{
height: 240px !important;
width: 480px !important;
}
.new-comers-module .storey-box .spread-module,
.live-module .storey-box .card-live-module,
.special-module
{
margin: 0 !important;
width: 192px !important;
height: 168px !important;
-webkit-tap-highlight-color: transparent;
}
.special-module
{
height: 192px !important;
}
.special-module .pic .title
{
line-height: unset !important;
height: auto !important;
}
.special-recommend-module .storey-box
{
height: 180px !important;
}
.special-module .user
{
transform: translatey(24px);
}
.spread-module .pic,
.live-module .storey-box .card-live-module .pic,
.special-module .pic-box
{
width: 192px !important;
height: 120px !important;
}
.spread-module .num,
.live-module .storey-box .card-live-module .num
{
padding-left: 8px;
padding-right: 8px;
bottom: 6px;
}
.spread-module .t,
.live-module .storey-box .card-live-module .t,
.special-module .pic .title
{
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}
.sec-rank .rank-list-wrap .rank-list
{
min-height: 288px;
}
.spread-module .pic,
.special-module .pic-box,
.recommend-module .groom-module,
.chief-recommend-module .carousel-box .carousel-module .panel,
.live-module .storey-box .card-live-module .pic,
.card-live-module .pic .mask
{
border-radius: 0 !important;
}
.rank-list .rank-item .ri-num,
.card-timing-module .pic
{
border-radius: 50% !important;
}
.cover-preview-module .cover
{
width: 160px;
transform-origin: left top 0px;
transform: scale(1.3);
}
.bangumi-timing-module .card-timing
{
width: 205px;
}
.card-timing-module .r-text
{
width: 120px;
}
.recommend-module .rec-btn.prev
{
left: 0 !important;
}
.primary-menu
{
display: flex;
align-items: center;
margin: 0;
width: 100%;
}
.primary-menu .nav-menu
{
flex: 1 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 28px;
}
.primary-menu .nav-menu>li .num-wrap span
{
padding: 2.5px;
line-height: unset;
height: auto;
min-width: 30px;
}
.primary-menu .nav-menu>li.home>a,
.primary-menu .nav-menu .side-nav .side-link i.square,
.primary-menu .nav-menu .side-nav .side-link i.zhuanlan,
.primary-menu .nav-menu .side-nav .side-link i.live,
.primary-menu .nav-menu .side-nav .side-link i.blackroom
{
background-size: contain;
background-repeat: no-repeat;
background-position: initial;
}
.primary-menu .nav-menu>li .num-wrap
{
top: 0;
}
.primary-menu .nav-menu>li .num-wrap
{
position: static;
height: auto;
}
.primary-menu .nav-menu li .nav-name
{
line-height: unset;
height: auto;
}
.primary-menu .nav-menu>li:not(.home) .nav-name
{
height: auto;
padding: 0;
}
.nav-gif
{
position: static;
flex: 0 0 auto;
}
.primary-menu .nav-menu li.home>a .nav-name
{
visibility: hidden;
display: block;
position: static;
}
.primary-menu .nav-menu .sub-nav
{
top: 42px;
}
@media screen and (min-width: 1300px)
{
.bili-wrapper
{
width: 1248px !important;
}
.elevator-module
{
margin-left: 630px !important;
}
.bili-wrapper .l-con
{
width: 988px !important;
}
.bangumi-timing-module .card-timing
{
padding: 36px 30px 0 0;
}
.bangumi-timing-module .card-timing:nth-child(4):nth-child(4)
{
padding-top: 0;
}
}
@media screen and (max-width: 1300px)
{
.bili-wrapper
{
width: 1056px !important;
}
.elevator-module
{
margin-left: 540px !important;
}
.bili-wrapper .l-con
{
width: 768px !important;
}
.bangumi-timing-module .card-timing
{
padding: 36px 36px 0 0;
}
#ranking_guochuang
{
width: 260px !important;
transform: translatex(28px);
}
}