settings
特定のページを見えなくする
code:style.css
{display: none !important;}
memberタグつきページを表示しない
(個人ページが表示されないようにしている)
code:style.css
display: none !important;
}
code:style.css
/* ページリストに表示されるアイコンをカード内に収める */
.grid li.page-list-item a .header {
padding-bottom: 0;
margin-bottom: 1%;
overflow: hidden;
padding: 7px 5px !important;
height: 50%;
}
.grid li.page-list-item a .icon {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 5px;
height: 50%;
}
.grid li.page-list-item a .icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
code:style.css
/* <ruby>相当 */
.line:not(.cursor-line) .deco-\# {
display: inline-flex;
flex-direction: column-reverse;
vertical-align: bottom; /* Chrome 108で表示が乱れる場合の対応 */
}
/* <rb>相当 */
.line:not(.cursor-line) .deco-\# > span:nth-child(1) {
display: inline-flex;
justify-content: space-around;
width: 100%;
}
/* <rt>相当 */
.line:not(.cursor-line) .deco-\# > span:nth-child(2) {
line-height: 0;
font-size: 50%;
}
/* <rt>相当 */
.line:not(.cursor-line) .deco-\# > span:nth-child(2) > a {
display: inline-flex;
justify-content: space-around;
width: 100%;
pointer-events: none;
}
新規作成ボタンを消す
code:style.css
.new-button { /* 新規ボタンを消す */
visibility: hidden;
}
そのかわりにサクるボタンを用意する
code: style.css
.btn-search svg {
display: none !important;
}
.btn-search {
background-size: 100% !important;
}
これ要らなくなったカモ
code:style.css__
/* プロジェクトTOPへのリンクと周辺パーツを強引にnavbarに移動 */
/* ※次のnavbar固定と同時に使う必要がある */
@media screen and (min-width: 768px) {
.quick-launch .project-home {
position: fixed; top: 0px; left: calc((100% - 1080px)/2); z-index: 990 }
/*.page { padding-top: 0 }*/ }
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home { left: 65px } }
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home { left: 80px } }
@media screen and (min-width: 1261px) {
.quick-launch .project-home { left: calc((100% - 1260px)/2 + 80px) } }
navbarの場所固定
これも要らなくなった?
code: style.css___
.navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset; color: #fff; } タイトルを白く
これも要らないかも
code:style.css___
.title {
}
codeblockのフォントを小さくする
code:style.css
.line span.code-block {
line-height: 1.2em;
font-size: 88%;
}
code:style.css
.search-form .form-group input:focus {
background-color: rgba(120,120,120, 0.0) !important;
/*検索入力枠の背景色*/
}
左上のロゴを設定
code:style.css
.brand-icon {
width: 30px;
height: 30px;
background-image:var(--logo-url);
background-size:cover;
background-repeat:no-repeat;
/* border-radius: 50%; */
svg {display: none;}
}