Bilibili-Evolved/style/compact-layout/compact-layout.css
2019-01-06 16:34:20 +08:00

355 lines
6.5 KiB
CSS

.groom-module
{
margin: 0 !important;
width: 192px !important;
height: 120px !important;
}
.bangumi-timing-module .card-timing,
.groom-module
{
-webkit-tap-highlight-color: transparent;
}
.chief-recommend-module .recommend-module,
.nominate-m .video-card-box,
.groom-box-m
{
height: 240px !important;
}
.groom-module .pic,
.groom-module .lazy-img
{
width: 100% !important;
height: 100% !important;
transition: all .2s;
}
.groom-module:hover .pic,
.groom-module:hover .lazy-img
{
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;
}
.nominate-m .carousel-box,
.nominate-m .carousel-box img
{
height: 240px !important;
width: 672px !important;
}
.storey-box .spread-module,
.live-module .storey-box .card-live-module,
.special-module,
.video-item-biref
{
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,
.mod-3 .l-item .l,
.mod-1 .l .spread-module,
.mod-3 .l .spread-module,
.mod-2 .spread-module,
.mod-2 li .l,
.video-item-biref .biref-img
{
width: 192px !important;
height: 120px !important;
}
.mod-2 li .l-item
{
height: auto;
}
.mod-3 .l-item,
.mod-3 li
{
width: 192px !important;
}
.mod-3 .l .spread-module
{
margin: 0 !important;
}
.mod-3 li,
.mod-1 li,
.mod-1 .r,
.mod-2 li .l-item
{
padding: 0 !important;
}
.mod-3 .r .v-info,
.mod-3 .r .up-info,
.mod-3 .r .title
{
padding-top: 4px !important;
margin-top: 0px !important;
}
.mod-2 li .r .v-desc
{
padding: 0 !important;
margin: 10px 0 !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,
.video-item-biref .biref-info .biref-title
{
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}
.sec-rank .rank-list-wrap .rank-list
{
min-height: 288px;
}
.hot-recom-module
{
height: auto !important;
}
.game-groom-box-m,
.game-groom-box-m .game-groom-m
{
height: 100% !important;
}
.spread-module .pic,
.special-module .pic-box,
.groom-module,
.carousel-box .carousel-module .panel,
.live-module .storey-box .card-live-module .pic,
.card-live-module .pic .mask,
.mod-3 .l-item,
.carousel-wrapper,
.video-item-biref .biref-img,
.game-groom-box-m .game-groom-m
{
border-radius: 0 !important;
}
.rank-list .rank-item .ri-num,
.card-timing-module .pic,
.timeline-box .timeline-item .preview,
.timeline-box .timeline-item .preview img
{
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: 36px;
padding-top: 4px;
}
@media screen and (min-width: 1300px)
{
.bili-wrapper
{
width: 1248px !important;
}
.cinema-home-wrapper
{
width: 1248px !important;
}
.block-area .block-left
{
width: 960px !important;
}
.timeline-box .timeline-item
{
padding-right: 32px !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;
}
.mod-1 li .r
{
width: 750px !important;
}
.mod-2 li .r
{
width: 245px !important;
}
.mod-2 li .r .up-info .v-author, .mod-2 li .r .v-info .v-info-i
{
width: 70px !important;
}
.bangumi-timing-module .headline .bili-tab
{
width: 700px;
display: flex;
justify-content: space-evenly;
}
}
@media screen and (max-width: 1300px)
{
.bili-wrapper
{
width: 1056px !important;
}
.cinema-home-wrapper
{
width: 1056px !important;
}
.block-area .block-left
{
width: 768px !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);
}
.mod-1 li .r
{
width: 530px !important;
}
.mod-2 li .r
{
width: 160px !important;
}
.mod-2 li .r .up-info .v-author, .mod-2 li .r .v-info .v-info-i
{
width: 50px !important;
}
}