settings
code:style.css
@import "../外部リンクをファビコンに置き換える記法/style.css";
@import "../特定のページを非表示にするUserCSS/style.css";
@import "../電光掲示板UserCSS/style.css";
@import "../特定のページの色だけを変更するUserCSS/style.css";
@import "../中央寄せ記法UserCSS/style.css";
@import "../付箋UserCSS/style.css";
@import "../フキダシ記法UserCSS/style.css";
code:style.css
@import "../サムネデザインをいい感じにするUserCSS/style.css";
@import "../ピン止めのカードをいい感じにするUserCSS/style.css";
@import "../infoboxカスタムUserCSS/style.css";
code:style.css
display:none;
}
code:style.css
@import "../画像を並べるUserCSS/style.css"
参加リンクのQRコードをエディター部分の末尾に挿入
code:style.css
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
white-space:pre-wrap;
display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;
border: solid #0003; border-width: 1px 0; font: 500 normal 1.8rem/1 sans-serif; color: white;
}
code:検討中.css
/* ピン留めされたページを独立した段に表示する */
clear: both;
}
色
code:_style.css
:root{
/* ページ */
/* --- コード --- */
/* --- ヘッダー --- */
--tool-text-color: #E6E6E6; /* プロジェクト名 */ --new-button-bg: transparent; /* 新規作成ボタン ↓ */
--new-button-hover-bg: transparent;
--new-button-active-bg: transparent;
--new-button-vertical-color: #E6E6E6; /* ↑ */ --search-form-icon-color: #E6E6E6; /* 🔍 */ --search-form-text-color: #E6E6E6; /* 検索の文字 */ --navbar-icon-hovered-color: #26282F; /* ^:hover */ --telomere-updated: #ffb186; /* テロメア編集 */ --telomere-unread: #ffb48c; /* テロメア未読 */ /* --- 関連ページ ラベルデザイン --- */
--relation-label-text:#e2efff;
}
.navbar .navbar-menu>li>a:hover,.navbar .navbar-menu>li>a:active,.navbar .navbar-menu>li>a:focus{color: #000;} .dropdown-menu>li>a.selected, data-hover-visible .dropdown-menu>li>a.selected{ /* ソートメニュー */ /*--- グローバルメニュー ---*/
.global-menu li a.updated, .global-menu li a.highlight{
}
.global-menu .project-list-filter a:focus-within, .drawer .drawer-menu ul .project-list-filter a:focus-within{
}
ページ
デザイン
code:style.css
.page{box-shadow:none;}
.line.line-title .text{
text-align: center;
font-weight: bold;
letter-spacing: 0.06em;
text-indent: 0.06em;
}
画像、動画、youtube
code:style.css
.line img.image,.video-player video,.iframe-video-player iframe{
border-radius: 8px;
}
動画
code:style.css
.video-player video{
max-height: 360px;
}
アイコンデザイン
code:style.css
.line img.icon {
border-radius: 2px;
margin-left: 2px;
transform: translateY(2px);
}
フォント変更
code:style.css
font-family:'Zen Kaku Gothic New',"YuGothic",'Yu Gothic',"游ゴシック体","游ゴシック","Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", "sans-serif","Electrolize";}
画像をでっかくする
code:style.css
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }