settings
code:memo.rb
#!/usr/bin/env ruby
project = 'ogasawara' # 自分のプロジェクト名
title = Time.now.strftime('%Y%m%d%H%M%S')
system "open https://scrapbox.io/#{project}/#{title}"
code:style.css
/* プロジェクトTOPへのリンクと周辺パーツを強引にnavbarに移動 */
/* ※次のnavbar固定と同時に使う必要がある */
@media screen and (min-width: 768px) {
.quick-launch .project-home {
position: fixed; top: 7px; left: calc((100% - 1080px)/2); z-index: 990 }
/*.page { padding-top: 0 }*/ }
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home { left: 65px } }
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home { left: 80px } }
@media screen and (min-width: 1261px) {
.quick-launch .project-home { left: calc((100% - 1260px)/2 + 80px) } }
/* はりつくメニューバー */
/* @media screen and (min-height: 600px) and (min-width: 768px) { */
@media screen {
body:not(.presentation) { padding-top: 90px; padding-right: 0 !important }
body:not(.presentation) .page-menu { position: fixed; top: 90px }
.navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset }
.dropdown.open .dropdown-menu {
position: absolute; left: auto; top: auto;
max-height: calc(100vh - 100px); overflow-y: auto }
.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }
.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 }
}
.line .quote {
font-style: normal;
background: #eee;
border-left: solid 8px #a0a0a0;
padding-left: 14px;
padding-right: 18px;
padding-top: 20px;
padding-bottom: 20px;
}
body {
background-color: #fff;
font-family: '游ゴシック','Yu Gothic',san-serif;
}
.line .quote {
font-style: normal;
}
.line .meta {
border-color: #f4f9fa;
}
.navbar-default {
background-color: #f1f1f1;
}
.navbar-default .navbar-nav>li>a {
color: #637282;
}
.grid li.page-list-item a {
box-shadow: 0 1px 0 rgba(0,0,0,0.13);
}
.page {
box-shadow: 0 1px 0 rgba(0,0,0,0.16);
}
form {
border:1px #ddd solid;
}
/* 1. Scrapboxアイコンをバーガーアイコンに置き換え
.navbar-brand img, .navbar-brand span { display: none !important }
.navbar-brand::before {
content: '\f0c9'; font-family: FontAwesome; font-size: 28px; color: #bbbbbb; }
*/
.brand-icon { display: none !important }
.navbar-brand::before {
/* content: '\f0c9'; font-family: 'Font Awesome 5 Free' font-weight: 900; font-size: 28px */
/* content: 'S'; font-family: 'Font Awesome 5 Free'; font-weght: 900; font-size: 28px; color: #bbbbbb; */
content: '☰'; font-weight: 900; font-size: 28px; color: #bbbbbb;
}
投稿サイドの縦のバーを消す
code:style.css
.line .telomere .telomere-border {
border-color: #fff; /* 背景色と同じにして見えなくした */
}
行頭のドットをハイフンに見えるように
/syunichisuge/settingsを参照
code:style.css
.line .indent-mark .dot {
top: 10px;
width: 4px;
height: 1px;
background-color: #333333;
}
＃で始まるタグをラベル風にする　/syunichisuge/settingsさんより
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #000000;
font-size: 0.8em;
border: 1px solid #000000;
border-radius: 1px;
/* transition: .3s; */
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
color: #f44242;
border: 1px solid #f44242;
}
code:script.js
$('body').attr('data-daiiz-rel-bubble', 'off'); // 関連ページを吹き出し表示する
$('body').attr('data-daiiz-text-bubble', 'on'); // リンク先ページのテキストを表示する
code:script.js
scrapbox.PopupMenu.addButton({
title: 'Tweet',
onClick: text => {
const lines = text
.split(/\r\n/)
.map(line => line.replace(/[\\]/g, '').replace(/^\s+/, ''))
lines.push(location.href)
const url = https://twitter.com/intent/tweet?&text=${encodeURIComponent(lines.join('\n'))}
const width = 550
const height = 420
const option = width=${width},height=${height},left=${(window.innerWidth - width) / 2},top=${(window.innerHeight - height) / 2},scrollbars=yes,resizable=yes,toolbar=no,location=yes
window.open(url, '_blank', option)
}
})
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(document.title)})
})