Update compact layout

This commit is contained in:
the1812 2019-01-06 15:08:21 +08:00
parent 9b2893b1e1
commit 42f53321f9
6 changed files with 94 additions and 20 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
.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);}}
.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{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{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{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,.groom-module,.carousel-box .carousel-module .panel,.live-module .storey-box .card-live-module .pic,.card-live-module .pic .mask,.mod-3 .l-item{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:36px;padding-top:4px;}@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;}.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;}}@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);}.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;}}

View File

@ -1 +1 @@
#slide_ad,#home_popularize .l-con,#home_popularize .adpos,.gg-floor-module,.home-app-download,.activity-m,.bilibili-player-promote-wrap,.bili-header-m .nav-menu .nav-con .nav-item .text-red{display:none!important;}#home_popularize{position:relative!important;}.popularize-module .online{position:absolute!important;top:50%!important;right:0.5%!important;transform:translateY(-100%)!important;}
#slide_ad,#home_popularize .l-con,#home_popularize .adpos,.gg-floor-module,.home-app-download,.activity-m,.bilibili-player-promote-wrap,.bili-header-m .nav-menu .nav-con .nav-item .text-red,.mobile-link-l{display:none!important;}#home_popularize{position:relative!important;}.popularize-module .online{position:absolute!important;top:50%!important;right:0.5%!important;transform:translateY(-100%)!important;}

View File

@ -1,25 +1,29 @@
.recommend-module .groom-module
.groom-module
{
margin: 0 !important;
width: 192px !important;
height: 120px !important;
}
.bangumi-timing-module .card-timing,
.recommend-module .groom-module
.groom-module
{
-webkit-tap-highlight-color: transparent;
}
.chief-recommend-module .recommend-module
.chief-recommend-module .recommend-module,
.nominate-m .video-card-box,
.groom-box-m
{
height: 240px !important;
}
.groom-module .pic
.groom-module .pic,
.groom-module .lazy-img
{
width: 100% !important;
height: 100% !important;
transition: all .2s;
}
.groom-module:hover .pic
.groom-module:hover .pic,
.groom-module:hover .lazy-img
{
filter: blur(8px);
}
@ -39,7 +43,13 @@
height: 240px !important;
width: 480px !important;
}
.new-comers-module .storey-box .spread-module,
.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
{
@ -67,11 +77,48 @@
}
.spread-module .pic,
.live-module .storey-box .card-live-module .pic,
.special-module .pic-box
.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
{
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
{
@ -93,10 +140,11 @@
}
.spread-module .pic,
.special-module .pic-box,
.recommend-module .groom-module,
.chief-recommend-module .carousel-box .carousel-module .panel,
.groom-module,
.carousel-box .carousel-module .panel,
.live-module .storey-box .card-live-module .pic,
.card-live-module .pic .mask
.card-live-module .pic .mask,
.mod-3 .l-item
{
border-radius: 0 !important;
}
@ -187,7 +235,8 @@
}
.primary-menu .nav-menu .sub-nav
{
top: 42px;
top: 36px;
padding-top: 4px;
}
@media screen and (min-width: 1300px)
@ -212,6 +261,18 @@
{
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;
}
}
@media screen and (max-width: 1300px)
{
@ -236,4 +297,16 @@
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;
}
}

View File

@ -5,7 +5,8 @@
.home-app-download,
.activity-m,
.bilibili-player-promote-wrap,
.bili-header-m .nav-menu .nav-con .nav-item .text-red
.bili-header-m .nav-menu .nav-con .nav-item .text-red,
.mobile-link-l
{
display: none !important;
}