daydream XX.XX.XX 更新履歴 ここは非公式サイトです。などサイトの説明文。 等サイトはリンクフリーです。 url:https://xxx.xxx.jp master:〇〇 長編 長編タイトル / 〇〇 短編 短編タイトル / 〇〇 短編タイトル / 〇〇 短編タイトル / 〇〇 必要最低限な感じのCFカラーのテンプレートです。 これは天峰のサンプルになります。 素材の再配布禁止。CSSの該当部分を下記のカラーに変更してください。 #029DF7 #C2F733 #EA202C CSS @charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap'); body{ color: #1f224a; font-size:12px; letter-spacing:2px; line-height:2; font-family: "Noto Sans JP", sans-serif; background-color: #ffffff; } article{ width: 85%; max-width: 600px; margin: 10% auto; margin-bottom: 20%; } .box{ color: #000; justify-content: center; align-items: center; display:flex; flex-flow: column; } .box2{ width: 700px; padding: 10px; font-size: 12px; margin-top: 20px; } .container { display: flex; align-items: center; margin: 0 auto 20px auto; } .ttl { margin-left: 15px; line-height: 1.5; font-size: 20px; } p{ margin: 20px auto; } /* リンク */ a { padding: 0.1em 0.3em; position: relative; display: inline-block; transition: .3s; color: #029DF7; text-decoration: none; } a:hover { color:#fff; } /* 装飾 */ hr { height: 0; margin: 50px auto 50px auto; padding: 0; border: 0; width: 200px; border-top: 1px solid #000; } mark{ color: #fff; background-color: #029DF7; padding: 0.5em; } input{ background-color: transparent; color: #000; font-size: 12px; border: solid 1px #151515; } small{ text-align: center; } /* メディアクエリ */ @media screen and (max-width:768px){ body{font-size:11px; letter-spacing:1.8px;} .box2{width: 80%; } } HTML daydream|elude title XX.XX.XX 更新履歴 内容