settings
scrapboxの設定ページです。授業内容とは関係ありません。
code:style.css
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,500');
.editor {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
}
.line {
line-height: 30px;
}
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }
.line strong.level-1{
background: #FFFF00 25%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}
code:style.css
.grid li.page-list-item a .pin {
position: absolute;
height: 20px;
width: 22px;
top: 0;
right: 0;
border-radius: 0 0 0 4px;
background: linear-gradient(45deg, #FC9306, #FC9306 50%, #dcdde0 50%, #dcdde0);
z-index: 2;
}
code:style.css
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
code:style.css
/* インデントレベルごとに行頭文字を切り替えるスタイル指定*/
/* メニューのHide Dotと連動する */
/* この例では、第５レベルまでの行頭文字を指定。第６レベルからはドットに戻る */
/* すべてのビュレット文字に共通の設定 */
.line .indent-mark .dot:before {
display: block;
position: absolute;
right: -5px;
top: -10px;
color: #555;
}
.line .indent-mark .c-0 + .dot {
background-color: transparent;
}
.line .indent-mark .c-0 + .dot:before {
font-size: 0.3em;
content:"■";
}
.line .indent-mark .c-1 + .dot {
background-color: transparent;
}
.line .indent-mark .c-1 + .dot:before {
font-size: 0.5em;
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:"　";
}