他のprojectでつかうUserCSS
code:style.css
font-family: helvetica, arial, "Noto Sans JP", sans-serif ;
}
何故か先頭で宣言しないと読み込んでくれない
2020-09-30 01:56:10 @importは先頭にまとめないと読み込んでもらえない？ 2020-10-21 09:57:38 余白に行番号を表示するようにしたので、@media screen and (min-width: 768px) {を消した
code:style.css
.line span.code-block .pad:not(.code-block-margin){
background-color: rgba(0,0,0,0.05);
height: 1.7em;
}
.line span.code-block .code-block-margin {
margin-bottom: inherit;
}
/* コード記法の行番号を表示*/
@media screen {
.section-title, .code-block-start { counter-reset: codeline }
.code-block .pad:not(.code-block-margin) { counter-increment: codeline }
.code-block .pad:not(.code-block-margin)::before {
content: counter(codeline);
position: relative;
display: inline-block;
left: 1px;
z-index: 10;
min-width: 50px;
text-align: left;
vertical-align: bottom;
/* ↓行番号のフォントとか色とかの指定はここ */
font-family: Cica,Consolas,Roboto,Helvetica,Arial,"Hiragino Sans",sans-serif;
font-size: 11px;
}
/* カーソル行の行番号を濃く表示する */
.code-block .pad:not(.code-block-margin)::before { opacity: .5 }
.cursor-line .code-block .pad:not(.code-block-margin)::before { opacity: 1; font-weight: bolder }
}
プロジェクトTOPへのリンクと周辺パーツを強引にnavbarに移動
code:style.css
@media screen and (min-width: 768px) {
.quick-launch .project-home {
position: fixed; top: 12px; left: calc((100% - 1080px)/2); z-index: 501014;}
/*.page { padding-top: 0 }*/
.quick-launch .title {font-size: 22px;}}
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home { left: 65px;}
.quick-launch .title {font-size: 22px;}}
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home { left: 80px }
.quick-launch .title {font-size: 22px;}}
@media screen and (min-width: 1261px) {
.quick-launch .project-home { left: calc((100% - 1260px)/2 + 100px) }
.quick-launch .title {font-size: 22px;}}