.quick-launch .right-box { display: none; } .quick-launch .private-badge { display: none; } .unread { border-color: #333 !important; } div.page { opacity: 0.93; } li.page-list-item { opacity: 0.93; } span.code-block { line-height: 20px; font-size: 88%; } .line span.code-block .code-block-start { background-color: #ccc; } .line span.code-block .code-block-start a { color: #555; } /* #で始まるタグをラベル風にする */ a[type="hashTag"]{ display: inline-block; padding: 2px 8px; margin: 0 8px 10px 0; background: #fff; color: #f27e48; font-size: 0.8em; border: 1px solid #f27e48; border-radius: 3px; transition: .3s; -webkit-transform: scale(1); transform: scale(1); } a[type="hashTag"]:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); } .new-button { /* 新規ボタンを消す */ visibility: hidden; } /* 1. Scrapboxアイコンをバーガーアイコンに置き換え */ .brand-icon { display: none !important } .navbar-brand::before { content: '\f0c9'; font-family: FontAwesome; font-size: 28px; color: #bbbbbb; } .navbar-default { /* 検索フォームの色 */ background-color: #aaa; } form { /* 検索フォームの枠 */ border:1px #ddd solid; } /* はりつくメニューバー */ /* @media screen and (min-height: 600px) and (min-width: 768px) { */ @media screen { body:not(.presentation) { padding-top: 90px; padding-right: 0 !important } body: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 } } /* プロジェクトTOPへのリンクと周辺パーツを強引にnavbarに移動 */ /* ※次のnavbar固定と同時に使う必要がある */ @media screen and (min-width: 768px) { .quick-launch .project-home { position: fixed; top: 7px; 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) } }