テンプレート:Post/styles.css

.f-post{
	width: 100%;
	margin-bottom:8px;
}
.f-header{
	display: flex;
	padding: 0 5px;
	background: #DDDDDD;
	border: 2px solid #BBBBBB;
	border-radius: 3px 3px 0 0;
	font-weight: bold;
}
.f-number-text{
	color:#000000;
}
.f-user-text{
	margin-left:7px;
	color:green
}
.f-date{
	margin-left: auto;
}
.f-content{
	border:2px solid #BBBBBB;
	border-radius:0 0 3px 3px;
	padding: 0 5px;
	white-space: pre-wrap;
}
.f-content p{
	display: inline;
	margin: 0;
	padding: 0;
	white-space: normal;
}
blockquote *{
	white-space: pre !important;
}
ol, ul, dd{
	white-space: normal;
}
/* ===== レスホバープレビュー ===== */
#f-hover-popup{
    max-height: 300px;
    overflow-y: auto;
    padding: 2px;
}
/* ポップアップ内の投稿は通常表示と同じスタイルを継承するが
   margin-bottomを詰めてコンパクトに見せる */
#f-hover-popup .f-post{
    margin-bottom: 0;
}
/* >>>N リンクを5chライクに強調 */
.f-content a[href^="#post-"]{
    color: #0645ad;
    font-weight: bold;
    text-decoration: none;
}
.f-content a[href^="#post-"]:hover{
    text-decoration: underline;
    color: #d33;
}