settings
yuyuko.iconCSS置き場だよ
気長にメンテしてる
当プロジェクトのUserCSSに関する思いつきリスト
/icons/hr.icon
FlexokiCSS
メインのカラースキーム
code:style.css
@import "/api/code/wkpmm/FlexokiCSS/style.css";
FlexokiCSS-navBar
nav barのアクセントカラーだけプロジェクトに合わせて変える
code:style.css
/* @import "/api/code/wkpmm/FlexokiCSS-navBarRed/style.css"; */
/* @import "/api/code/wkpmm/FlexokiCSS-navBarOrange/style.css"; */
@import "/api/code/wkpmm/FlexokiCSS-navBarYellow/style.css";
/* @import "/api/code/wkpmm/FlexokiCSS-navBarGreen/style.css"; */
/* @import "/api/code/wkpmm/FlexokiCSS-navBarCyan/style.css"; */
/* @import "/api/code/wkpmm/FlexokiCSS-navBarBlue/style.css"; */
/* @import "/api/code/wkpmm/FlexokiCSS-navBarPurple/style.css"; */
/* @import "/api/code/wkpmm/FlexokiCSS-navBarNeutral/style.css"; */
/icons/hr.icon
フォントまわりを自分好みにするUserCSS
code:style.css
@import "/api/code/wkpmm/フォントまわりを自分好みにするUserCSS/style.css";
Streamにアクセスするボタンを表示するUserCSS
code:style.css
/* @import "/api/code/wkpmm/Streamにアクセスするボタンを表示するUserCSS/style.css"; */
インデントの深さが分かるように縦線を入れるUserCSS
code:style.css
@import "/api/code/wkpmm/インデントの深さが分かるように縦線を入れるUserCSS/style.css";
hrをCSSで描画するUserCSS
code:style.css
@import "/api/code/wkpmm/hrをCSSで描画するUserCSS/style.css";
hrの誤クリックを防ぐUserCSS
code:style.css
@import "/api/code/wkpmm/hrの誤クリックを防ぐUserCSS/style.css";
マーカー記法
code:style.css
@import "/api/code/wkpmm/マーカー記法/style.css";
はんこ記法
code:style.css
@import "/api/code/wkpmm/はんこ記法/style.css";
中央揃え記法
code:style.css
@import "/api/code/wkpmm/中央揃え記法/style.css";
セパレーター記法
code:style.css
@import "/api/code/wkpmm/セパレーター記法/style.css";
行内での引用を実現するUserCSS
code:style.css
@import "/api/code/wkpmm/行内での引用を実現するUserCSS/style.css";
アイコン記法を画像記法っぽくするUserCSS
code:style.css
@import "/api/code/wkpmm/アイコン記法を画像記法っぽくするUserCSS/style.css";
日付リンクの装飾を変えたい
code:style.css
/* @import "/api/code/wkpmm/日付リンクの装飾を変えたい/style.css"; */
YouTubeの埋め込みを小さくするUserCSS
code:style.css
@import "/api/code/wkpmm/YouTubeの埋め込みを小さくするUserCSS/style.css";
特定のページを一覧で非表示にするUserCSS
code:style.css
@import "/api/code/wkpmm/特定のページを一覧で非表示にするUserCSS/style.css";
private projectへのリンクだと明示するUserCSS
code:style.css
@import "/api/code/wkpmm/private projectへのリンクだと明示するUserCSS/style.css";
取り消し線を引いたテキストを薄くするUserCSS
code:style.css
@import "/api/code/wkpmm/取り消し線を引いたテキストを薄くするUserCSS/style.css";
曇りガラス記法
code:style.css
@import "/api/code/wkpmm/曇りガラス記法/style.css";
ネタバレ注意喚起タグ
code:style.css
@import "/api/code/wkpmm/ネタバレ注意喚起タグ/style.css";
big-page-linkを無効にするUserCSS
code:style.css
@import "/api/code/wkpmm/big-page-linkを無効にするUserCSS/style.css";
以下、古い内容
code:old.css
/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,700&display=swap&text=0123456789');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese');
*/
参考: /ogasawara/settings
code:old.css
/*
body {
background-color: #fff;
color: #403a20 }
.navbar-default { background-color: #ffe873 }
.navbar-default .navbar-nav>li>a { color: #fff }
.grid li.page-list-item a { box-shadow: 0 1px 0 rgba(0,0,0,0) }
.grid li.page-list-item a:hover{ box-shadow: 0 1px 0 rgba(0,0,0,0) }
ul.grid li.page-list-item a .header{ border-top: solid 1px #403a20 }
ul.grid-md.grid li.page-list-item a .header{ border-top: solid 1px #403a20 }
ul.grid-lg.grid li.page-list-item a .header{ border-top: solid 1px #403a20 }
.page {
box-shadow: none;
background-color: #fff }
.line .quote { font-style: normal }
.line a.link img.image { border-bottom: 0px; }
*/
/scrasobox/箇条書きを控えめにする
消した@ 2021-03-04
/scrasobox/スリムなテロメア
消した
code:old.css
/*
body, .page { box-shadow: unset }
body, .grid, .line, .title, .line-title {
font-family: 'Noto Sans', 'Noto Sans JP', sans-serif }
.editor, .stream, li.page-list-item {
font-family: unset !important; }
.grid li.page-list-item a .hover { transition: none }
.app:not(.presentation) .editor { font-size: 120% }
.app:not(.presentation) .line .text:not(.code-block) { line-height: 1.8 }
.line .telomere .telomere-border:not(:hover) { opacity: .1 }
.line .telomere .telomere-border.unread:not(:hover) { opacity: .3 }
.new-button { background-color: #fff }
.new-button div { background-color: #ffe873 !important }
.new-button:hover { background-color: #fff }
*/
/scrapboxlab/番号付きリストのバレットを表示させるUserCSS
code:old.css
.line.number-list .dot {
display: block !important; }
画像にborderつける
code:old.css
img:not(src="/api/pages/icons/hr/icon"){
border: 1px solid var(--ui) }
トップページへのリンクをnav barに固定するUserCSS
不要になった 2024-04-17