54 lines
No EOL
2.2 KiB
CSS
54 lines
No EOL
2.2 KiB
CSS
/* Author Profile - Compact */
|
|
.ansico-some-author-box { display: flex; gap: 20px; align-items: flex-start; background: #ffffff; padding: 15px; border-radius: 8px; border: 1px solid #eaeaea; }
|
|
.ansico-some-avatar { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; object-fit: cover; border: 2px solid #f0f0f0; margin: 0 !important; }
|
|
.ansico-some-name { margin: 0 0 5px 0 !important; font-size: 18px; font-weight: 700; }
|
|
.ansico-some-bio { margin: 0 0 10px 0 !important; font-size: 14px; color: #444; line-height: 1.5; }
|
|
|
|
/* SoMe Comment (Tweet Style) - FORCED LAYOUT */
|
|
.ansico-some-tweet {
|
|
display: flex !important;
|
|
flex-direction: row !important;
|
|
gap: 12px !important;
|
|
align-items: flex-start !important;
|
|
padding: 12px;
|
|
border: 1px solid #eff3f4;
|
|
border-radius: 12px;
|
|
background: #ffffff;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
|
margin-bottom: 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ansico-tweet-avatar {
|
|
width: 48px !important;
|
|
height: 48px !important;
|
|
min-width: 48px !important;
|
|
border-radius: 50% !important;
|
|
object-fit: cover !important;
|
|
margin: 0 !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.ansico-tweet-content {
|
|
flex: 1 1 auto !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.ansico-tweet-header {
|
|
display: flex !important;
|
|
align-items: baseline !important;
|
|
flex-wrap: wrap;
|
|
gap: 8px !important;
|
|
margin-bottom: 2px !important;
|
|
}
|
|
|
|
.ansico-tweet-name { font-weight: 700 !important; color: #0f1419 !important; font-size: 15px !important; }
|
|
.ansico-tweet-time { color: #536471 !important; font-size: 14px !important; }
|
|
.ansico-tweet-text { font-size: 15px !important; line-height: 1.4 !important; color: #0f1419 !important; }
|
|
.ansico-tweet-text p { margin-top: 0; }
|
|
.ansico-tweet-footer { font-size: 11px !important; color: #536471 !important; margin-top: 8px !important; }
|
|
.ansico-tweet-footer a { color: #1d9bf0 !important; text-decoration: none !important; }
|
|
.ansico-tweet-footer a:hover { text-decoration: underline !important; }
|
|
|
|
.wp-block-ansico-some-author .ansico-some-bio { font-size: 14px; }
|
|
.wp-block-ansico-some-author { margin-bottom: 24px; } |