Last active
August 9, 2022 14:50
-
-
Save tumugin/7f7d5d880658e694e39590441df7654b to your computer and use it in GitHub Desktop.
Pop'n'RollをまともにPCで閲覧するためのCSS(Stylusとかに入れて使ってください)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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