settings
scrapboxの設定ページです。授業内容とは関係ありません。
code:style.css
/*
参考、引用など
http://kaji-raku.net/lifehack/scrapbox/5144
https://scrapbox.io/customize/
https://scrapbox.io/help-jp/UserCSS
*/
@import url('https://fonts.googleapis.com/cssfamily=Fira+Sans:300,500|Noto+Sans+JP:300,500');
body{
font-family: 'Fira Sans','Noto Sans JP', sans-serif;
font-weight: 300;
}
b{
font-family: 'Fira Sans','Noto Sans JP', sans-serif;
font-weight: 500;
}
.line {
line-height: 35px;
}
.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 img.image {*/
/* max-height: none !important;*/
/* max-width: 75% !important;*/
/* }*/
.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;
}
/* ストロングをマーカーっぽくする */
.line strong.level-1{
background: #FFFF00 25%;
}
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);
}
/* インデントレベルごとに行頭文字を切り替えるスタイル指定*/
/* メニューのHide Dotと連動する */
/* この例では、第５レベルまでの行頭文字を指定。第６レベルからはドットに戻る */
/* すべてのビュレット文字に共通の設定 */
.line .indent-mark .dot:before {
display: block;
position: absolute;
right: -5px;
top: -10px;
color: #555;
}
/* 第１レベルのインデント（c-0）の設定 */
/* ドットはバックグラウンドカラーなので透明にする */
/* セレクタとして
.line .indent-mark .dot { ... }
を使うとインデントレベルごとに
background-color: transparent;
を指定する必要はないが、指定のないレベルのドットが消える
*/
.line .indent-mark .c-0 + .dot {
background-color: transparent;
}
/* このレベルの行頭文字を表示 */
.line .indent-mark .c-0 + .dot:before {
content:"■";
}
/* 以下同様　*/
.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:"→";
}