information
暗い青緑のセットです。ソースまでスクロール
section
class="box"を付けると四隅にかぎ括弧風の装飾が付きます。
空要素を減らしたかったので、左右ボーダー+高さ1pxのグラデーション画像を組み合わせてそれっぽく見せています。気になる方は改変をおすすめします。
12/23
かぎ括弧を上下二つにした改変バージョンも作りました。headを丸々差し替えてお使いください。
①:root直下の.box::before,.box::after周辺と、②@media (max-width:850px)内を変更しています。変更箇所はそれぞれこんな感じです。
①
②
PC
ナビゲーションの高さの半分までスクロールで複製ナビゲーションが右から出現します。
source & image
source code
PC
zipファイルをダウンロード
(内容ファイル:以下の物すべて+リセットCSS)
head
body
image
main
favicon
novel