settings

色設定

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}

関連ページ

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 : 300px;

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;

}

中黒の圧を減らす

code:style.css

.line .dot {

transform: scale(0.7);

}