settings

https://everydayicons.jp/wp/wp-content/themes/everydayicons/icons/png/ei-settings.png

code:style.css

/* フキダシ記法版 */

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

display: inline-block;

position: relative;

max-width: calc(100% - 4em);

line-height: 1;

background-color: rgba(107, 177, 148, 0.85);

padding: 3px 4px 2px 5px;

margin-left: .6em;

border-radius: .4em;

border-bottom-left-radius: 0

}

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

display: block; /* reduce the damage in FF3.0 */

position: absolute;

bottom: 0;

left: -0.45em;

width: 0;

content: '';

border-width: 0 0 .5em .5em;

border-style: solid;

border-color: rgba(107, 177, 148, 0.85) transparent

}

特定のページを非表示

code:style.css

display: none;

}

ピン留めされてないものは下に

code:style.css

.page-list-item.grid-style-item.pin:nth-child(10) {

width: 100%;

height: 100px;

visibility: hidden;

}

Streamボタンを追加

code:style.css-x

.navbar .navbar-menu>li.stream-btn,

.navbar .navbar-menu>li.stream-btn.hidden-xs

{ display: block !important; }

左上に今日の日付を出力

code:style.css-x

.navbar-brand::before {

content: '';

width: 44px;

height: 44px;

position: absolute;

background-size: cover;

background-position: center;

border-radius: 6px;

}

@media (prefers-color-scheme: dark) {

.navbar-brand::before {

}

}

@media (prefers-color-scheme: light) {

.navbar-brand::before {

}

}

左上のScrapboxアイコンをすきな画像に変更

code:style.css

.navbar-brand::before {

content: '';

width: 30px;

height: 30px;

position: absolute;

background-size: cover;

border-radius: 4px;/*角丸はお好みで*/

}

一覧カードの上の余白を消す

code:style.css

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

border: 0;

}

code:style.css

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

.line span:not(.modal-image) # a.link:not(.icon)::before {

font-family: 'Font Awesome 5 Free';

content: ' \f35d';

font-weight: 600;

display: inline-block;

padding: 0 0.5em 0 0;

}

code:style.css

.line .deco-\& {

background-size: cover;

z-index : 300 ;

display: block;

position: fixed;

bottom: 10px;

right: 10px;

height: 1em;

width: 1em;

padding: 0 ;

text-decoration: none;

font-size: 2em;

border-radius: 4px;

transition: .3s;

-webkit-transform: scale(1);

transform: scale(1);

}

.line .deco-\&:hover{

-webkit-transform: scale(1.1);

transform: scale(1.1);

background-size: cover;

}

.line .deco-\& a{

opacity : 0 ;

}

ドット非表示

code:style.css-x

.line .dot {

display: none !important;

}

画像クリック時のURL非表示

code:style.css

.full-content-modal .modal-dialog .modal-content .modal-body a.link .text {

display: none;

}

引用

code:style.css

.line .quote {

display: inline-block;

border-left: solid 4px rgba(0,0,0,0.05);

padding-right: 1em;

font-size: 0.9em;

}

77%中央配置

code:style.css

.level-2 img.image {

width: 77%;

display: block;

margin: 0 auto;

}

.level-3 img.image {

max-height: 300px;

}

.level-4 img.image {

display: none;

}

span.deco .empty-char-index{

display: none;

}

中央配置

code:style.css

.line img.strong-image {

display: block;

margin: 0 auto;

}

均等配置

code:style.css

span.deco-\! {

display: flex;

flex-direction: row;

justify-content: space-evenly;

}

span.deco-\! img {

padding: 0 .2em;

}

/* カーソル乗ってるところでは無効 */

.cursor-line .deco-\! { display: block }

縦連結配置

code:style.css

span.deco-\+ img.image{

display: block;

margin: 0 auto;

}

span.deco-\+ .empty-char-index{

display: none;

}

/* カーソル乗ってるところでは無効 */

