settings - Geek-space

settings

code:style.css

/*@import "https://scrapbox.io/api/code/blu3mo-public/箇条書きを控えめにするCSS/style.css";*/

@import "https://scrapbox.io/api/code/blu3mo-public/コードの行番号を表示するCSS/style.css";

@import "https://scrapbox.io/api/code/blu3mo-public/画像のサイズを調整するCSS/style.css";

@import "https://scrapbox.io/api/code/blu3mo-public/Streamにアクセスするボタン/style.css";

@import "https://scrapbox.io/api/code/customize/テーブルの見た目をカスタマイズ/style.css";

@import "https://scrapbox.io/api/code/customize/インデントレベルをわかりやすくする/style.css";

@import "https://scrapbox.io/api/code/customize/外部リンクを区別するUserCSS/style.css";

/*@import "https://scrapbox.io/api/code/customize/ピン留めされたページを独立した段に表示する/style.css";*/

@import "../外部リンクをファビコンに置き換える記法/style.css";

@import "../特定のページを非表示にするUserCSS/style.css";

@import "../電光掲示板UserCSS/style.css";

@import "../特定のページの色だけを変更するUserCSS/style.css";

/*　@import "https://scrapbox.io/api/code/blu3mo-public/関連ページ一覧を横に移動させる/style.css"; */

@import "https://scrapbox.io/api/code/scrasobox/のびのびドロップダウン/style.css";

@import "../中央寄せ記法UserCSS/style.css";

@import "../付箋UserCSS/style.css";

@import "../フキダシ記法UserCSS/style.css";

中央寄せ記法UserCSS

特定のページを非表示にするUserCSS

電光掲示板UserCSS

/work4aiから拝借して弄ってるもの

サムネデザインをいい感じにするUserCSS

ピン止めのカードをいい感じにするUserCSS

code:style.css

@import "../サムネデザインをいい感じにするUserCSS/style.css";

@import "../ピン止めのカードをいい感じにするUserCSS/style.css";

@import "../infoboxカスタムUserCSS/style.css";

UserCSSページを非表示に

code:style.css

.grid lidata-page-title*="UserCSS"{

display:none;

}

/nomadoor-portfolioから拝借して弄ってるもの

code:style.css

@import "../画像を並べるUserCSS/style.css"

参加リンクのQRコードをエディター部分の末尾に挿入

code:style.css

/* 本文の最後にテキスト挿入 */

.app:not(.presentation) .page::after {

content:'GeekSpaceに参加する\A\A'URL(https://scrapbox.io/files/65557cc3bed343001b6ea565.png);

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

/* ピン留めされたページを独立した段に表示する */

.page-list-item.pin + .page-list-item:not(.pin), .page-list-item.pin + .page-list-itemstyle*='display: none;' {

clear: both;

}

色

code:_style.css

:root{

--body-bg: #141920; /* 全体背景 */

--cursor-color: #719DDC;

/* ページ */

--page-bg: #26282F;

--page-text-color: #E6E6E6;

--line-title-color: #E6E6E6;

/* --- コード --- */

--code-bg: #141920; /* 背景 */

--code-color: #E6E6E6;

/* --- ヘッダー --- */

--navbar-bg: #26282F; /* ヘッダー背景 */

--tool-text-color: #E6E6E6; /* プロジェクト名 */

--new-button-bg: transparent; /* 新規作成ボタン ↓ */

--new-button-hover-bg: transparent;

--new-button-active-bg: transparent;

--new-button-horizontal-color: #E6E6E6;

--new-button-vertical-color: #E6E6E6; /* ↑ */

--search-form-bg: #555555; /* 検索画面 */

--search-form-icon-color: #E6E6E6; /* 🔍 */

--search-form-text-color: #E6E6E6; /* 検索の文字 */

--navbar-icon-color: #f55600; /* ^ */

--navbar-icon-hovered-color: #26282F; /* ^:hover */

--navbar-icon-active-color: #E6E6E6;

--telomere-updated: #ffb186; /* テロメア編集 */

--telomere-unread: #ffb48c; /* テロメア未読 */

/* --- 関連ページラベルデザイン --- */

--relation-label-bg: #26282F;

--relation-label-empty-bg: #000a2d;

--relation-label-links-bg: #26282F;

--relation-label-text:#e2efff;

--relation-label-empty-text: #fcfdff;

--relation-label-links-text: #e2efff;

--card-description-code-color: #e2efff;

}

.navbar .navbar-menu>li>a{ color: #f55600;}

data-hover-visible .new-button:hover{ /* 新規作成ボタン:hover */

--new-button-horizontal-color: #ffb48c;

--new-button-vertical-color: #ffb48c;}

.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{ /* ソートメニュー */

color: #f55600;}

/*--- グローバルメニュー ---*/

.global-menu li a.updated, .global-menu li a.highlight{

border-left: 2px solid #f55600;

}

.global-menu .project-list-filter a:focus-within, .drawer .drawer-menu ul .project-list-filter a:focus-within{

box-shadow: 0 0px 0px 3px #b37e7e;

}

ページ

デザイン

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;

border: 1px solid ##26282F;

}

動画

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

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Electrolize&family=Noto+Sans+JP:wght@100..900&display=swap');

html, body, #editor, .grid li{

font-family:'Zen Kaku Gothic New',"YuGothic",'Yu Gothic',"游ゴシック体","游ゴシック","Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳＰゴシック", "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; }