/daiiz/settings - Scrapbox Reader

generated at 11/17/2024, 2:41:47 PM
settings


style.css@import "/api/code/daiiz-codes/phonno/embed.css";

style.csscode.helpfeel {
  opacity: .7;
}

一覧カードを小さくする
style.a.css.two-two {
 	width: 110px !important;
  	height: 110px !important;
}

.page-list .grid li, 
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
 	width: 110px !important;
   	height: 110px !important;
}

.two-two .icon {
    padding-top: 30px !important;
}

.two-two .title {
	height: 0px !important;
}

codeblockの頭を静かな色にする
style.a.css.line span.code-block .code-block-start {
	background-color: #eee;
}

.line span.code-block .code-block-start a {
	color: #555;
}

カードを回転させる
_style.css.page-list .grid li:hover {
	transition: 1.6s;
	-webkit-transform: rotateZ(360deg);
 	-moz-transform: rotateZ(360deg);
  	transform: rotateZ(360deg);
}

.page-list .grid li.pin:hover {
 	-webkit-transform: none;
  	-moz-transform: none;
   	transform: none;
 }

テロメアの未読表現をカスタマイズ
_style.css.unread {
  width: 0px !important;
  border-right-width: 3px !important;
  border-left-width: 10px !important;
  border-right-color: #007 !important;
  border-left-color: #8f9899 !important;
}
.unread:hover {
  width: auto !important;
  border-right: 0 !important;
}

吹き出しスタイル
/help-jp/文字装飾記法ベースで、右の角を改変
style.css.deco-\{, .deco-\} {
  font-size: 1em;
  color: #fff;
  background-color: #b2bcba;
  /* padding: 0.3em 0.2em 0.3em 0.2em; */
  padding: 0 0.2em;
  border-radius: 0.4em;
  margin: auto 0.3em;
  display: inline-block;
  max-width: calc(100% - 100px);
  vertical-align: top;
}

左の角
 daiizです

 Scrapboxは、リンクとハッシュタグから動的にページ間のつながりを作ります。 つながりができると、関連するトピックが下に表示されるので、アイデアを簡単に整理して探索できるようになります。https://scrapbox.io/product 

style.css.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;
}

右の角
daiiz です 

Scrapboxでは、遠く離れた人が同じページを同時に編集することができます。 ライブ・マークアップエディタはとても強力で、角カッコで文字を囲むだけで、すばやくリンクにしたり、画像や動画として展開することができます。 すべてのデータはテキストデータなので他のツールとの連携も自在です。https://scrapbox.io/product 
角が下過ぎて気に入らないな...

style.css.deco-\}:after {
  position: relative;
  margin-right: -10px;
  padding: 0;
  transform: translateY(calc(1em - 80%));
  width: 0;
  content: "";
  display: block;
  float: right;
  border-width: 0.5em 0.5em 0 0;
  border-style: solid;
  border-color: #b2bcba transparent;
}


#helpfeel非公開