.cursor-line .deco-\+ { display: block }

画像の高さ制限OFF

code:style.css

.line .image {

max-height: none;

}

選択範囲の色

code:style.css

.selection{

}

ロゴ非表示

code:style.css

.brand-icon {

display: none;

}

検索窓

code:style.css

.search-form .form-group input {

}

色

code:style.css

html {

--new-button-bg: rgba(0,0,0,0);

--relation-label-bg: rgba(155,171,193,0.5);

/* link のラベルカラー*/

--relation-label-links-bg: rgba(155,171,193,1) ;

/* link のリンクカラー */

--page-link-color:#5e8af7 ;

--line-permalink-color: rgba(240, 243, 247,0.75);

/* new link のラベルカラー*/

/* new link のリンクカラー */

--search-form-bg: rgba(255,255,255,0);

}

ヘッダー

code:style.css

.navbar-default {

/*background-color: var(--navbar-bg, rgba(53,59,72,0.1));*/

background-color: var(--navbar-bg, rgba(255,255,255,0.1));

backdrop-filter: blur(5px);

box-shadow: 0 1px 2px rgb(0 0 50 / 5%);

}

.navbar-default:hover {

}

新規ページボタン

code:style.css

background-color: var(--new-button-bg);

}

background-color: var(--new-button-bg);

}

テロメア

code:style.css

.telomere {

display: none;

}

ページメニュー

code:style.css

.page-menu {

opacity: 0.1;

transition: opacity 0.3s;

}

.page-menu:hover {

opacity: 1;}

.page-sort-menu {

opacity: 0.1;

transition: opacity 0.3s;

}

.page-sort-menu:hover {

opacity: 1;

}

下部new link 非表示

code:style.css

.empy-links{

display:none;

}

ボックスシャドウ変更

code:style.css

.grid li.page-list-item a {

box-shadow: 0rem 1.6rem 3.7rem -2rem hsl(200deg 50% 20% / 11%);

}

box-shadow: 0rem 1.6rem 3.7rem -2rem hsl(200deg 50% 20% / 11%);

}

右上のソート・表示サイズのやつ

code:style.css

.right-box {

opacity: 0.1;

transition: opacity 0.5s;

}

.right-box:hover {

opacity: 1;

}

本文ボックスシャドウ非表示

code:style.css

.page {

box-shadow: 0 0px 0 rgb(0 0 0 / 0%);

}

ハッシュタグの見た目

code:style.css

opacity:0.7;

padding: 4px 6px;

font-size: 0.9em;

border: 1px solid;

border-radius: 2px;

}

opacity:1;

}

code:style.css

/* 見出し */

.deco-\# {

border-left: 4px rgb(41, 169, 114) solid;

padding-top: 6px;

padding-bottom: 4px;

padding-left: 4px;

font-size: 120%;

font-weight: 700;

}

/* 赤背景で強調 */

/*.deco-\! {

/* background-color: rgba(255, 160, 160, 0.5);

/*}

/* 緑下線で強調 */

text-decoration: none !important;

}

.deco-\_ {

color: inherit !important;

font-size: inherit !important;

background: linear-gradient(transparent 60%, rgba(57, 172, 134, 0.9) 100%);

}

off pin の icon を非表示

code:style.css-x

li.page-list-item.grid-style-item.pin a .content .icon {

display: none;

}

code:style.css

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

.line img.icon { height: 2.5em }

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

code:style.css

/* 本文の最後にテキスト挿入 */

.app:not(.presentation) .page::after {

content: 'なおおんぶろぐ集';

display: block;

margin-top: 1rem;

padding: 1rem 0;

text-align: right;

border: solid rgba(0,0,0,.2);

border-width: 1.5px 0;

font: 500 normal 1.8rem/1 sans-serif

}

.app:not(.presentation) .page.not-persistent::after {

content: '本文ないよ！'

}