Settings

https://img.icons8.com/material-outlined/384/000000/settings.png

Settings.icon

UserCSS.icon

開発モードがあります

bundle前のCSSのテストをしたい時に使います

2. 出てきたコードをコピーする

4. 以下の表示テストページを使用してUserCSSが動作しているか確認する

開発モードへの変更

↓の1行目をコメントし、2行目をコメントアウトする

code:style.css

@import "./dist.css";

/* @import "./dev.css"; */

code:dev.css

/* @import "/api/code/villagepump/井戸端セーフモード/style.css";*/

戻す時は逆の手順を行う

code:style_disabled

span.text:has(

) {

color: red;

}

code:style.css

@media (767px < width) {

.page-column:has(.page-sidebar):has(:is(#L61d0d7d882e5d2001f995e14)) {

grid-template-columns: minmax(200px, 3fr) 0 min-content;

}

}

デザイン変更

ナビゲーションバー(nav bar)関連

code:style_beforeBundle.css

@import "../ScrapboxのBrand_iconを井戸端にするUserCSS/style.css";

code:style_beforeBundle.css_pause

@import "../brand-iconをふりかけにするUserCSS/style.css";

code:style_beforeBundle.css

@import "../プロジェクトタイトルの隣に今日の日付を表示するUserCSS/style.css";

code:style_beforeBundle.css

@import url("../井戸端にダークテーマを導入したい/style.css") (prefers-color-scheme: dark);

code:style.css

:root { color-scheme: light dark; }

code:style_beforeBundle.css

@import "../ページカードのタイトルを2行に収めるUserCSS/style.css";

code:style_beforeBundle.css

@import "../ピン留めされたページを独立した段に表示するUserCSS/style.css";

code:style_beforeBundle.css

@import "../project名を明朝体にする/style.css";

code:style_beforeBundle.css

@import "../背景を十字模様にするUserCSS/style.css";

code:style_beforeBundle.css

@import "../のびのびドロップダウン/style.css";

code:style_beforeBundle.css

@import "../展開された正規表現を小さくするCSS/style.css";

code:style_beforeBundle.css

@import "../サムネの画像を最大サイズ左寄せで表示するUserCSS/style.css";

code:style_beforeBundle.css

@import "../アイコン記法の最小幅をインデント幅と同値にする/style.css";

ページ内記法

code:style_beforeBundle.css

@import "../下線記法/style.css";

code:style_beforeBundle.css

@import "../引用記法/style.css";

code:style_beforeBundle.css

@import "../動画の大きさを調節するUserCSS/style.css";

code:style_beforeBundle.css

@import "../hr.iconをCSSで描画するUserCSS/style.css";

code:style_beforeBundle.css

@import "../Font_Awesomeを常時使えるようにするUserCSS/style.css";

code:style_beforeBundle.css

@import "../数式行にも常にバレットを表示するUserCSS/style.css";

code:style_beforeBundle.css

@import "../箇条書きのバレットをFontAwesomeにするUserCSS/style.css";

code:style_beforeBundle.css

@import "../引用文中の箇条書きのテキストの折り返しを揃えるUserCSS/style.css";

code:style_beforeBundle.css

@import "../特定のリンクにアイコンをつけるUserCSS/style.css";

code:style_beforeBundle.css

@import "../../customize/セルのテキストが折り返されるようにする/style.css";

code:style_beforeBundle.css

@import "../../customize/音声プレイヤーを細くして行と同じ高さにするUserCSS/style.css";

code:style_beforeBundle.css

文字装飾記法系

code:style_beforeBundle.css

@import "/api/code/villagepump/明朝体記法/style.css";

code:style_beforeBundle.css

@import "../マーカー記法/style.css";

code:style_beforeBundle.css

@import "../インライン引用記法/style.css";

code:style_beforeBundle.css

@import "../スプレッドシート的に使う記法/style.css";

code:style_beforeBundle.css

@import "../愚痴記法/style.css";

code:style_beforeBundle.css

@import "../中央揃え記法/style.css";

code:style_beforeBundle.css

@import "../セパレーター記法/style.css";

code:style_beforeBundle.css

@import "../bg.iconをCSSで描画するUserCSS/style.css";

code:style_beforeBundle.css

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

code:style_beforeBundle.css

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

code:style_beforeBundle.css

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

code:style_beforeBundle.css

@import "../ルビ記法/style.css";

code:style_beforeBundle.css

@import "../ユーザーフラッグ記法/style.css";

code:style_beforeBundle.css

@import "../動くユーザフラッグ記法/style.css";

code:style_beforeBundle.css

@import "../KaTeXの空白を消す記法/style.css";

code:style_beforeBundle.css

@import "../曇りガラス記法/style.css";

code:style_beforeBundle.css

@import "../白黒記法/style.css";

code:style_beforeBundle.css

@import "../ﾈｺと和解せよ記法/style.css";

code:style_beforeBundle.css

@import "../はんこ記法/style.css";

iconに適用させる系

code:style_beforeBundle.css

@import "../アイコン記法を画像記法っぽくするUserCSS/style.css";

code:style_beforeBundle.css

@import "../iconを回転する記法/changeable.css";

code:style_beforeBundle.css

@import "../iconを振動させる記法/style.css";

code:style_beforeBundle.css

@import "../icon回転振動合体記法/style.css";

code:style_beforeBundle.css

@import "../iconを丸くする記法/style.css";

code:style_beforeBundle.css

@import "../Scrapboxがmermaid.jsをサポート/style.css";

特定のページ・行にのみ適用

code:style_beforeBundle.css

@import "../AIのべりすと創作：イドバタニシ/style.css"; /* 遊びなので飽きたら消してください */

code:style_beforeBundle.css

@import "../ドカベン記法/sample.css";

code:style_beforeBundle.css

@import "../都合の悪いサムネイルを非表示にするUserCSS/style.css";

code:style_beforeBundle.css

@import "../ネタバレページを非表示にするCSS/style.css";

Scrapboxの挙動改善

code:style_beforeBundle.css

@import "../Streamにアクセスするボタンを表示するCSS/style.css";

code:style_beforeBundle.css

@import "../navbarが画面幅いっぱいに表示されるようになったのを元に戻すUserCSS/style.css";

code:style_beforeBundle.css

@import "../quicksearch候補を見やすくする/style.css";

非表示にする系

code:style_beforeBundle.css_

@import "../ページの閲覧数を非表示にするUserCSS/style.css";

code:style_beforeBundle.css

@import "../別名登録記法/style.css";

ネタ

code:style_beforeBundle.css

code:style_beforeBundle.css

code:style_beforeBundle.css

インデントレベルが6以上になったときにブチギレたクオリアさんが右下に出てくる

ページが3D回転する

code:style.css

@import "../3D回転するページ/style.css"; /* 3D回転するページ */

未分類

イベント

code:style_beforeBundle.css.disabled(css)

11月下旬～12月中にオンにする。

外した2023/01/08(日)

code:dev.css

@import "./style_beforeBundle.css";

.app::before {

position: absolute;

top: 40px;

content: "現在井戸端の設定の変更をしているため読み込みが遅くなることがあります。";

background-color:#000;

color:#0ff;

left: 0;

text-align: center;

margin: 8px;

width: calc(100% - 15px);

border-radius: 2px;

}

最初の選択をした後shift+pagedownで高速に選択できる

minifyされたコードの場合トリプルクリックですべて選択

code:dist.css

/* .deco-\", */

.line & {

vertical-align: baseline;

box-sizing: content-box; /* padding: 5.5px 4px 1px 2px; */

padding: 5px 2px;

background-color: var(--quote-bg-color, rgba(0, 0, 0, 0.05));

color: var(--quote-text-color, var(--page-text-color, inherit));

font-size: .9em;

}

.line &::before {

padding-right: 0.2em;

content: "> ";

}

.line.cursor-line &::before { display: none; }

}

.line img.strong-icon { height: 4.5em }