「テンプレート:Post/styles.css」の版間の差分

← 古い編集新しい編集 →

@@ 1行目: / 1行目: @@
 .f-post{
 	width: 100%;
-	margin-bottom:8px;
+	margin-bottom: 16px;
+	border-radius: 4px;
+	box-shadow: 0 1px 3px rgba(0,0,0,.1);
 }
 .f-header{
 	display: flex;
-	padding: 0 5px;
+	align-items: center;
-	background: #DDDDDD;
+	padding: 4px 8px;
-	border: 2px solid #BBBBBB;
+	background: #e8e8e8;
-	border-radius: 3px 3px 0 0;
+	border: 1px solid #c8c8c8;
+	border-bottom: 2px solid #b0b0b0;
+	border-radius: 4px 4px 0 0;
+	font-size: .88em;
 	font-weight: bold;
+	gap: 2px;
 }
 .f-number-text{
-	color:#000000;
+	color: #888888;
+	font-size: .95em;
+	font-weight: normal;
+	min-width: 2.5em;
 }
 .f-user-text{
-	margin-left:7px;
+	color: #2a6e2a;
-	color:green
+	font-size: 1em;
 }
 .f-date{
 	margin-left: auto;
+	color: #777777;
+	font-size: .85em;
+	font-weight: normal;
+	white-space: nowrap;
 }
 .f-content{
-	border:2px solid #BBBBBB;
+	border: 1px solid #c8c8c8;
-	border-radius:0 0 3px 3px;
+	border-top: none;
-	padding: 0 5px;
+	border-radius: 0 0 4px 4px;
+	padding: 8px 12px;
 	white-space: pre-wrap;
+	font-size: .95em;
+	line-height: 1.7;
+	background: #fafafa;
+	color: #222222;
+	min-height: 2em;
 }
 .f-content p{
@@ 39行目: / 58行目: @@
 	white-space: normal;
 }
 /* ===== レスホバープレビュー ===== */
 #f-hover-popup{
-    max-height: 300px;
+	max-height: 300px;
-    overflow-y: auto;
+	overflow-y: auto;
-    padding: 2px;
+	padding: 2px;
 }
-/* ポップアップ内の投稿は通常表示と同じスタイルを継承するが
-   margin-bottomを詰めてコンパクトに見せる */
 #f-hover-popup .f-post{
-    margin-bottom: 0;
+	margin-bottom: 0;
+	box-shadow: none;
 }
 /* >>>N リンクを5chライクに強調 */
 .f-content a[href^="#post-"]{
-    color: #0645ad;
+	color: #0645ad;
-    font-weight: bold;
+	font-weight: bold;
-    text-decoration: none;
+	text-decoration: none;
 }
 .f-content a[href^="#post-"]:hover{
-    text-decoration: underline;
+	text-decoration: underline;
-    color: #d33;
+	color: #d33;
 }