settings
code:script.js
scrapbox.PageMenu.addItem({
title: 'Tweet',
image: 'https://twitter.com/favicon.ico',
onClick: () => window.open(https://twitter.com/intent/tweet?url=${encodeURIComponent(location.href)}&text=${encodeURIComponent(window.scrapbox.Page.title)})
})
scrapbox.PopupMenu.addButton({
title: '📘',
onClick: text => text.split('\n').map(line => [*+ ${line}]).join('\n')
})
settings
プロジェクト全体の設定をするためのページ
https://gyazo.com/2d58b06401b55006f2dc80b85a6b64e4
/help-jp/UserCSS
code:style.css
@import url('https://fonts.googleapis.com/css?family=Mochiy++Pop+P+One');
.page-list-item.pin+.page-list-item:not(.pin) {
clear: both;
}
/* 一覧の幅を広くする */
.container {
max-width: none !important;
}
/*サポカSSRぽい色 */
.deco-\+ {
/* 白文字 */
color: #ffffff;
/* 水色 */
background-color: #3196f7;
/* 重要なので最初から大きな文字にする */
font-size: 1.1em;
font-family: 'Mochiy Pop P One', sans-serif;
}
↓ここに設定したい内容を記述すると全体に適当されます
#三拍子
#CSS
code:astyle.cssa
.line span:not(.modal-image) > a.link:not(.icon)::after {
font-family:'FontAwesome';
content: ' \f08e';
display: inline-block;
}
.line a:hover {
text-decoration: underline;
}
.line {
line-height: 2.5rem;
}
/* カーソルのある行の背景色と下線をつける */
.cursor-line {
background-color: rgba(0, 100, 100, 0.10);
border-bottom: solid 1px #f00000;
}
.cursor-line2 {
background-color: rgba(0, 100, 100, 0.10);
border-bottom: solid 2px #f00000;
box-shadow: 3px 3px red, -1em;
}
.deco-\+ {　/*サポカSSRぽい色 */
color: #fff; /* 白文字 */
background-color:#3196f7; /* 水色 */
font-size: 1.2em; /* 重要なので最初から大きな文字にする */
}
.deco-\# {　/* K-PROっぽい色 */
color: #fff; /* 白文字 */
background-color: #fef039; /* 黄色 */
font-size: 1.2em; /* 重要なので最初から大きな文字にする */
}
.deco-\! { /* 芸人の個別ページ向けの色 */
color: #000;
background-color: #f174b4; /* 紫 */
font-size: 2em; /* 重要なので最初から大きな文字にする */
}
.deco-\% { /* 三拍子っぽい色 */
color: #000;
background-color: #f174b4; /* 紫 */
font-size: 1.2em; /* 重要なので最初から大きな文字にする */
}
.page-link{
href^="/lololololol/三拍子" { color: springgreen }
}
/* 三拍子っぽい色の吹き出し */
.deco-\{, .deco-\} {
font-size: 1em;
color: #fff;
background-color: #f174b4;
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;
border-color: #f174b4 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: #f174b4 transparent;
}
href^="/lololololol/keyword" { color: springgreen }
サンプル）カーソルを＊のところにあてると書き方わかります。
＊１つ
＊２つ
＊３つ
＊３つ+下線
K-PRO
三拍子
説明
$ 修飾したい文字 　←こんな風に書くと上の例みたいになります。*の数は文字の大きさです
このあたりを見て設定実施
/scrasobox/マーカー
/forum-jp/文字色
リンクの色