settings
code:style.css
/* begプレフィックスの背景画像を設定 */
background-size: cover;
}
code:style.css
body {
}
pin消し
code: style.css
.grid li.page-list-item a .pin {
display: none;
}
カードを変形
code:style.css
.page,
.grid li.page-list-item a,
.grid.grid-md li.page-list-item a,
.grid.grid-lg li.page-list-item a {
border-radius: border-radius: 100%;
box-shadow: none;
}
.grid li.page-list-item a .header {
position: relative;
top: 10px;
left: 5px;
z-index: 0;
border-top: none;
transform: translate(0%,-10%) scale3d(120%,130%,150%) skew(20deg, 10deg) ;
}
.container {
max-width: none;
}
.grid li.page-list-item a .icon img {
position: relative;
top: 20px;
width: 88px;
height: 88px;
border-radius: 0%;
transform: translate(0%,-10%) scale3d(100%,110%,130%) skew(-25deg, -15deg) ;
margin: auto;
}
code:style.css
display: none;
}
code:style.css
.cursor-line {
background-color: rgba(0, 0, 255, .1);
box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 255, .3);
}
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code:style.css
/* ピン留めされてるカードの段を分ける */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
プロジェクトタイトル
code:style.css
.project-home > .title {
/* Make title line-height more narrow */
line-height: 1.2em;
}
/* Project description */
.project-home > .title:after {
content: "\A\A Discomfort";
white-space: pre;
font-size: 0.8em;
}
code:style.css
/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
}
code:style.css
/* Streamボタンを表示させる */
.navbar .navbar-menu>li.stream-btn,
.navbar .navbar-menu>li.stream-btn.hidden-xs {
display: block !important;
margin-right: 10px;
}
code:style.css
/* インデントレベルごとに行頭文字を切り替えるスタイル指定*/
/* メニューのHide Dotと連動する */
/* この例では、第５レベルまでの行頭文字を指定。第６レベルからはドットに戻る */
/* すべてのビュレット文字に共通の設定 */
.line .indent-mark .dot:before {
display: block;
position: absolute;
right: -5px;
top: -10px;
}
/* 以下同様 */
.line .indent-mark .c-1 + .dot {
background-color: transparent;
}
.line .indent-mark .c-1 + .dot:before {
content:"🔵";
}
.line .indent-mark .c-2 + .dot {
background-color: transparent;
}
.line .indent-mark .c-2 + .dot:before {
content:"🔴";
}
.line .indent-mark .c-3 + .dot {
background-color: transparent;
}
.line .indent-mark .c-3 + .dot:before {
content:"🟣";
}
.line .indent-mark .c-4 + .dot {
background-color: transparent;
}
.line .indent-mark .c-4 + .dot:before {
content:"🟢";
}
.line .indent-mark .c-5 + .dot {
background-color: transparent;
}
.line .indent-mark .c-5 + .dot:before {
content:"🟡";
}
.line .indent-mark .c-6 + .dot {
background-color: transparent;
}
.line .indent-mark .c-6 + .dot:before {
content:"⚪";
}
ルビ記法
code:style.css
/*display: block;*/
margin-top: -4px;
/*width: 50px;*/
height: 14px;
font-size: 15px;
line-height: 12px;
padding: 0 1px;
white-space: nowrap;
text-overflow: ellipsis;
/*overflow-x: clip;*/
position: absolute;
z-index: 101;
}
code:style.css
/* ==UserStyle==
@name Clean Scrapbox Layout
@namespace your-namespace
==/UserStyle== */
/* Hide unnecessary elements */
.date,
.author,
.star,
.edit-button,
.icon,
.edit-icon,
.project-name,
.breadcrumbs,
.footer,
.header-menu {
display: none !important;
}
/* Adjust page title */
.title {
margin: 20px 0 !important;
font-size: 18px !important;
font-weight: bold !important;
}
/* Adjust content */
max-width: 800px !important;
margin: 0 auto !important;
padding: 20px !important;
}
/* Adjust font and colors */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}
/* Links */
a:hover {
text-decoration: underline !important;
}
code:style.css
body {
font-family: '游明朝体','YuMincho','游明朝','Yu Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
}
.editor, .stream, li.page-list-item {font-family: unset !important;}
![https://i.gyazo.com/d1720cbc7b267c01cc311c23cb2a0008.png")](https://i.gyazo.com/d1720cbc7b267c01cc311c23cb2a0008.png")){kind=link}
;){kind=link}