settings
Here is the settings for css.
When you want to reflect your pages css settings to everyone, put your css codes here rather than your profile page.
code:style.css
.text {
font-family: 'Roboto', sans-serif !important;
font-size: 16px;
line-height: 30px;
-webkit-font-feature-settings: 'palt' 1;
font-feature-settings: 'palt' 1;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-kerning: normal;
font-kerning: normal;
}
.editor .line-title .text {
font-family: 'Source Sans Pro', 'Lato', sans-serif;
font-size: 34px;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: 900;
}
li.page-list-item .title {
font-family: 'Lato', sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
font-weight: bold;
}
li.page-list-item p {
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
line-height: 1.8 !important;
}
.deco-\# {
}
.deco-\+ { /* 重要な部分は+を付けると太文字 */
font-weight: bold;
}
.deco-\! { /* 疑問点は紫 */
}
.line strong.level-2{
padding: 0.5em; /*文字周りの余白*/
font-size:1.3em
}
.line strong.level-3{
font-family: 'Lato', sans-serif;
/*線の種類(点線)2px 線色*/
}
.line .quote{
font-family: 'Merriweather', sans-serif;
font-style: normal;
}
付箋のcss
code:style.css
.deco-\! { /* 赤い付箋 */
display: inline-block;
position: relative;
padding: 0.5em 1em;
margin: .2em 0;
box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
}
.deco-\{ { /* みどり付箋 */
display: inline-block;
position: relative;
padding: 0.4em 1em;
margin: .2em 0;
box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
}
.deco-\} { /* 黄色い付箋*/
margin: 0; /* デフォルトCSS打ち消し */
/* font-size: 24px; /* 文字サイズ指定 */
margin: .2em .5em;
max-width: 320px;
position: relative; /* 位置調整 */
font-weight: normal; /* 文字の太さ調整 */
display: inline-block; /* インラインブロックにする */
padding: .5em .75em;
box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
}
.deco-\( { /* みどりボックス */
display: inline-block;
position: relative;
margin: .2em 0;
padding: 0.5em 1em;
line-height: 150%;
}
.deco-\) { /* 青付箋ボックス */
display: inline-block;
position: relative;
padding: 0.5em 1em;
margin: .2em 0;
background: white;
box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
}
.deco-\# { /* 赤線の括り */
display: inline-block;
border-radius: 4px;
margin: 1em 0;
padding: 0.5em;
position: relative;
}
.deco-\#::before{
content: "Research Question";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
付箋をポップアップメニューから選べるようにする <- Profile ページに貼ってください。
code:script.js
// 選択した文字列にマーカー
scrapbox.PopupMenu.addButton({
title: '赤付箋',
onClick: text => [! ${text}]
})
scrapbox.PopupMenu.addButton({
title: '緑付箋',
onClick: text => [{ ${text}]
})
scrapbox.PopupMenu.addButton({
title: '青付箋',
onClick: text => [) ${text}]
})
scrapbox.PopupMenu.addButton({
title: 'RQ',
onClick: text => [# ${text}]
})
code:style.css
span.code-block {
line-height: 24px;
font-size: 90%;
}
Changes the bullet point color and shape
code:style.css
/* make the bullet points less standing out */
.app .line .indent-mark .dot {
height: .2em; width: .4em; border-radius: 25%;
background-color: rgba(173,173,173,.55) }
.app:not(.presentation) .line .indent-mark .dot { top: auto; bottom: 0 }