settings

https://gyazo.com/a7057894f18ebeb1890be2cd58189f36

やれることメモ

文字位置調整

中央と

右、強調もできる

吹き出し

強調表示

Scrapbox メニューアイコン変更

code:style.css

.navbar-brand img, .navbar-brand span { display: none !important }

.navbar-brand::before {

code:style.css

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

min-width: 100%; max-height: calc(100vh - 130px) !important; overflow-y: auto }

タグ

code:style.css

/* ＃で始まるタグをラベル風にする */

display: inline-block;

padding: 2px 8px;

margin: 0 8px 10px 0;

font-size: 0.8em;

border-radius: 3px;

/* transition: .3s; */

-webkit-transform: scale(1);

transform: scale(1);

}

}

ホームマーク削除

code:style.css

.icon-home { display: none !important; }

文字の位置設定

code:style.css

/* 中央寄せ */

.deco-\< { position: absolute; width: 100%; text-align: center }

/* 右寄せ */

.deco-\> { position: absolute; width: 100%; text-align: right }

吹き出し

code:style.css

/* 吹き出し本体 */

.deco-\{, .deco-\} {

font-size: 1em;

padding: 0.1em 0.2em 0.1em 0.2em;

border-radius: 0.4em;

margin: auto 0.3em;

display: inline-block;

max-width: calc(100% - 100px);

vertical-align: top;

}

/* 左吹き出しの角 */

.deco-\{:before {

position: absolute;

margin: 0;

padding: 0;

transform: translateX(-100%) translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0 0.6em 0.6em;

border-style: solid;

}

/* 右吹き出しの角 */

.deco-\}:after {

position: absolute;

margin: 0;

padding: 0;

transform: translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0.6em 0.6em 0;

border-style: solid;

}

/* 強調吹き出しの角 */

/* 吹き出し内のリンク色の調整 */

強調文字に色づけ

code:style.css

.line strong {

}

マーカー

code:style.css

}

重要な部分に色をつける

code:style.css

.deco-\! {

padding: 0.1em 0.2em 0.1em 0.2em;

}

行頭のドットスタイル

code:style.css

.line .indent-mark .dot {

top: 11px;

width: 6px;

height: 3px;

}

カーソル

code:style.css

/* カーソルの幅と色替え */

.cursor { width: 2px; background-color: rgba(0,0,0,.6) }

のびのびドロップダウン

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 .telomere .telomere-border, .line .telomere .telomere-border.unread {

.line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {

box-sizing: border-box; width: auto;

/* 新着以外のテロメアの色と太さ */

/* 新着のテロメアの色と太さ */

アイコンを大きくする

code:style.css

/* アイコンサイズを大きくする */

.line img.icon { height: 1.5em }

アイコンをもっと大きくする

code:style.css

.line img.strong-icon { max-height: 3em; height: auto }

全体

code:style.css

body {

font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.navbar-default {

background-color: rgba(106, 156, 120, 0.8);

overflow: unset;

}

タイトル

code:style.css

span.title{

font-size: x-large;

font-weight:700;

}

ページ上部の線

code:style.css

/* 各大きさ毎に設定 */

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

}

ul.grid-md.grid li.page-list-item a .header{

}

ul.grid-lg.grid li.page-list-item a .header{

}

ピンしたページのスタイル

code:style.css

/* ピンしたページのスタイル */

.grid li.page-list-item a .pin { background-color: transparent; background-image: none }

.grid li.page-list-item a .pin::after {

display: inline-block; transform: rotate(35deg) }

カラーパレットメモ

fff1bc

7dc383

6a9c78

446e5c

https://gyazo.com/7a079117580825e6668fb9d325669fdd