diff --git a/src/csslist.html b/src/csslist.html index 6a25a9d..6181a9f 100644 --- a/src/csslist.html +++ b/src/csslist.html @@ -13,6 +13,9 @@

一覧 (新着順)

+
Night Style
+
2024-01-03 (陰暦11月22日)
+
黑を基本とした汎用的な CSS
Zote Style
2024-01-01 (陰暦11月20日)
某ウェブサイトを眞似した CSS 第二段
diff --git a/src/index.html b/src/index.html index 1a58c2b..2aed396 100644 --- a/src/index.html +++ b/src/index.html @@ -21,7 +21,7 @@
ウェブリング (リンク集)
2023-12-15 (陰暦11月03日)
美々のCSS素材集
-
2024-01-01 (陰暦11月20日)
+
2024-01-03 (陰暦11月22日)

2. 文章

diff --git a/src/styles/night.css b/src/styles/night.css new file mode 100644 index 0000000..7722e4a --- /dev/null +++ b/src/styles/night.css @@ -0,0 +1,142 @@ +/* Night Style, 2024-01-03 */ +html, body, +h1, h2, h3, h4, h5, h6, +blockquote, p, pre, +br, cite, code, em, hr, kbd, samp, strong, var, +a, +dl, dt, dd, ol, ul, li, +img + { + border: 0 solid #7d7d7d; + font-size: 100%; + font-style: normal; + font-weight: inherit; + margin: 0; + padding: 0; + } + +body + { + background: #2b2b2b; + color: #f3f3f3; + margin: 1em 2.5em 3em; + line-height: 1.5; + } + +h1, h2, h3, h4, h5, h6 + { + font-weight: bold; + } + +h1 + { + font-size: 200%; + border-width: 0 0 medium; + margin-bottom: 0.5em; + padding-bottom: 0.125em; + line-height: 1.25; + } + +h2, h3 + { + font-size: 150%; + margin-bottom: 0.66em; + padding-top: 0.66em; + line-height: 1.25; + } + +h2 + { + border-width: medium 0 thin; + padding-bottom: 0.165em; + } + +h3 + { + border-width: thin 0 0; + } + +h4 + { + font-size: 112.5%; + line-height: 1.5; + margin-bottom: 0.89em; + } + +h5 + { + margin-bottom: 1em; + } + +h6 + { + font-style: italic; + } + +dl, ul, ol, p, pre + { + margin-bottom: 1em; + } + +blockquote, ul, ol, +dd + { + padding-left: 2em; + } + +blockquote + { + border-width: 0 0 0 medium; + } + +ul + { + list-style: disc; + } + +strong, var + { + color: #f09199; + background: none; + } + +cite, +dt, +em, +samp kbd + { + font-weight: bold; + } + +pre, +code, samp, kbd + { + background: none; + color: #a0d8ef; + } + +hr + { + border-width: 0 0 thin; + padding-top: 1px; /* netsurf */ + margin-bottom: 1em; + } + +img + { + border: thin solid; + font-style: italic; + vertical-align: bottom; + } + +a + { + background: none; + color: #deb068; + text-decoration: underline; + } + +a:hover + { + text-decoration: none; + } diff --git a/src/styles/night.html b/src/styles/night.html new file mode 100644 index 0000000..c4927db --- /dev/null +++ b/src/styles/night.html @@ -0,0 +1,132 @@ + + + + + +Night Style - 美々のCSS素材集 + + +

Night Style

+ +

黑を基本とした汎用的な CSS です。

+ + + +

記述見本

+ +

以下、見本です。

+ +

リスト

+ +

リストは次の通りです。

+ +

順序なしリスト

+ + + +

順序つきリスト

+ +
    +
  1. 朝起きる
    2. +
  2. 寢坊する
    3. +
  3. 急いで +
      +
    1. 着替へる
      2. +
    2. 出掛ける
      3. +
    +
+ +

定義リスト

+ +
+
林檎
+
赤い果物
+
キウイフルーツ
+
マタタビ
+
酸つぱい果物
+
ネコを寄せつける
+
梨
+
林檎に似た果物 +
+
洋梨
+
西洋の梨
+
+
+
+ +

引用

+ +

ブロック引用

+ +
+

This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission.

+
+ +

言及

+ +

GNUプロジェクトのウェブサイトによると GNU の撥音はヌーではなくグヌーです。

+ +

色々な要素

+ +

強調

+ + + +

計算機關聯

+ + + +

整形濟みテキスト (PRE) は次の通りです。

+ +
$ script=hello.sh
+$ cat $script
+#!/bin/sh
+hello() {
+  echo Hello, $1.
+}
+hello World
+ +

微妙な要素

+ +
内容の區切り
+ +

内容の區切りは次の通りです。

+ +
+ +

使用法がわかりません。

+ +
H5 見出し
+ +

筆者は HTML で H5 や H6 を殆ど使用しません。

+ +
H6 見出し
+ +

ところで、H7 要素が存在しない。

+ +

附加情報

+ + \ No newline at end of file