/ogasawara/settings - Scrapbox Reader

generated at 2/12/2025, 1:50:33 AM
settings

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}"

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;
      }
  


投稿サイドの縦のバーを消す
style.css.line .telomere .telomere-border {
       border-color: #fff; /* 背景色と同じにして見えなくした */   
       }

行頭のドットをハイフンに見えるように
/syunichisuge/settingsを参照
style.css.line .indent-mark .dot {
    top: 10px;
    width: 4px;
    height: 1px;
    background-color: #333333;
}



＃で始まるタグをラベル風にする　/syunichisuge/settingsさんより
style.css /* ＃で始まるタグをラベル風にする */
  a[type="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);
  }
  a[type="hashTag"]:hover{
      color: #f44242;
      border: 1px solid #f44242;
  }  


script.js  $('body').attr('data-daiiz-rel-bubble', 'off');  // 関連ページを吹き出し表示する
  $('body').attr('data-daiiz-text-bubble', 'on');  // リンク先ページのテキストを表示する

script.jsscrapbox.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)
  }
})

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)}`)
 })