settings
! [!] ひらめき _ [_] タスク
? [?] 疑問 x [x] 完了タスク
* [*] 重要 > [>] 先送りタスク
o [o] イベント < [<] リスケ済みタスク
code:style.css
/* タグアイコンの共通スタイル (1) */
.line:not(.cursor-line) ahref='./!':not(.icon) span,
.line:not(.cursor-line) ahref='./%3F':not(.icon) span,
.line:not(.cursor-line) ahref='./*':not(.icon) span,
.line:not(.cursor-line) ahref='./_':not(.icon) span,
.line:not(.cursor-line) ahref='./x':not(.icon) span,
.line:not(.cursor-line) ahref='./o':not(.icon) span,
.line:not(.cursor-line) ahref='./%3E':not(.icon) span,
.line:not(.cursor-line) ahref='./%3C':not(.icon) span {
display: inline-block; width: 0; text-indent: -9999px }
/* タグアイコンの共通スタイル (2) */
.line:not(.cursor-line) ahref='./!':not(.icon)::after,
.line:not(.cursor-line) ahref='./%3F':not(.icon)::after,
.line:not(.cursor-line) ahref='./*':not(.icon)::after,
.line:not(.cursor-line) ahref='./_':not(.icon)::after,
.line:not(.cursor-line) ahref='./x':not(.icon)::after,
.line:not(.cursor-line) ahref='./o':not(.icon)::after,
.line:not(.cursor-line) ahref='./%3E':not(.icon)::after,
.line:not(.cursor-line) ahref='./%3C':not(.icon)::after {
display: inline-block; min-width: 1.15em; padding-left: 1px;
font: normal 110%/normal FontAwesome; text-align: center }
/* ここから各アイコンの設定 */
.line:not(.cursor-line) ahref='./!':not(.icon)::after { content: '\f06a'; color: #F6AE2D }
.line:not(.cursor-line) ahref='./%3F':not(.icon)::after { content: '\f059'; color: #758E4F }
.line:not(.cursor-line) ahref='./*':not(.icon)::after { content: '\f069'; color: #F26419 }
.line:not(.cursor-line) ahref='./_':not(.icon)::after { content: '\f096'; color: #666 }
.line:not(.cursor-line) ahref='./x':not(.icon)::after { content: '\f046'; color: #069 }
.line:not(.cursor-line) ahref='./o':not(.icon)::after { content: '\f10c'; color: #F26419 }
.line:not(.cursor-line) ahref='./%3E':not(.icon)::after { content: '\f045'; color: lightgrey }
.line:not(.cursor-line) ahref='./%3C':not(.icon)::after { content: '\f274'; color: lightgrey }
重要 [! 重要] で出ます
code:style.css
.deco-\! {
color: #fff; /* 白文字 */
background-color: #FA6B6B; /* 赤背景 */
padding: 0.1em 0.2em 0.1em 0.2em;
}
重要じゃない [~ 重要じゃない] で出ます
code:style.css
.deco-\~ {
color: #fff; /* 白文字 */
background-color: #1976d2; /* 青背景 */
padding: 0.1em 0.2em 0.1em 0.2em;
}
蛍光ペン [+ 蛍光ペン]で出ます
code:style.css
.deco-\+ {
background: linear-gradient(transparent 60%, rgb(254, 244, 0) 60%);
}
外部リンク: 外部リンクをわかりやすく
code:style.css
/* 外部リンクをわかりやすく */
.line a.link:not(.icon):after {
content: "\f08e";
font-family: FontAwesome;
font-size: .8em;
margin-left: .2em;
display: inline-block;
}
取り消し線: [- 取り消し線] の文字を薄く
code:style.css
.deco-- {
color: #ccc;
}
#tag : #tag をみやすく
code:style.css
atype="hashTag" {
padding: 1px 4px;
border-radius: 2px;
/* margin: 0 4px; */
background-color: #fff;
color: #000 !important; /* !important は a.empty-page-link を上書きするため */
border: 1px solid #aaa;
font-size: .9em;
}
atype="hashTag":hover {
color: #00f !important;
border: 1px solid #00f;
}
anatofuz.icon 吹き出し [{ 吹き出し] で出ます
左もあります anatofuz.icon [} 左もあります]
code:style.css
.deco-\{, .deco-\} {
font-size: 1em;
color: #fff;
background-color: #b2bcba;
padding: 0 0.2em 0 0.2em;
border-radius: 0.4em;
margin: auto 0.3em;
display: inline-block;
max-width: calc(100% - 100px);
vertical-align: top;
line-height: 1.5;
}
.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;
border-color: #b2bcba transparent;
}
.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;
border-color: #b2bcba transparent;
}
.deco-\!:before, .deco-\!:after {
border-color: #ee6666 transparent;
}
.deco-\{ a, .deco-\} a {
color: #66f;
}
文中に引用を挿入
code:style.css
/* 文中に引用を挿入 */
.deco-\" {
border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);
font-size:95%; font-style: italic }
.deco-\"::before {
color: #a0a0a0; font-size:85%; font-family: 'FontAwesome'; content: '\f10d'; vertical-align: super }