Settings
https://gyazo.com/dce48802d20cb3bffc9fb183d1dec6fb
ここにUserCSSを書き込むとプロジェクト全体に変更が反映される
逆に自分のmemberページにUserCSSを書き込むと自分にだけ変更が反映される お試しとかプロジェクト全体に変更を加えたくない時に
出処はだいたいここ
trotsuki.icon箇条書きのバレットが「・」よりも色付きの「ー」の方がかわいくて好きなので……
参考
brand-iconが消えるので、../../../pages/stall/brand-icon/iconの部分を/api/pages/stall/brand-icon/iconに置換する
適用中のUserCSS一覧
code:style_beforeBundle.css
@import "../Streamにアクセスするボタンを表示するCSS/style.css";
@import "../右寄せ記法/style.css";
@import "../ルビ記法/style.css";
@import "../インライン引用記法/style.css";
@import "../曇りガラス記法/style.css";
@import "../画像を並べて表示するCSS/style.css";
@import "../画像の表示サイズを[** ]で設定できるようにするCSS/style.css";
@import "../ScrapboxのBrand iconを屋台にするUserCSS/style.css";
@import "../2024%2F04の屋台アイコンfix/style.css";
@import "../背景を七宝文様にするCSS/style.css";
@import "../Font Awesomeを常時使えるようにするCSS/style.css";
@import "../箇条書きのバレットをFontAwesomeにするCSS/style.css";
@import "../プロジェクトタイトルの隣に今日の日付を表示するUserCSS/style.css";
/* @import "../scrapboxのトップページへのリンクをnav barに固定するUserCSS/style.css"; */
@import "../navbarが画面幅いっぱいに表示されるようになったのを元に戻すUserCSS/style.css";
@import "../ピン留めされたページを独立した段に表示するUserCSS/style.css";
@import "../特定のリンクにアイコンをつけるUserCSS/style.css";
bundled code
code:style.css
.navbar .navbar-menu>li.stream-btn{display:block!important;> a {color: var(--navbar-icon-color, #fff);}}.deco-\>{position:absolute;width:100%;text-align:right}.line:not(.cursor-line) .deco-\#{display:inline-flex;flex-direction:column-reverse;vertical-align:bottom}.line:not(.cursor-line) .deco-\#>span:nth-child(1){display:inline-flex;justify-content:space-around;width:100%}.line:not(.cursor-line) .deco-\#>span:nth-child(2){line-height:0;font-size:50%}.line:not(.cursor-line) .deco-\#>span:nth-child(2)>a{display:inline-flex;justify-content:space-around;width:100%;pointer-events:none;color:var(--page-text-color, #4a4a4a)}.deco-\"{border-radius:.2em;padding:0 .4em;background-color:#8080801a;font-size:95%;font-style:italic}.line:not(.cursor-line) .deco-\":before{color:#a0a0a0;font-size:85%;font-family:"Font Awesome 5 Free";font-weight:900;content:"";position:relative;top:-.5em;left:-.2em}.deco-\~:not(:hover){filter:blur(3px)}.cursor-line .deco-\~:not(:hover){filter:none}.line:not(.cursor-line) .deco-\|{display:inline-flex}.line .deco-\| img.image{object-fit:contain;margin:0}.line class^=level .deco-\|{flex-wrap:wrap}.line .level-1 .deco-\|>span{width:calc(100%/1)}.line .level-2 .deco-\|>span{width:calc(100%/2)}.line .level-3 .deco-\|>span{width:calc(100%/3)}.line .level-4 .deco-\|>span{width:calc(100%/4)}.line .level-5 .deco-\|>span{width:calc(100%/5)}.line class^=level .deco-\| img.image{object-fit:cover;width:100%;height:100%}.line .deco-\|>span,.line class^=level .deco-\|>span{overflow:hidden}.line .deco-\| img.image,.line class^=level .deco-\| img.image{margin:.2em}.level-1 img{width:16.7%;max-height:none}.level-2 img{width:33.3%;max-height:none}.level-3 img{width:50%;max-height:none}.level-4 img{width:66.7%;max-height:none}.level-5 img{width:83.3%;max-height:none}.level-6 img{width:100%;max-height:none}.brand-icon{--logo-url: url(/api/pages/stall/brand-icon/icon);width:40px;height:40px;background-color:#fff;background-image:var(--logo-url);background-repeat:no-repeat;background-position:center;background-size:cover;border:4px solid transparent;border-radius:50%;svg {display: none;}}.brand-icon{background-image:var(--logo-url);background-repeat:no-repeat}.brand-icon svg{display:none}body{--A: var(--card-bg, #D8D8D8);--B: var(--body-bg, #E0E0E0);background-color:var(--A);background-image:radial-gradient(closest-side,transparent 98%,var(--B) 99%),radial-gradient(closest-side,transparent 98%,var(--B) 99%);background-size:128px 128px;background-position:0 0,64px 64px}div.editor,.grid li{font-family:"Roboto",Helvetica,Arial,"Hiragino Sans","Font Awesome 5 Free","Font Awesome 5 Brands","AppIcons",sans-serif}.line .indent-mark .dot:before{display:block;position:absolute;top:-10px;font-family:"Font Awesome 5 Free";font-size:6px;content:"";font-weight:900;color:#c9c9c9; }.line .indent-mark .dot{background-color:transparent}.indent-markstyle*="width: 1.5em" .dot:before,.line .indent-mark .c-0+.dot:before{font-size:10px}.indent-markstyle*="width: 3em" .dot:before,.line .indent-mark .c-1+.dot:before{font-size:9px}.indent-markstyle*="width: 4.5em" .dot:before,.line .indent-mark .c-2+.dot:before{font-size:8px}.indent-markstyle*="width: 6em" .dot:before,.line .indent-mark .c-3+.dot:before{font-size:7px}.indent-markstyle*="width: 1.5em" .dot:before,.indent-mark .dot:nth-child(6n+2):before{color:#edad0b}.indent-markstyle*="width: 3em" .dot:before,.indent-mark .dot:nth-child(6n+3):before{color:#c7243a}.indent-markstyle*="width: 4.5em" .dot:before,.indent-mark .dot:nth-child(6n+4):before{color:#932674}.indent-markstyle*="width: 6em" .dot:before,.indent-mark .dot:nth-child(6n+5):before{color:#3261ab}.indent-markstyle*="width: 7.5em" .dot:before,.indent-mark .dot:nth-child(6n+6):before{color:#009f8c}.indent-markstyle*="width: 9em" .dot:before,.indent-mark .dot:nth-child(6n+7):before{color:#c9c9c9}.project-home:after{display:block;flex-shrink:0;height:36px;aspect-ratio:4 / 3;margin-left:10px;content:"";background-image:url(//daiiz-apps.appspot.com/today/jp.svg);background-repeat:no-repeat;background-size:contain}.app .navbar .row{max-width:1200px;margin:0 auto}.page-list .grid-style-item.pin+.grid-style-item:not(.pin):not(#foo){grid-column-start:1}.line span:not(.modal-image):not(.pointing-device-map)>a.link:not(.icon):not(:is(href$=".pdf",[href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],[href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],[href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],[href^="https://twitter.com"],)):after{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";font-weight:900;font-size:.8rem;content:"";display:inline-block;cursor:text}.line span:not(.deco-\.)>span>a.link:is(href$=".pdf",[href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],[href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],[href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],[href^="https://twitter.com"],):before{display:inline-block;width:1em;height:1em;vertical-align:-1px;text-align:center;background-size:contain;background-repeat:no-repeat;cursor:text}:is(.line,.line .deco) a.link:is(href$=".pdf",):before{content:"";font-weight:400;margin-right:1px}:is(.line,.line .deco) a.link:is([href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],):before{content:"";font-weight:400;margin-right:1px}:is(.line,.line .deco) a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],):before{content:"";font-weight:400;margin-right:3px}:is(.line,.line .deco) a.link:is([href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],):before{content:"";font-weight:400;margin-right:1px}.line .deco-\. a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],) span.char-index{display:inline-block;width:0;text-indent:-9999px}.line .deco-\. a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],) span.char-index:nth-of-type(30)~span.char-index{display:inherit;width:inherit;text-indent:inherit} code:xstyle.css
.navbar .navbar-menu>li.stream-btn,.navbar .navbar-menu>li.stream-btn.hidden-xs{display:block!important}.deco-\>{position:absolute;width:100%;text-align:right}.line:not(.cursor-line) .deco-\#{display:inline-flex;flex-direction:column-reverse;vertical-align:bottom}.line:not(.cursor-line) .deco-\#>span:nth-child(1){display:inline-flex;justify-content:space-around;width:100%}.line:not(.cursor-line) .deco-\#>span:nth-child(2){line-height:0;font-size:50%}.line:not(.cursor-line) .deco-\#>span:nth-child(2)>a{display:inline-flex;justify-content:space-around;width:100%;pointer-events:none;color:var(--page-text-color, #4a4a4a)}.deco-\"{border-radius:.2em;padding:0 .4em;background-color:#8080801a;font-size:95%;font-style:italic}.line:not(.cursor-line) .deco-\":before{color:#a0a0a0;font-size:85%;font-family:"Font Awesome 5 Free";font-weight:900;content:"";position:relative;top:-.5em;left:-.2em}.deco-\~:not(:hover){filter:blur(3px)}.cursor-line .deco-\~:not(:hover){filter:none}.line:not(.cursor-line) .deco-\|{display:inline-flex}.line .deco-\| img.image{object-fit:contain;margin:0}.line class^=level .deco-\|{flex-wrap:wrap}.line .level-1 .deco-\|>span{width:calc(100%/1)}.line .level-2 .deco-\|>span{width:calc(100%/2)}.line .level-3 .deco-\|>span{width:calc(100%/3)}.line .level-4 .deco-\|>span{width:calc(100%/4)}.line .level-5 .deco-\|>span{width:calc(100%/5)}.line class^=level .deco-\| img.image{object-fit:cover;width:100%;height:100%}.line .deco-\|>span,.line class^=level .deco-\|>span{overflow:hidden}.line .deco-\| img.image,.line class^=level .deco-\| img.image{margin:.2em}.level-1 img{width:16.7%;max-height:none}.level-2 img{width:33.3%;max-height:none}.level-3 img{width:50%;max-height:none}.level-4 img{width:66.7%;max-height:none}.level-5 img{width:83.3%;max-height:none}.level-6 img{width:100%;max-height:none}.brand-icon{--logo-url: url(/api/pages/stall/brand-icon/icon);width:40px;height:40px;background-color:#fff;background-image:var(--logo-url);background-repeat:no-repeat;background-position:center;background-size:cover;border:4px solid transparent;border-radius:50%;svg {display: none;}}.brand-icon{background-image:var(--logo-url);background-repeat:no-repeat}.brand-icon svg{display:none}body{--A: var(--card-bg, #D8D8D8);--B: var(--body-bg, #E0E0E0);background-color:var(--A);background-image:radial-gradient(closest-side,transparent 98%,var(--B) 99%),radial-gradient(closest-side,transparent 98%,var(--B) 99%);background-size:128px 128px;background-position:0 0,64px 64px}div.editor,.grid li{font-family:"Roboto",Helvetica,Arial,"Hiragino Sans","Font Awesome 5 Free","Font Awesome 5 Brands","AppIcons",sans-serif}.line .indent-mark .dot:before{display:block;position:absolute;top:-10px;font-family:"Font Awesome 5 Free";font-size:6px;content:"";font-weight:900;color:#c9c9c9; }.line .indent-mark .dot{background-color:transparent}.indent-markstyle*="width: 1.5em" .dot:before,.line .indent-mark .c-0+.dot:before{font-size:10px}.indent-markstyle*="width: 3em" .dot:before,.line .indent-mark .c-1+.dot:before{font-size:9px}.indent-markstyle*="width: 4.5em" .dot:before,.line .indent-mark .c-2+.dot:before{font-size:8px}.indent-markstyle*="width: 6em" .dot:before,.line .indent-mark .c-3+.dot:before{font-size:7px}.indent-markstyle*="width: 1.5em" .dot:before,.indent-mark .dot:nth-child(6n+2):before{color:#edad0b}.indent-markstyle*="width: 3em" .dot:before,.indent-mark .dot:nth-child(6n+3):before{color:#c7243a}.indent-markstyle*="width: 4.5em" .dot:before,.indent-mark .dot:nth-child(6n+4):before{color:#932674}.indent-markstyle*="width: 6em" .dot:before,.indent-mark .dot:nth-child(6n+5):before{color:#3261ab}.indent-markstyle*="width: 7.5em" .dot:before,.indent-mark .dot:nth-child(6n+6):before{color:#009f8c}.indent-markstyle*="width: 9em" .dot:before,.indent-mark .dot:nth-child(6n+7):before{color:#c9c9c9}.project-home:after{display:block;flex-shrink:0;height:36px;aspect-ratio:4 / 3;margin-left:10px;content:"";background-image:url(//daiiz-apps.appspot.com/today/jp.svg);background-repeat:no-repeat;background-size:contain}.app .navbar .row{max-width:1200px;margin:0 auto}.page-list .grid-style-item.pin+.grid-style-item:not(.pin):not(#foo){grid-column-start:1}.line span:not(.modal-image):not(.pointing-device-map)>a.link:not(.icon):not(:is(href$=".pdf",[href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],[href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],[href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],[href^="https://twitter.com"],)):after{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";font-weight:900;font-size:.8rem;content:"";display:inline-block;cursor:text}.line span:not(.deco-\.)>span>a.link:is(href$=".pdf",[href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],[href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],[href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],[href^="https://twitter.com"],):before{display:inline-block;width:1em;height:1em;vertical-align:-1px;text-align:center;background-size:contain;background-repeat:no-repeat;cursor:text}:is(.line,.line .deco) a.link:is(href$=".pdf",):before{content:"";font-weight:400;margin-right:1px}:is(.line,.line .deco) a.link:is([href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],):before{content:"";font-weight:400;margin-right:1px}:is(.line,.line .deco) a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],):before{content:"";font-weight:400;margin-right:3px}:is(.line,.line .deco) a.link:is([href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],):before{content:"";font-weight:400;margin-right:1px}.line .deco-\. a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],) span.char-index{display:inline-block;width:0;text-indent:-9999px}.line .deco-\. a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],) span.char-index:nth-of-type(30)~span.char-index{display:inherit;width:inherit;text-indent:inherit}