/* ==== 調整しやすい共通トークン ==== */ :root { --csp-card-bg: #fff; --csp-card-border: #e5e7eb; /* 明るいグレー */ --csp-accent: #1a73e8; /* アクセント(リンク/ボタン) */ --csp-accent-hover: #1558c0; --csp-muted: #6b7280; /* 補助テキスト */ --csp-radius: 12px; --csp-shadow: 0 6px 18px rgba(0,0,0,.08); } /* ==== コメントフォーム全体(#respond / #commentform) ==== */ #respond, .comment-respond { background: var(--csp-card-bg); border: 1px solid var(--csp-card-border); border-radius: var(--csp-radius); box-shadow: var(--csp-shadow); padding: 20px 20px 24px; margin: 20px 0 28px; } /* タイトル */ #respond h3, .comment-respond h3 { margin: 0 0 14px; font-size: 1.15rem; font-weight: 700; letter-spacing: .02em; } /* ラベル/行間 */ #respond p, .comment-respond p, #commentform p { margin: 0 0 14px; } /* テキスト/メール/URL/textarea 共通 */ #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--csp-card-border); border-radius: 10px; background: #fff; font-size: 0.98rem; transition: box-shadow .18s ease, border-color .18s ease; } #commentform textarea { min-height: 160px; resize: vertical; } /* フォーカス */ #commentform input[type="text"]:focus, #commentform input[type="email"]:focus, #commentform input[type="url"]:focus, #commentform textarea:focus { outline: none; border-color: var(--csp-accent); box-shadow: 0 0 0 3px rgba(26,115,232,.15); } /* 送信ボタン */ #commentform input[type="submit"], #commentform button[type="submit"] { display: inline-block; padding: 12px 18px; border: none; border-radius: 999px; background: var(--csp-accent); color: #fff; font-weight: 700; cursor: pointer; transition: transform .06s ease, background .18s ease, box-shadow .18s ease; box-shadow: 0 6px 14px rgba(26,115,232,.22); } #commentform input[type="submit"]:hover, #commentform button[type="submit"]:hover { background: var(--csp-accent-hover); transform: translateY(-1px); } #commentform input[type="submit"]:active, #commentform button[type="submit"]:active { transform: translateY(0); } /* ==== プラグインの星評価ブロックをフォームと一体化 ==== */ .csp-rating-wrap { background: #f8fafc; /* やや青みの薄いグレー */ border: 1px dashed var(--csp-card-border); border-radius: 10px; padding: 14px; margin: 8px 0 16px; } .csp-rating-title { margin: 0 0 8px; font-weight: 700; } .csp-rating-ui-container { display: flex; align-items: center; gap: 14px; } /* 星の見た目を整える(プラグイン標準の上書き) */ .csp-stars-display .csp-star { font-size: 1.6em; line-height: 1; margin-right: 2px; color: transparent; -webkit-text-stroke: 1.5px #d1d5db; /* 枠線をやや淡く */ text-stroke: 1.5px #d1d5db; transition: transform .08s ease, -webkit-text-stroke .18s ease; } .csp-stars-display .csp-star.full { background: linear-gradient(to bottom, #ffd24d, #ffac33); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 0; text-stroke: 0; } /* セレクトの外観 */ #csp-rating-select { padding: 8px 12px; min-width: 72px; border-radius: 8px; border: 1px solid var(--csp-card-border); background: #fff; } /* 補足説明のトーン */ .csp-rating-wrap .description { margin-top: 6px; font-size: .92rem; color: var(--csp-muted); } .csp-rating-wrap .description a { color: var(--csp-accent); text-decoration: none; } /* 各コメント本文のスコアバッジ(表示側) */ .csp-comment-badge { display: inline-flex; align-items: center; gap: .4em; padding: 6px 10px; border-radius: 999px; background: #f3f4f6; border: 1px solid #e5e7eb; margin: 0 0 .5em 0; } .csp-comment-badge .csp-stars-display .csp-star { font-size: 1.1em; } .csp-comment-badge-num { color: #374151; font-weight: 600; } /* ウィジェット側(最新スコア付コメント)も統一 */ .csp-widget-list { margin: 0; padding: 0; list-style: none; } .csp-widget-item { padding: 10px 0; border-bottom: 1px solid #eef0f3; } .csp-widget-title { font-weight: 600; } .csp-widget-meta { display: inline-flex; align-items: center; gap: .4em; color: var(--csp-muted); } .csp-widget-excerpt { margin-top: 4px; color: #374151; } toppage - いべぐる - Page 2

Loading...

« 前へ 2026/04/30 - 2026/05/06 次へ »
月曜日
火曜日
水曜日
木曜日
金曜日
土曜日
日曜日
04/30 (Thu)
05/01 (Fri)
05/02 (Sat)
05/03 (Sun)
05/04 (Mon)
05/05 (Tue)
05/06 (Wed)

🗾 地域別コミュニティイベント

🌍️ ワールド巡りイベント

🏫 同期会イベント

🎮️ ゲームイベント

表示する投稿がありません。

カフェ・喫茶イベント

おすすめグループ

👉️ PICKUP!

🔥 急成長中のグループ

🟢 オンラインメンバーが多いグループ

イベント紹介記事