Settings

https://scrapbox.io/files/63fb8a2e7c218f001b381513.png

code:style.css

/* Font Awesomeを常時使えるようにするCSS */

div.editor, .grid li, .stream {

font-family: "Roboto",Helvetica,Arial,"Hiragino Sans","Font Awesome 5 Free","Font Awesome 5 Brands", "AppIcons", sans-serif;

}



これでてきてるのかわからない

コピーしてるだけ

code:style.css

code:style.css

.quick-launch .project-home {

padding: 0 0 0 10px;

}

.quick-launch .project-home .title::after {

content: "";

margin-left: 10px;

padding: 5px 0px 5px 50px;

background-size: contain;

background-repeat: no-repeat;

}

code:style.css

.line .video-player video {

max-height: 300px;

}

.line .level .video-player video {

max-height: 85vh;

}

code:style.css

.navbar-form .dropdown.open .dropdown-menu {

min-width: 100%;

max-height: calc(100vh - 130px) !important;

overflow-y: auto;

}

code:style.css

.line:not(.cursor-line) .deco-\, {

font-size: 0px;

}

.line:not(.cursor-line) .deco-\,::before {

font-size: 13px;

}

code:style.css

font-size: 12px;

line-height: 22px;

color: gray;

}

code:style.css

display: none;

}

code:style.css

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

code:style.css

/* 外部リンクにiconをつける */

font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';

font-weight: 900;

font-size: 0.8rem;

content: ' \f35d';

display: inline-block;

}

code:style_beforeBundle.CSS

@import "特定のリンクにアイコンを自動生成してつけるUserCSS/style.css"

scrapboxのtitleをnav barに固定するUserCSS

code:style.css

code:style.css

@media screen {

.quick-launch .project-home {

position: fixed;

top: -2px;

left: 60px;

z-index: 1000;

}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

.quick-launch .project-home {

left: 75px;

}

}

@media screen and (min-width: 992px) and (max-width: 1260px) {

.quick-launch .project-home {

left: 90px;

}

}

@media screen and (min-width: 1261px) {

.quick-launch .project-home {

/* left: calc((100% - 1280px)/2 + 80px); */

left: calc((100% - 1280px)/2 + 100px);

}

}

.quick-launch .project-home {

--tool-text-color: white;

}

code:style.css

/* 二重括弧による強調をマーカーっぽくする */

background: linear-gradient(transparent 60%, rgba(171, 255, 79, .6) 60%, rgba(171, 255, 79, .6) 100%);

}

こんにちわ

code:style.css

background: linear-gradient( to right,

transparent,

rgba(171, 255, 79, .6),

transparent 50%

) 0% center / 400% auto ; /* グラデーション */

padding: 0.1em 0.2em 0.1em 0.2em;

animation: marker 10s linear infinite;

animation-direction: reverse;

}

@keyframes marker {

to { background-position-x: 400%; }

}

code:style.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) .deco-\"::before {

font-size: 85%;

/* font-family: 'FontAwesome'; */

font-family: 'Font Awesome 5 Free';

font-weight: 900;

content: '\f10d';

position: relative;

top: -0.5em;

left: -0.2em;

}

test

code:style.css

.deco-\% {

padding: 0.1em 0.2em 0.1em 0.2em;

}

code:style.css

.deco-\& {color:transparent;background-color:grey}

.deco-\&:not(:hover) a.page-link {color:transparent;}

.deco-\&:not(:hover) a.icon {visibility:hidden;}

.deco-\&:hover {color:white;opacity:1}

This is a pen.

これはペンです

code:style.css

.line:not(.cursor-line) .deco-\' {

position: absolute;

width: 100%;

text-align: center;

}

$ \sqrt{2}

code:style_beforeBundle.css

@import "../リンクを出典アイコンにするUserCSS/style.css";

code:style_beforeBundle.css

@import "../ふきだし記法/style.css";

code:style_beforeBundle.css

@import "../画像を並べて表示する記法/style.css";

code:style.css

:not(.cursor-line) > .text .deco-\< {

/*display: block;*/

margin-top: -4px;

/*width: 50px;*/

height: 14px;

font-size: 10px;

line-height: 12px;

padding: 0 1px;

background-color: grey;

white-space: nowrap;

text-overflow: ellipsis;

/*overflow-x: clip;*/

position: absolute;

z-index: 101;

opacity: .5;

}

こんにちは

code:style.css

.deco-\~:not(:hover) {

filter: blur(3px);

}

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

filter: none;

}