settings
https://gyazo.com/335188099197f663a2218897e0605bba
カーソル
code:style.css
/*don't work*/
/*work well*/
タイトルとページ最下端のスタイル
code:style.css
.page-wrapper{
overflow: hidden;
}
.line.line-title .text{
border-radius: 5px;
margin: 0 0 0 -7rem;
padding: .25em .25em .25em 7rem;
}
.lines >.line:last-of-type::after{
content: "";
display: block;
width: 10rem;
height: 2px;
margin-left: -7rem;
}
コードブロック周り
code:style.css
/***inline code***/
.line .text:not(.code-block) code{
}
/***code block***/
.line .text.code-block code{
}
/***label of code block***/
.line .text .code-block-start:not(:root){
border-radius: 3px;
margin: 0 2px;
}
.line .text .code-block-start >a:link,
.line .text .code-block-start >a:visited{
}
/*code block BG*/
.line .text.code-block .indent{
}
/***indent space of code block***/
.line .text.code-block .indent-mark{
height: 100%;
overflow: hidden;
}
.line .text.code-block .indent-mark >:last-child:not(.dot){
display: inline-block;
height: 100%;
/*変な隙間を埋める用*/
box-shadow: 5px -10px 0 5px #333; }
テーブル周り
code:style.css
.table-block .table-block-start{
background-color: seagreen;
padding: 5px 10px;
}
.table-block .table-block-start >a:link,
.table-block .table-block-start >a:visited{
}
code:style.css
.table-block table{
border-collapse: separate;
border-spacing: 2px;
border: 1px solid mediumseagreen;
}
.table-block table tr td:not(:first-child){
padding: .1em;
text-align: right;
}
.table-block table tr:nth-child(even) td{
background-color: lemonchiffon;
}
.table-block table tr:nth-child(odd) td{
background-color: lightyellow;
}
.table-block table tr:first-child td:not(:first-child){
font-weight: bolder;
text-align: center;
background: gold;
}
.table-block table tr td:nth-child(2){
background-color: khaki;
text-align: center
}
メニュー
code:script.js
scrapbox.PageMenu.addItem({
title: 'Tweet',
onClick: () => window.open(https://twitter.com/intent/tweet?url=${encodeURIComponent(location.href)}&text=${encodeURIComponent(window.scrapbox.Page.title)})
})
プロジェクト HP
code:style.css
.grid li.page-list-item a:hover{
}