Jony/assets/css/joe.responsive.css
2021-02-16 20:43:23 +08:00

2 lines
9.5 KiB
CSS

@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_video__list-item{grid-template-columns:repeat(5, 1fr)}html .joe_live__play-player{height:500px}html .joe_list__item.single .thumbnail{height:230px}html .joe_list__item.multiple .thumbnail{grid-template-rows:150px}}@media (max-width: 1200px){html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__player-play{height:450px}html .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .joe_live__play-player{height:450px}html .joe_detail__article-player{height:450px}html .joe_list__item.multiple .thumbnail{grid-template-rows:125px}html .joe_list__item.single .thumbnail{height:200px}html .joe_index__ad-link .image{height:180px}html .joe_index__hot-list .item .link .inner .image{height:90px}html .joe_index__banner{display:block}html .joe_index__banner-recommend{padding-top:15px;width:100%;margin-left:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}html .joe_index__banner-recommend.noswiper{padding-top:0}html .joe_index__banner-recommend .item{margin:0 !important}html .joe_index__hot-list{-webkit-column-gap:10px;column-gap:10px}html .joe_video__list-item .item .thumb{height:200px}}@media (max-width: 992px){html .joe_aside{display:none}html .joe_video__list-item .item .thumb{height:220px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .joe_live__play-player{height:420px}html .joe_video__player-play{height:420px}html .joe_detail__article-player{height:420px}html .swiper-container{height:300px}html .swiper-container .item{height:300px}html .joe_header__above-logo{padding-right:0}html .joe_header__above-logo::after{display:none}html .joe_header__above-search{display:none}html .joe_header__above-searchicon{display:block}}@media (max-width: 768px){html .joe_header__above .joe_container{justify-content:space-between}html .joe_header__above-nav{display:none}html .joe_header__above-logo{height:55px;margin-right:0}html .joe_header__above-logo img{max-height:45px}html .joe_header__above-searchicon{margin-left:0}html .joe_header__above-slideicon{display:block}html .joe_header__below{display:none}html .joe_header__searchout{top:55px}html .swiper-container{height:180px}html .swiper-container .item{height:180px}html .joe_index__banner-recommend{gap:10px}html .joe_index__banner-recommend .item{height:100px}html .joe_index__hot-list{grid-template-columns:repeat(2, 1fr);gap:10px}html .joe_index__ad-link .image{height:120px}html .joe_index__title-notice{display:none}html .joe_index__title-title .item{display:none}html .joe_index__title-title .item:nth-child(1),html .joe_index__title-title .item:nth-child(2){display:block}html .joe_list__item .information .title{font-size:16px}html .joe_list__item .information .abstract{display:none}html .joe_list__item .meta .last{display:none !important}html .joe_list__item.single .thumbnail{height:150px;margin-bottom:0}html .joe_list__item.single .thumbnail time{display:none}html .joe_list__item.default .information .title{font-size:15px}html .joe_list__item.default .thumbnail{width:120px;min-width:120px;height:80px;min-height:80px;margin-right:10px}html .joe_list__item.default .thumbnail time{display:none}html .joe_list__item.default .title{margin-bottom:0}html .joe_list__item.default .meta .items{width:100%}html .joe_list__item.default .meta .items li{display:none}html .joe_list__item.default .meta .items li:nth-child(1){display:block}html .joe_list__item.default .meta .items li:nth-child(2){display:block;margin-left:auto}html .joe_list__item.default .meta .items li::after{display:none}html .joe_list__item.multiple .thumbnail{grid-template-rows:70px;gap:10px}html .joe_list__item.none .information{height:120px}html .joe_list__item.none .abstract{display:-webkit-box;font-size:13px;max-height:45px}html .joe_list__loading .item .thumbnail{width:120px;min-width:120px;height:80px;min-height:80px}html .joe_list__loading .item .information .title{margin-bottom:10px;height:20px}html .joe_list__loading .item .information .abstract p{height:15px}html .joe_wallpaper__list{grid-template-columns:repeat(2, 1fr)}html .joe_wallpaper__pagination{justify-content:center}html .joe_video__list-item{grid-template-columns:repeat(3, 1fr)}html .joe_video__list-item .item .thumb{height:140px}html .joe_video__pagination{justify-content:center}html .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .joe_video__player-play{height:230px}html .joe_live__pagination{justify-content:center}html .joe_live__list-item .thumb{height:100px}html .joe_live__play-player{height:200px}html .joe_detail__title{font-size:18px}html .joe_detail__count-information{width:100%}html .joe_detail__count-information .avatar{display:none}html .joe_detail__count-information .meta{width:100%;height:unset}html .joe_detail__count-information .meta .author{display:none}html .joe_detail__count-information .meta .item{justify-content:center}html .joe_detail__count-information .meta .item span:nth-child(2),html .joe_detail__count-information .meta .item span:nth-child(3){display:none}html .joe_detail__count-created{display:none}html .joe_detail__count::after{display:none}html .joe_detail__friends{grid-template-columns:repeat(1, 1fr)}html .joe_detail__article{font-size:14px}html .joe_detail__article-player{height:220px}html .joe_detail__article pre[class*='language-']{font-size:13px}html .joe_comment{position:relative}html .joe_comment__title{font-size:20px;text-align:left}html .joe_comment__respond-type{position:absolute;top:15px;right:15px}html .joe_comment__respond-type .item:first-child{border-bottom-left-radius:var(--radius-inner)}html .joe_comment__respond-type .item:last-child{border-bottom-right-radius:var(--radius-inner)}html .joe_comment__respond-form .head{display:block;border-bottom:none}html .joe_comment__respond-form .head .list{border-bottom:1px solid var(--classB)}html .joe_comment__respond-form .head .list:nth-child(2)::before,html .joe_comment__respond-form .head .list:nth-child(2)::after{display:none}html .joe_comment__respond-form .body .text{height:140px}html .joe_comment .comment-list__item-contain .term .avatar{width:34px;height:34px;margin-right:10px}html .joe_comment .comment-list__item-contain .term .content .user .agent{display:none}html .joe_comment .comment-list__item-children{padding-left:0}html .joe_comment .comment-list__item .joe_comment__respond{margin-left:0}html .joe_comment .comment-list__item .joe_comment__respond-type{position:static}html .joe_comment .comment-list__item .joe_comment__respond-type .item:first-child{border-bottom-left-radius:0}html .joe_comment .comment-list__item .joe_comment__respond-type .item:last-child{border-bottom-right-radius:0}html .joe_footer .joe_container{flex-direction:column;justify-content:center;padding-top:10px;padding-bottom:10px}html .joe_footer .joe_container>.item{padding:5px 0}html .joe_footer .joe_container .run{margin:0}}html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_video__source-list{grid-template-columns:repeat(8, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:200px}html .noaside .joe_list__item.single .thumbnail{height:300px}html .noaside .joe_index__ad-link .image{height:250px}html .noaside .joe_index__hot-list .item .link .inner .image{height:140px}@media (max-width: 1400px){html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:180px}html .noaside .joe_list__item.single .thumbnail{height:270px}}@media (max-width: 1200px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_index__hot-list .item .link .inner .image{height:120px}html .noaside .joe_list__item.single .thumbnail{height:250px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:150px}html .noaside .joe_index__banner-recommend .item{height:180px}}@media (max-width: 992px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_index__banner-recommend .item{height:160px}html .noaside .joe_index__hot-list .item .link .inner .image{height:90px}html .noaside .joe_index__ad-link .image{height:200px}html .noaside .joe_list__item.single .thumbnail{height:220px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:130px}}@media (max-width: 768px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(1, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item .item .thumb{height:140px}html .noaside .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_index__banner-recommend{gap:10px}html .noaside .joe_index__banner-recommend .item{height:100px}html .noaside .joe_index__ad-link .image{height:120px}html .noaside .joe_list__item.single .thumbnail{height:150px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:70px}}