settings
全体
背景・文字
code:style.css
body {
font-family: '游ゴシック', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'Yu Gothic', san-serif;
animation: show 1s cubic-bezier(.42,0,.58,1) 0.5s 1 normal both;
}
@keyframes show {
0% { opacity: 0; }
100% { opacity: 1; }
}
/*文字*/
.line.section-title {
font-size: 120%;
}
.line.line-title .text {
font-size: 150%;
font-weight: 480;
padding-bottom: 0px;
margin-bottom: 8px;
}
/*リンク、ハッシュタグ*/
a.page-link {
font-size: 90%;
margin: 0 4px;
padding: 2px 4px;
}
.line a.empty-page-link { color: #888; } /*カーソル*/
.cursor svg rect { fill: gray; }
/*プロジェクトタイトル*/
.quick-launch .project-home, .quick-launch .project-home .title {
font-size: 36px;
padding: 0px 4px;
}
/*画像*/
.line img {
filter: drop-shadow(4px 4px 8px rgba(0,0,0,1));
}
リスト
code:style.css
/*item共通*/
.grid li.page-list-item a {
animation: page-list-item-frame-off 0.2s ease-in-out 0s 1 normal forwards;
}
.grid li.page-list-item a .hover {
background-color: rgba(0, 0, 0, 0);
}
animation: page-list-item-frame-on 0.2s ease-in-out 0s 1 normal forwards;
}
@keyframes page-list-item-frame-on {
0% { box-shadow: var(--card-box-shadow, 2px 2px 6px rgba(0,0,0,0.9)); }
100%{ box-shadow: var(--card-box-shadow, 6px 6px 10px rgba(0,0,0,0.9)); }
}
@keyframes page-list-item-frame-off {
0% { box-shadow: var(--card-box-shadow, 6px 6px 10px rgba(0,0,0,0.9)); }
100%{ box-shadow: var(--card-box-shadow, 2px 2px 6px rgba(0,0,0,0.9)); }
}
/* header */
.grid li.page-list-item a .header {
border: silver solid;
border-width: 0 0 1px 0;
}
.grid.grid-md li.page-list-item a .header {
border: silver solid;
border-width: 0 0 1px 0;
}
.grid.grid-lg li.page-list-item a .header {
border: silver solid;
border-width: 0 0 1px 0;
}
/* title */
.grid li.page-list-item a .title {
}
/* description */
.grid li.page-list-item a .description {
color: silver;
}
/* tool button */
.page-sort-menu .tool-btn {
}
/* item.pin */
.grid li.page-list-item a .pin {
background-color: transparent;
background-image: none;
}
.grid li.page-list-item a .pin::after {
content: '_'; font-family: 'Yu-Gothic'; font-size: 10px; color: #eee; bottom: 0; display: inline-block;
}
.grid li.page-list-item.pin a .content .description {
display: none;
}
.grid li.page-list-item a .icon {
margin: auto;
filter: drop-shadow(2px 2px 2px rgba(0,0,0,.9));
}
code:style.css
display: none;
}
display: none;
}
.page-list .grid li.page-list-item:not(.pin) {
display: none;
}
display: none;
}
ページ
コードブロック
code:style.css
/*背景色*/
.line span.code-block { background-color: #222; } .line span.code-block .code-block-start { background-color: #c6f7ff; } /*syntax highlight*/
.line code {
color: silver;
}
.hljs-keyword, .hljs-selector-tag, .hljs-addition {
}
.hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class {
}
.hljs-attribute, .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-class .hljs-title, .hljs-type {
}
.hljs-symbol, .hljs-bullet, .hljs-subst, .hljs-meta, .hljs-meta .hljs-keyword, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-link {
}
.hljs-number, .hljs-string, .hljs-meta .hljs-meta-string, .hljs-literal, .hljs-doctag, .hljs-regexp {
}
.line strong.level { color: #111; font-weight: 600; } ナビゲーションバー
code:style.css
.navbar {
margin-bottom: 14px;
}
/*検索窓*/
.search-form .form-group input { background-color: #fff; } .search-form .form-group input:focus {
}
.search-form .form-group {
border: solid;
border-width: 0 0 1px 0;
border-color: black;
}
/*追加ボタン*/
a.new-button {
/*border: 1px solid gray;*/
}
}
}
.navbar-brand img, .navbar-brand span { display: none !important }
.navbar-brand::before {
content: '\f0c9'; font-family: FontAwesome; font-size: 28px; color: #333; } code:style.css
/* はりつくメニューバー */
@media screen and (min-height: 600px) and (min-width: 768px) {
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;
}
code:style.css
/* スリムなテロメア */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box; border-color: #fefefe } .line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {
box-sizing: border-box; width: auto;
border-color: #8f9899; background-color: transparent } /* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
background-color: gray;
width: 2px;
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
background-color: silver;
width: 3px;
}
行頭の中黒を消す
code:style.css
.line .dot { display: none !important; }
ステータスバー非表示
code:style.css
.status-bar {
display: none;
}