settings
わざわざ検索かけてここまできた人を殺すデーモンを、召喚
隠す
code:style.css
ここで消すタイトル次第でピンと通常記事の分離がうまくいかなくなる???なんで????
フォント(BIZ UDPゴシック)
code:style.css
.editor{font-family:'BIZ UDPGothic'}
デフォルトのほうが可読性は高い テンションを上げるためのフォント変更
色設定
code:style.css
:root{
}
さまざまなものを消す
ブランドアイコンを消す
code:style.css
.brand-icon{display: none;}
テロメアを消す
code:style.css
.line .telomere{display:none;}
ホーム画面
ホーム画面
code:style.css
.grid li.page-list-item a{
border-radius: 10px;
box-shadow: none;
}
.grid li.page-list-item a:hover{
transform: scale(1.1);
border-radius: 0px;
}
.grid li.page-list-item a .content{
height: 100%;
flex-direction: column-reverse;
}
.grid li.page-list-item a .header{
padding: 8px 10px;
border-top: none;
}
.grid li.page-list-item a .icon {
position: relative;
padding: 0;
margin: auto;
}
.grid li.page-list-item a .icon img {
width: auto;
max-height: 90px;
max-width: 90%;
border-radius: 10px;
}
.grid li.page-list-item a .title{
text-align: center;
}
ピン
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {clear: both}
.grid li.pin a {
border-radius: 3px;
}
.grid li.pin {
height: 100%;
width: inherit;
}
.grid li.pin .title{
text-align: center
}
.grid li.page-list-item.pin a .pin{
display: none;
}
.grid li.page-list-item.pin a .content :is(.icon,.description){
display: none;
}
関連ページ
code:style.css
:root{
--relation-label-text:#304ea2;
}
上のバーにロゴを固定
code:style.css
@media screen {
.quick-launch .project-home {
position: fixed;
top: -2px;
left: 60px;
z-index: 1000;
}
}
@media screen and (min-width: 1261px) {
.quick-launch .project-home {
/* left: calc((100% - 1280px)/2 + 80px); */
left: calc((100% - 1280px)/2 + 70px);
}
}
.quick-launch .project-home {
}
ページタイトル
code:style.css
.line-title .text {
font-size: 25px;
text-align: center;
padding-bottom: 9px !important;
margin-bottom: 20px;
}
Strongを見出しにする
code:style.css
strong.level-2 {
display: inline-block;
padding: 0 0 0em 5px;
border-left: solid 3px /*25px*/;
margin-top: .7em;
margin-bottom: .7em;
}
画像を真ん中に置く
code:style.css
.line img.image {
border-radius: 1.0em;
max-height : 600px;
max-width : 600px;
}
動画を小さくする
code:style.css
iframe.youtube {
display: block;
max-width : 80%;
max-height : 25vw;
margin: 0 auto;
}
中央揃え記法
code:style.css
.line:not(.cursor-line) .deco-\' {
position: absolute;
width: 100%;
text-align: center;
}