settings
テーマをウインターにしておくこと(アイコンが白くなる)
code:style.css
@import "/api/code/madobes/settings/style.css";
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
content: 'AED-LAB @ Tokyo University of Technology, Japan';
display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;
border: solid rgba(0,0,0,.2); border-width: 1px 0; font: 500 normal 1.8rem/1 sans-serif }
.app:not(.presentation) .page.not-persistent::after {
content: 'AED-LAB' }
/* カード型ページリンクの枠 */
.grid li.page-list-item a {
border: 0px;
box-shadow: 0 1px 0 rgba(20,20,20,0);
}
ul.grid li.page-list-item a .header{
}
ul.grid-md.grid li.page-list-item a .header{
}
ul.grid-lg.grid li.page-list-item a .header{
}
.grid li.page-list-item a:hover{
box-shadow: none;
}
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
/* transition: .3s; */
-webkit-transform: scale(1);
transform: scale(1);
}
}
code:style.css
/* カーソルのある行の背景色と下線を薄いグレーにする */
.cursor-line {
background-color: rgba(0, 0, 0, .02);
box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, .3);
}
code:style.css
/* ピンしたページのスタイル */
.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '_'; font-family: 'Yu-Gothic'; font-size: 10px; color: #000000; bottom: 0; display: inline-block;}
code:style.css
/* マトリクス記法 */
.line:not(.cursor-line) .deco-\| { display: inline-flex }
.line .deco-\| img.image { object-fit: contain; margin: 0 }
/* 太字記法と組み合わせて列数を変える */
.line .level-1 .deco-\| > span { width: calc(100%/1) }
.line .level-2 .deco-\| > span { width: calc(100%/2) }
.line .level-3 .deco-\| > span { width: calc(100%/3) }
.line .level-4 .deco-\| > span { width: calc(100%/4) }
.line .level-5 .deco-\| > span { width: calc(100%/5) }
.line class^="level" .deco-\| img.image { object-fit: cover; width: 100%; height: 100% } /* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */
.line .deco-\| > span, .line class^="level" .deco-\| > span { overflow: hidden } .line .deco-\| img.image, .line class^="level" .deco-\| img.image { margin: .2em } リストからsettingsを消す
code:style.css
display: none;
}