Skip to content

Instantly share code, notes, and snippets.

@tumugin
Last active August 9, 2022 14:50
Show Gist options
  • Save tumugin/7f7d5d880658e694e39590441df7654b to your computer and use it in GitHub Desktop.
Save tumugin/7f7d5d880658e694e39590441df7654b to your computer and use it in GitHub Desktop.
Pop'n'RollをまともにPCで閲覧するためのCSS(Stylusとかに入れて使ってください)
body {
background-color: #FBFCFC;
}
#app {
max-width: 75vw;
background-color: #FDFEFE;
}
section {
margin-left: 24px;
margin-right: 24px;
}
figure img {
max-height: 40vh;
max-width: 1800px;
object-fit: cover;
margin-left: auto;
margin-right: auto;
}
section figure {
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
section figure a img {
object-fit: cover;
width: 100% !important;
margin-left: auto;
margin-right: auto;
display: block;
}
header {
width: 75vw !important;
max-width: unset !important;
left: unset !important;
margin-left: unset !important;
top: 0px !important;
opacity: 1 !important;
}
/** 記事下画像一覧 **/
.cSEwuL {
width: calc(10% - 24px) !important;
margin-top: 0px !important;
margin-left: 24px !important;
}
/** 記事下関連記事 **/
.ktGuED {
margin-left: 24px !important;
width: calc(16% - 24px);
margin-top: 0px !important;
}
/** 記事内画像リスト幅調整 **/
.sc-pczax {
width: 50%;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
}
/** シェアボタン削除 **/
.sc-fzpmMD {
display: none;
}
/** 画像プレビュー修正 **/
.bSwWwA {
max-width: unset !important;
margin-left: unset !important;
left: 0px;
position: fixed !important;
width: 100vw !important;
}
/** 画像プレビュー下修正 **/
.gglDmq {
display: none;
}
/** 画像プレビューナビゲーション修正 **/
.swiper-container .prev {
bottom: 50%;
left: 24px;
transform: unset;
}
.swiper-container .next {
bottom: 50%;
right: 24px;
left: unset;
transform: unset;
}
.swiper-wrapper {
left: unset !important;
margin-left: unset !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment