settings
settings
code:style.css
/* ロゴマークの導入 */
//.project-home {
width: 600px;
height: 150px;
}
//.project-home:hover {
// opacity: 0.5;
}
/* 元のテキストを隠す*/
.quick-launch .project-home > .icon.icon-home {
color: transparent !important;
display: none;
}
.quick-launch .project-home > .title {
color: transparent !important;
display: none;
}
settingsを消す
code:style.css
display: none !important;
}
フォント
code:style.css
@font-face {
font-family: 'NotoSans-I';
unicode-range: U+0049;
}
html, body, #editor, .grid li{font-family:'NotoSans-I','Zen Kaku Gothic New',"YuGothic",'Yu Gothic',"Font Awesome 5 Free","Font Awesome 5 Brands","Roboto","メイリオ", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", "sans-serif";} カード
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {clear: both}
ピン
code:style.css
.app{padding-top: 55px;}
.grid li.page-list-item a .pin{display:none;}
// .page-list .grid li.pin{margin-bottom: 2.5em;}
.page-list .grid li.pin:after{
content: "";//なんかいれてもいいけども
letter-spacing: 1em;
text-indent: 1em;
font-size: 1em;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -1.3em;
}
.container .grid li.pin a .content{
flex-direction: column;
background: var(--card-content-bg);
}
.grid li.page-list-item a .header.pinned {background-color: var(--card-header-bg-pinned);}
/ .grid li.page-list-item a .header.pinned .title{color: var(--card-title-color-pinned);}
.container .grid li.pin a .description{color: var(--card-description-color-pinned);}
code:style.css
body{ /* カードの下部影 */
--card-box-shadow:none;
--card-box-hover-shadow:none;
}
/*.page-list ul.grid{
display: flex;
flex-wrap: wrap;
* justify-content: space-around;
margin-right: 0;
}
.grid li.page-list-item a{
border-radius: 5px ;
transition: all 100ms cubic-bezier(0.2, 0.91, 0.85, 0.96) 0s;
}
.grid li.page-list-item a:hover{
border-radius: 5px;
}
/* --- アウトライン --- */
.grid li.page-list-item:not(.pin) a{outline: 0.5px solid #808080;} .grid li.page-list-item:not(.pin) a:hover{outline: 0.5px solid #ffffff;} .grid li.page-list-item a .icon {
padding: 1px;
margin: auto;
}
.grid li.page-list-item a .icon img{
width: 98%;
max-width: 98%;
border-radius: 3px;
bottom: 2px;
}
.grid li.page-list-item a .header{
padding: 1px 20px 1px ;
border-top: none;
}
/* サムネ上のタイトルの配置 */
.grid li.page-list-item a .title{
position: absolute;
bottom: 3px;
left: 0px;
padding: 0 5px;
margin: 2px;
width: auto;
font-size: 1.2em;
text-align: left;
z-index: 1;
}
.grid li.page-list-item a .hover{background: transparent;}
opacity: 0;}
本文
画像 中央揃え/角丸/シャドウ(今やめてる)
code:style.css
/*.line img.image {
display : block;
position: relative;
margin : 0 auto 0.7em;
border-radius: 0.5em;
filter: drop-shadow(0px 8px 24px rgba(149,157,165,0.22));
top: 1em;
}
フォント
code:style.css
:root{
/*--text-font: 'shippori mincho B1', serif !important;*/
--code-font: 'JetBrains Mono', Monaco, monospace !important;
}
.line, .page-list-item .title, .line-title {
font-family: var(--text-font);
}
//shippori mincho B1 明朝体にしたいときはこれを使った
//Kiwi-Maruもきになる
箇条書きのブレット
code:style.css
.line .indent-mark .dot {
top: 12px;
width: 10px;
height: 3px;
}