サイト制作メモ（F+向け）

CSS：日記デザイン

※「ブログ」形式と併用不可
※「追記」未調整

.diary_list h3,
.diary_list ul li h4,
.weekday,
.time,
.diary_page_title h3 {
display: none; /*タイトル、曜日、時間を非表示*/
}
.diary_list ul li {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.diary_list .tweet_content {
order: 0;
flex-basis: 100%;
}
.diary_list .label_category {
order: 1; /*カテゴリを1番目に表示*/
}
.diary_list .date {
order: 2; /*日付を2番目に表示*/
}
.diary_list small {
order: 3; /*コメントを3番目に表示*/
}
.diary_list ul li,
#diary_page .entry_text,
.search select option,
.search button.btn {
background: #eee; /*背景色*/
}
.diary_list ul li,
#diary_page .entry_text {
border-radius: 6px; /*背景色角丸*/
}
.diary_list ul li {
border: 0;
padding: 25px 20px 5px 20px;
margin-bottom: 20px;
}
.tweet_text {
padding: 0 0 10px 0;
}
#diary_page .entry_text {
border: 0;
padding: 30px 20px;
margin: 10px 0;
}
.entry_image img {
margin: 15px 0 0 0;
border-radius: 15px; /*画像角丸*/
}
.diary_list .date,
.diary_page_title .date,
.label_category,
.diary_list small {
font-size: 0.75rem;
color: #555; /*投稿フッター文字色*/
line-height: 1;
margin: 0;
padding: 0;
}
.label_category {
background: transparent; /*カテゴリ背景色透明化*/
margin: 0 5px 0 0;
border: 0;
}
.diary_list small {
margin: 0 0 0 5px;
}
.label_category::before {
content: "#"; /*カテゴリ名に#をつけてタグ風*/
}

CSS：小説本文に背景色

.novel .novel_text {
background: #eee; /*背景色*/
border: 0;
border-radius: 6px; /*角丸*/
padding: 30px 20px;
margin: 10px 0;
}

CSS：小ネタ

ナビゲーション（オーバーレイ）固定：
nav.navi_1 {
position: fixed;
}

ナビゲーション（スライドタイプ）固定：
.nav_icon {
position: fixed;
}

DMテキストエリアを広く：
#fid_dm_body {
height: 10em;
}

スキ！テキストエリアを広く：
#fid_ch_comment {
height: 10em;
}

マイページスキ！/DMアイコン色変え：
.main .top_icons i {
color: #000; /*色*/
}

小説ページスキ！/しおりアイコン色変え：
.btn2.btn_like i,
.btn2.btn_bookmark i {
color: #000; /*色*/
}

公式FAQ：
クッションページから退室ボタンを消す方法
「続きを読む」で折りたたまないようにしたい