settings
https://gyazo.com/5ed300ba891cc9553ca3d89c4933e566
特定のページを非公開に
code:style.css
display: none;
}
/*
display: none;
}*/
code:style.css
body,
.page {
box-shadow: unset; }
.navbar-default { background-color: rgba(255,255,255,.3); border-bottom: 1px solid rgba(0,0,0,.067) }
.navbar-default:hover { background-color: rgba(255,255,255,.8); }
.navbar .navbar-brand .icon-arrow-down { display: none }
.search-form .form-group input { border: 1px solid rgba(0,0,0,.13) }
.search-form .form-group button { color: rgba(0,0,0,.13) }
.navbar-default .visible-xs .navbar-form { border-color: rgba(0,0,0,.067) }
.navbar .navbar-menu>li>a.mobile-search-toggle { color: rgba(0,0,0,.33) }
.navbar-form { flex-flow: row-reverse }
.new-button { margin-left: 10px; margin-right: 0 }
メニューバー
code:style.css
/* 検索ボックス右寄せ */
.navbar .row .col-menu { width: unset }
/* プロジェクトTOPへのリンクと周辺パーツを強引にヘッダーエリアに移動 */
/* ※次のヘッダー固定と同時に使う必要がある */
@media screen and (min-width: 768px) {
.quick-launch {
position: fixed; top: 5px; left: calc((100% - 1080px)/2); z-index: 990 }
.page { padding-top: 0 } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
.quick-launch { left: 80px } }
/* はりつくメニューバー */
@media screen and (min-height: 600px) and (min-width: 768px) {
.app:not(.presentation) { padding-top: 90px; padding-right: 0 !important }
.app:not(.presentation) .page-menu { position: fixed; top: 90px }
.navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset }
.dropdown.open .dropdown-menu {
position: absolute; left: auto; top: auto;
max-height: calc(100vh - 100px); overflow-y: auto }
.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }
.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 } }
code:style.css
/* テロメア */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
border-color: rgba(32,196,255,0.1);
}
.line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
border-color: rgba(32,196,255,0.1);
background-color: transparent
}
フォント
code:style.css
@media screen {
/* 本文のフォント設定: 文字サイズ */
.app:not(.presentation) .editor { font-size: 110% }
/* 本文のフォント設定: 文字詰め */
.line .text:not(.code-block) { font-feature-settings: "pwid" }
/* 本文のフォント設定: 行間 */
.app:not(.presentation) .line .text:not(.code-block) { line-height: 1.8 }
.line .indent-mark .dot { top: calc(100% - .2em) }
/* ページタイトルのフォント設定と罫線 */
.app:not(.presentation) .line.line-title .text {
font-size: calc(1.2vw + 2rem); font-weight: 600; line-height: 1.2 !important;
border-bottom: 2px solid rgba(32,196,255,.2); padding-bottom: 1rem } }
アイコン変更
code:style.css
.navbar-brand::before {
content: '';
width: 40px;
height: 40px;
position: absolute;
background-size: cover;
}
code:style.css
.hover{
background-color: #FFF !important; background: linear-gradient(135deg, rgba(155,230,256,.4) 30%,#e8ffcc 150%);
box-shadow: none;
}
ul.grid li.page-list-item a .header{
border-top: 0px;
background: linear-gradient(135deg, rgba(155,230,256,.4) 30%,#e8ffcc 200%);
}
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 {
border: none;
}
.grid li.page-list-item a .pin{
background-color: transparent;
background-image: none;
font-size: 0px;
}
.grid li.page-list-item a {
box-shadow: none;
}
.grid li.page-list-item a .header {
padding: 5px;
}
.grid li.relation-label a {
border: 3px solid;
}
.grid li.relation-label .arrow {
border-color: transparent transparent transparent #20c4ff; }
.grid li.relation-label.links a {
}
.grid li.relation-label.links .arrow {
border-color: transparent transparent transparent #56bc8a; }
.grid li.relation-label.empty-links a {
}
.grid li.relation-label.empty-links .arrow {
border-color: transparent transparent transparent #F2992E; }
ハイライト
code:style.css
.selection{
}
code:style.css
/* 行内の画像を左寄せにする */
.line .text, .stream .line { clear: both; overflow: hidden }
.line img.image { float: left; margin-right: .5em }
.stream .line img.image { float: none; margin-right: 0 }
参照