Created
May 12, 2019 11:44
-
-
Save klein-mask/cdf709b25b702af4e84d6a05a89f9cc7 to your computer and use it in GitHub Desktop.
Gistの埋め込み表示を綺麗にするCSS
This file contains 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
/*======= | |
Gist関連 | |
=======*/ | |
/* 奇数行と偶数行の背景色を濃いグレーで統一する */ | |
.gist table tr { | |
background-color: rgba(220,220,220,0.2) !important; | |
} | |
/* 行番号を非表示にする */ | |
.blob-num { | |
display: none; | |
} | |
/* ソースコード下部のボックスを非表示にする */ | |
.gist-meta { | |
display: none; | |
} | |
.gist-file { | |
border-bottom: none !important; | |
} | |
/* 文字大きくしてフォント変更する */ | |
table.highlight tr td,table.highlight tr td span { | |
font-size: 15px !important; | |
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace !important; | |
} | |
/* 上部の余白を開ける */ | |
.gist tr:first-child td { | |
padding-top: 12px !important; | |
} | |
/* 下部の余白を開ける */ | |
.gist tr:last-child td { | |
padding-bottom: 12px !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment