/suto3/UserCSS:クリスマスモード

generated at 2/11/2025, 10:14:18 AM
UserCSS:クリスマスモード
style.css@import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */
:root {
  --main-color: var(--navbar-bg, DarkGray);         /* 主調色 */
  --assort-color: var(--card-bg, white);            /* 従属色 */
  --base-color: var(--body-bg, WhiteSmoke);         /* 背景色 */
  --accent-color: var(--cursor-color, green);       /* 強調色 */
  --text-color: var(--page-text-color, black);      /* 文字色 */
    
  /* 1 ナビバーのアイコン（グローバルメニュー） */
  --navi-icon: url('/api/pages/suto3/クリスマス/icon'); /* クリスマス */
  --navi-icon-B: url('/api/pages/suto3/star-01/icon'); /* ビーバー君 */
  --navi-icon-C: url('/api/pages/suto3/star-02/icon'); /* ビーバー君 */
        
  /* 2 ブロジェクトホームのアイコン */
  --project-home-icon: url('/api/pages/suto3/star-02/icon'); /* ビーバー君 */
  --project-home-icon-B: url('/api/pages/suto3/star-02/icon'); /* ビーバー君 */
    
  /* 3 背景画像 */
  --project-bg-image: url("https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png"); /* ビーバー君 */
    
  /* 4 ページの背景画像 */
  --page-bg-image: url('/api/pages/suto3/star-03/icon'); /* ビーバー君 */
  /* 5 ページのヘッダー画像 */
  --page-header-image: url('/api/pages/suto3/クリスマス/icon'); /* ビーバー君 */
  /* 6 ページのフッター画像 */
  --page-footer-image: url('/api/pages/suto3/星/icon'); /* ビーバー君 */
  /* 7 ページタイトルのアイキャッチ */
  --eye-chacher: url('/api/pages/suto3/星/icon'); /* ビーバー君 */
}

style.css   body {   
  --li-color-1: hsla(60,100%,45%,0.8);
  --li-color-2: hsla(45,100%,45%,0.8);
  --li-color-3: hsla(30,100%,45%,0.8);
  --li-color-4: hsla(15,100%,45%,0.8);
  --li-color-5: hsla(0,100%,45%,0.8);

   --navbar-link-color: var(--assort-color, white);
   --new-button-bg: var(--assort-color, white);
   --relation-label-bg: var(--assort-color, white);
      
   --body-headings-color: var(--main-color, pink);
   --card-title-bg: var(--main-color, pink);
   --new-button-horizontal-color: var(--main-color, pink);
   --new-button-vertical-color: var(--main-color, pink);

   /* --page-link-color: #6e8af3; /* */
   /* --empty-page-link-color: #309b98; /* */
 }

style.css.line .indent-mark .dot::before {
  display: block;
  position: absolute;
  right: -5px;
  top: -10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 6px;
  /* content: '\f00c'; /* チェックマーク */
  /* content: '\f068'; /* マイナス記号 */
  /* content: '\f10c'; /* まる */
  /* content: '\f111'; /* まる */
  /* content: '\f0c8'; /* 四角 */
  /* content: '\f096'; /* 四角 */
  /* content: '\f140'; /* 二重丸　*/   
  content: '\f005'; /* スター:クリスマス用 */
  /* content: '\f1b0'; /* 肉球:猫の日用 */
  /* content: '\f1fd'; /* バースデーケーキ　*/   
  color: var(--li-color-0);
}
.line .indent-mark .dot {
  background-color: transparent;
}

style.css.line.number-list .dot::before {
  /* content: '\f292'; /* # */
  content: '\f2dc'; /* 雪 */
}

メリークリスマス
メリークリスマス
メリークリスマス
メリークリスマス
メリークリスマス
メリークリスマス
メリークリスマス

1. メリークリスマス
2. メリークリスマス
3. メリークリスマス


UserCSS:痛モード

#Scrapbox
#UserCSS