「テンプレート:Post/styles.css」の版間の差分
編集の要約なし |
編集の要約なし |
||
| (同じ利用者による、間の1版が非表示) | |||
| 40行目: | 40行目: | ||
padding: 8px 12px; | padding: 8px 12px; | ||
white-space: pre-wrap; | white-space: pre-wrap; | ||
word-wrap: break-word; | |||
word-break: break-word; | |||
overflow-wrap: break-word; | |||
font-size: .95em; | font-size: .95em; | ||
line-height: 1.7; | line-height: 1.7; | ||
| 51行目: | 54行目: | ||
padding: 0; | padding: 0; | ||
white-space: normal; | white-space: normal; | ||
word-wrap: break-word; | |||
word-break: break-word; | |||
} | } | ||
blockquote *{ | blockquote *{ | ||
| 61行目: | 66行目: | ||
/* ===== レスホバープレビュー ===== */ | /* ===== レスホバープレビュー ===== */ | ||
#f-hover-popup{ | #f-hover-popup{ | ||
max-height: 300px; | |||
max-width: 480px; | |||
overflow-y: auto; | |||
overflow-x: hidden; /* ← 追加 */ | |||
padding: 2px; | |||
word-wrap: break-word; /* ← 追加 */ | |||
} | } | ||
#f-hover-popup .f-post{ | #f-hover-popup .f-post{ | ||
| 74行目: | 82行目: | ||
font-weight: bold; | font-weight: bold; | ||
text-decoration: none; | text-decoration: none; | ||
word-break: keep-all; | |||
white-space: nowrap; | |||
} | } | ||
.f-content a[href^="#post-"]:hover{ | .f-content a[href^="#post-"]:hover{ | ||
text-decoration: underline; | text-decoration: underline; | ||
color: #d33; | color: #d33; | ||
} | |||
/* ===== モバイル対応 ===== */ | |||
@media (max-width: 768px) { | |||
.f-content { | |||
font-size: .9em; | |||
padding: 6px 10px; | |||
} | |||
.f-content a { | |||
word-break: break-all; | |||
overflow-wrap: anywhere; | |||
} | |||
.f-header { | |||
font-size: .85em; | |||
padding: 3px 6px; | |||
} | |||
.f-date { | |||
font-size: .8em; | |||
} | |||
} | } | ||