settings

settings

これを丸ごとコピペしました

code:style.css

/*appearance*/

@import url('./define.css');

@import url('./font.css');

@import url('./brand-icon.css');

@import url('./codeblock.css');

@import url('./centered thumbnail.css');

@import url('./pin.css');

@import url('./diaryColor.css');

@import url('./separater.css');

@import url('./hide.css');

/*Accessibility tweak*/

@import url('./imageBorder.css');

@import url('./indent.css');

@import url('./ExpandSearchDropdown.css');

@import url('./vimeoLetterbox.css');

@import url('./smallCardOnMobile.css');

/*カスタム記法*/

@import url('./strikethrough without bracketing.css');

@import url('./separator.css');

@import url('./inlineQuote.css');

/*FIX*/

@import url('./dontHideDotsWhenTeX.css');

@import url('./disable padding-right:17px.css');

@import url('./fixed page-menu.css');

@import url('./fix icon position.css');

@import url('./fix image width.css');

code:hide.css

display: none;

}

a

code:separater.css

.line:not(.cursor-line) .deco:has(.deco-\~) {

display: flex;

align-items: center;

text-align: center;

color: transparent;

&::before, &::after {

flex-grow: 1;

min-width: 30px;

content: "";

margin-top: auto;

margin-bottom: auto;

}

&::before {

margin-right: -50px;

}

&::after {

margin-left: -50px;

}

&:has(.deco-\-) {

&::before, &::after {

border-style: dashed none none;

}

}

.deco-\- {

text-decoration: none;

color: transparent;

}

}

---

code:define.css

:root{

--cosesnse-default-line-height: 28px;

}

フォント変更

code:font.css

body,

.editor,

.grid li,

.popup-menu{

font-family: 'IBM Plex Sans JP','IBM Plex Sans KR', sans-serif !important;

color: var(--font-color);

}

code:brand-icon.css

.brand-icon {

path{

transform: scale(.9);

transform-origin: 50% 50%;

stroke-width: .7;

vector-effect: non-scaling-stroke;

}

fill: transparent;

}

fill: transparent;

}

}

コードブロック記法に行番号を追加する

code:codeblock.css

.section-title, .code-block-start{counter-reset:codeline }

.code-block span.indent code.code-body{

counter-increment: codeline;

margin-left: -1.5em;

padding-left: 2.3em;

&:before{

content: counter(codeline);

position: absolute;

display: inline-block;

z-index: 10;

margin-left: -2.4em;

width: 2em;

padding-right: .2em;

text-align: right;

vertical-align: bottom;

color: var(--code-number-color);

opacity: .5;

}

.cursor-line &:before{

opacity: 1;

font-weight: bolder;

background-color: var(--accent-color);

}

}

code:centered thumbnail.css

.grid li.page-list-item a .content .icon {

display: flex;

justify-content: center;

align-items: center;

img {

width: auto;

max-width: 100%;

max-height: 100%;

border-radius: 3px;

}

}

ピン止め表示　ピンのみ別の行

code:pin.css

a .pin{

display: none;

}

.grid li.page-list-item a .header.pinned{

border-color: var(--pin-color);

}

.page-list-item.pin + .page-list-item:not(.pin) {

grid-column-start: 1;

}

code:diaryColor.css

):not(

) a div.header{

border-color: var(--diary-color)

}

---

画像にボーダー

code:imageBorder.css

.line .image,.line .strong-image{border: 1px solid var(--image-border-color)}

code:indent.css

.lines .line{

.indent-mark{height: 100%}

.table-block .indent-mark{height: auto}/*tableは除外する*/

}

.indent-mark{

.pad{

height: 100% !important;

overflow: unset !important;

}

span:not(:nth-last-child(1)):not(:nth-last-child(2)) .pad{

border-right: 1px solid var(--indent-color);

}

}

code:ExpandSearchDropdown.css

.search-form .form-group .dropdown-menu{max-height:25em}

code:vimeoLetterbox.css

iframe.vimeo{background:black}

code:smallCardOnMobile.css

@media screen and (max-width: 767px) {

.related-page-list ul.grid,

.page-list ul.grid{

grid-template-columns: repeat(auto-fill, minmax(98px, 1fr));

}

}

---

code:strikethrough without bracketing.css

.line:not(.cursor-line){

text-decoration:line-through;

height:var(--cosesnse-default-line-height);

}

display:none;

}

}

code:separator.css

display: flex;

align-items: center;

text-align: center;

&:not(.cursor-line):after{

flex-grow: 1;

content: "";

}

&:not(.cursor-line){

height:var(--cosesnse-default-line-height);

}

}

display:none;

}

}

code:inlineQuote.css

.deco-\" {

border-radius: .2em;

padding: 0 .4em;

background-color: rgba(128,128,128,0.1);

font-size: 95%;

font-style: italic;

.line:not(.cursor-line) &::before{

font-size: 85%;

font-family: 'Font Awesome 5 Free';

font-weight: 900;

content: '\f10d';

position: relative;

top: -0.5em;

left: -0.2em;

}

}

---

code:disable padding-right:17px.css

body{padding-right: unset !important}

page-menu(ページ右上の3つのアイコン)を常に同じ位置に固定させる

code:fixed page-menu.css

.page-menu{top: 72px}

code:dontHideDotsWhenTeX.css

.line.formula-line .dot {display: inherit}

code:fix icon position.css

.line img.icon{top: -0.1em}

code:fix image width.css

.line .image, .line .strong-image{max-width:99%}

---

https://gyazo.com/e3e0e01f6fe0dde2cb4cb3813b099be5