988 lines
44 KiB
CSS
988 lines
44 KiB
CSS
/* Responsive Layouts */
|
|
.ansico-some-tweet { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: flex-start !important; padding: 15px; border: 1px solid #eff3f4; border-radius: 12px; background: #fff; margin-bottom: 0 !important; font-family: -apple-system, sans-serif; box-sizing: border-box; max-width: 100%; overflow: hidden; text-align: left; }
|
|
.ansico-tweet-avatar { width: 48px !important; height: 48px !important; min-width: 48px !important; border-radius: 50% !important; object-fit: cover !important; margin: 0 !important; }
|
|
.ansico-tweet-content { flex: 1 1 auto !important; min-width: 0; }
|
|
.ansico-tweet-header { display: flex !important; align-items: baseline !important; gap: 8px !important; margin-bottom: 2px !important; flex-wrap: wrap; }
|
|
.ansico-tweet-name { font-weight: 700 !important; color: #0f1419 !important; font-size: 15px !important; white-space: nowrap; }
|
|
.ansico-tweet-time { color: #536471 !important; font-size: 13px !important; white-space: nowrap; }
|
|
.ansico-tweet-text { font-size: 15px !important; line-height: 1.4 !important; color: #0f1419 !important; word-wrap: break-word; }
|
|
.ansico-tweet-footer { font-size: 11px !important; color: #536471 !important; margin-top: 8px !important; }
|
|
.ansico-tweet-footer a, .ansico-tweet-text a, .ansico-hashtag { color: #1d9bf0 !important; text-decoration: none !important; }
|
|
.ansico-tweet-footer a:hover, .ansico-tweet-text a:hover, .ansico-hashtag:hover { text-decoration: underline !important; }
|
|
|
|
/* Markdown specific styling inside tweet */
|
|
.ansico-tweet-text blockquote { border-left: 4px solid #1d9bf0; margin: 10px 0; padding: 10px 15px; color: #536471; font-style: italic; background: #f7f9f9; border-radius: 0 8px 8px 0; }
|
|
.ansico-tweet-text blockquote p { margin: 0 !important; }
|
|
.ansico-tweet-text code { background: #f2f3f5; padding: 2px 4px; border-radius: 4px; font-family: monospace; font-size: 13px; color: #e0245e; }
|
|
|
|
/* Form styling */
|
|
.ansico-micropost-form-wrap { border: 1px solid #eff3f4; border-radius: 12px; padding: 15px; background: #fff; margin-bottom: 30px; box-sizing: border-box; }
|
|
.ansico-micropost-form-wrap textarea { width: 100%; border: none; font-size: 16px; outline: none; resize: none; min-height: 80px; box-shadow: none !important; }
|
|
.ansico-form-bottom { display: flex; justify-content: flex-end; align-items: center; gap: 10px; border-top: 1px solid #eff3f4; padding-top: 10px; }
|
|
#ansico-char-counter { font-size: 12px; color: #536471; transition: color 0.2s; }
|
|
#ansico-post-btn { background-color: #1d9bf0; color: white; border: none; border-radius: 9999px; padding: 6px 14px; font-weight: bold; cursor: pointer; font-size: 14px; }
|
|
|
|
/* Embed styling */
|
|
.ansico-tweet-embed { border: 1px solid #dadde1; border-radius: 12px; overflow: hidden; margin-top: 10px; display: block; text-decoration: none; }
|
|
.ansico-tweet-embed-image { width: 100%; height: auto; max-height: 180px; object-fit: cover; border-bottom: 1px solid #dadde1; margin: 0 !important; }
|
|
.ansico-tweet-embed-content { padding: 8px 10px; background: #f7f9f9; }
|
|
.ansico-tweet-embed-title { font-size: 13px !important; font-weight: 600; color: #0f1419; margin: 0 !important; }
|
|
.ansico-tweet-embed-domain { font-size: 11px; color: #536471; text-transform: uppercase; }
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Tweet Actions (Kopier link ikon) */
|
|
.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; }
|
|
.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; }
|
|
.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-action-btn.copied { color: #00ba7c !important; }
|
|
.ansico-action-btn.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Tweet Actions (Kopier link ikon) */
|
|
.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; }
|
|
.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; }
|
|
.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-action-btn.copied { color: #00ba7c !important; }
|
|
.ansico-action-btn.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Author Intro Styling */
|
|
.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; }
|
|
.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; }
|
|
.ansico-author-intro-content { flex: 1; }
|
|
.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; }
|
|
.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; }
|
|
.ansico-author-intro-stats { font-size: 14px; color: #536471; }
|
|
.ansico-author-intro-stats strong { color: #0f1419; }
|
|
|
|
/* Flyt Kopier-knap til toppen */
|
|
.ansico-some-tweet { position: relative !important; }
|
|
.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; }
|
|
.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-copy-btn-top.copied { color: #00ba7c !important; }
|
|
.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Mobiltjek for intro */
|
|
@media (max-width: 600px) {
|
|
.ansico-author-intro { flex-direction: column; align-items: center; text-align: center; }
|
|
}
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Tweet Actions (Kopier link ikon) */
|
|
.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; }
|
|
.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; }
|
|
.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-action-btn.copied { color: #00ba7c !important; }
|
|
.ansico-action-btn.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Author Intro Styling */
|
|
.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; }
|
|
.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; }
|
|
.ansico-author-intro-content { flex: 1; }
|
|
.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; }
|
|
.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; }
|
|
.ansico-author-intro-stats { font-size: 14px; color: #536471; }
|
|
.ansico-author-intro-stats strong { color: #0f1419; }
|
|
|
|
/* Flyt Kopier-knap til toppen */
|
|
.ansico-some-tweet { position: relative !important; }
|
|
.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; }
|
|
.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-copy-btn-top.copied { color: #00ba7c !important; }
|
|
.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Mobiltjek for intro */
|
|
@media (max-width: 600px) {
|
|
.ansico-author-intro { flex-direction: column; align-items: center; text-align: center; }
|
|
}
|
|
|
|
/* Website link i author intro */
|
|
.ansico-author-intro-website { margin-bottom: 0 !important; font-size: 14px; }
|
|
.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; }
|
|
.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; }
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Tweet Actions (Kopier link ikon) */
|
|
.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; }
|
|
.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; }
|
|
.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-action-btn.copied { color: #00ba7c !important; }
|
|
.ansico-action-btn.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Author Intro Styling */
|
|
.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; }
|
|
.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; }
|
|
.ansico-author-intro-content { flex: 1; }
|
|
.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; }
|
|
.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; }
|
|
.ansico-author-intro-stats { font-size: 14px; color: #536471; }
|
|
.ansico-author-intro-stats strong { color: #0f1419; }
|
|
|
|
/* Flyt Kopier-knap til toppen */
|
|
.ansico-some-tweet { position: relative !important; }
|
|
.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; }
|
|
.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-copy-btn-top.copied { color: #00ba7c !important; }
|
|
.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Mobiltjek for intro */
|
|
@media (max-width: 600px) {
|
|
.ansico-author-intro { flex-direction: column; align-items: center; text-align: center; }
|
|
}
|
|
|
|
/* Website link i author intro */
|
|
.ansico-author-intro-website { margin-bottom: 0 !important; font-size: 14px; }
|
|
.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; }
|
|
.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; }
|
|
|
|
/* Author profile spacing fix */
|
|
.ansico-author-intro-stats { margin-top: 25px !important; }
|
|
|
|
/* Comment Action Styling */
|
|
.ansico-tweet-actions-bottom { margin-top: 10px; display: flex; align-items: center; }
|
|
.ansico-comment-btn { text-decoration: none !important; color: #536471 !important; display: flex; align-items: center; gap: 6px; transition: color 0.2s; padding: 6px; border-radius: 50%; }
|
|
.ansico-comment-btn:hover { color: #1d9bf0 !important; background: rgba(29, 155, 240, 0.1); }
|
|
.ansico-comment-count { font-size: 13px; font-weight: normal; }
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Tweet Actions (Kopier link ikon) */
|
|
.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; }
|
|
.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; }
|
|
.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-action-btn.copied { color: #00ba7c !important; }
|
|
.ansico-action-btn.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Author Intro Styling */
|
|
.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; }
|
|
.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; }
|
|
.ansico-author-intro-content { flex: 1; }
|
|
.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; }
|
|
.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; }
|
|
.ansico-author-intro-stats { font-size: 14px; color: #536471; }
|
|
.ansico-author-intro-stats strong { color: #0f1419; }
|
|
|
|
/* Flyt Kopier-knap til toppen */
|
|
.ansico-some-tweet { position: relative !important; }
|
|
.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; }
|
|
.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-copy-btn-top.copied { color: #00ba7c !important; }
|
|
.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Mobiltjek for intro */
|
|
@media (max-width: 600px) {
|
|
.ansico-author-intro { flex-direction: column; align-items: center; text-align: center; }
|
|
}
|
|
|
|
/* Website link i author intro */
|
|
.ansico-author-intro-website { margin-bottom: 0 !important; font-size: 14px; }
|
|
.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; }
|
|
.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; }
|
|
|
|
/* Author profile spacing fix */
|
|
.ansico-author-intro-stats { margin-top: 25px !important; }
|
|
|
|
/* Comment Action Styling */
|
|
.ansico-tweet-actions-bottom { margin-top: 10px; display: flex; align-items: center; }
|
|
.ansico-comment-btn { text-decoration: none !important; color: #536471 !important; display: flex; align-items: center; gap: 6px; transition: color 0.2s; padding: 6px; border-radius: 50%; }
|
|
.ansico-comment-btn:hover { color: #1d9bf0 !important; background: rgba(29, 155, 240, 0.1); }
|
|
.ansico-comment-count { font-size: 13px; font-weight: normal; }
|
|
|
|
/* Comments Area Styling (Single View) */
|
|
.ansico-micropost-wrapper { display: flex; flex-direction: column; width: 100%; }
|
|
.ansico-comments-area { margin-top: 15px; padding-left: 60px; }
|
|
.ansico-comments-title { font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #0f1419; border-bottom: 1px solid #eff3f4; padding-bottom: 10px; }
|
|
.ansico-comment-list { list-style: none; padding: 0; margin: 0 0 30px 0; }
|
|
.ansico-comment-list li.comment { display: flex; gap: 12px; margin-bottom: 15px; padding: 15px; background: #f7f9f9; border-radius: 12px; border: 1px solid #eff3f4; }
|
|
.ansico-comment-list li.comment .comment-body { flex: 1; }
|
|
.ansico-comment-list li.comment .comment-meta { font-size: 13px; color: #536471; margin-bottom: 5px; }
|
|
.ansico-comment-list li.comment .comment-meta a { color: #536471; text-decoration: none; }
|
|
.ansico-comment-list li.comment .comment-content { font-size: 15px; line-height: 1.5; color: #0f1419; }
|
|
.ansico-comment-list li.comment .reply { margin-top: 10px; font-size: 13px; }
|
|
.ansico-comment-list li.comment img.avatar { border-radius: 50%; width: 40px; height: 40px; margin: 0 !important; }
|
|
.ansico-comment-form textarea { width: 100%; border: 1px solid #eff3f4; border-radius: 12px; padding: 15px; font-size: 16px; outline: none; resize: vertical; min-height: 80px; box-sizing: border-box; font-family: inherit; }
|
|
.ansico-comment-form p.comment-form-author, .ansico-comment-form p.comment-form-email, .ansico-comment-form p.comment-form-url { margin-bottom: 15px; }
|
|
.ansico-comment-form input[type="text"], .ansico-comment-form input[type="email"], .ansico-comment-form input[type="url"] { width: 100%; border: 1px solid #eff3f4; border-radius: 8px; padding: 10px; font-size: 15px; box-sizing: border-box; font-family: inherit; }
|
|
@media (max-width: 600px) {
|
|
.ansico-comments-area { padding-left: 0; }
|
|
}
|
|
|
|
/* Override WP Query Loop Gap to make list more compact */
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* FSE & List Gap Overrides */
|
|
ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; }
|
|
.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; }
|
|
|
|
/* Avatar Link Styling */
|
|
.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }
|
|
.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; }
|
|
|
|
/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */
|
|
.author .wp-block-spacer,
|
|
.archive .wp-block-spacer,
|
|
.tax-micropost_tag .wp-block-spacer,
|
|
.post-type-archive-micropost .wp-block-spacer,
|
|
.single-micropost .wp-block-spacer,
|
|
.wp-block-post-template .wp-block-spacer,
|
|
.ansico-micropost-list .wp-block-spacer {
|
|
display: none !important;
|
|
height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* Author Name Link Styling */
|
|
.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; }
|
|
.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; }
|
|
|
|
/* Tweet Actions (Kopier link ikon) */
|
|
.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; }
|
|
.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; }
|
|
.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-action-btn.copied { color: #00ba7c !important; }
|
|
.ansico-action-btn.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Author Intro Styling */
|
|
.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; }
|
|
.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; }
|
|
.ansico-author-intro-content { flex: 1; }
|
|
.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; }
|
|
.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 12px; }
|
|
.ansico-author-intro-stats { font-size: 14px; color: #536471; }
|
|
.ansico-author-intro-stats strong { color: #0f1419; }
|
|
|
|
/* Flyt Kopier-knap til toppen */
|
|
.ansico-some-tweet { position: relative !important; }
|
|
.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; }
|
|
.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; }
|
|
.ansico-copy-btn-top.copied { color: #00ba7c !important; }
|
|
.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; }
|
|
|
|
/* Mobiltjek for intro */
|
|
@media (max-width: 600px) {
|
|
.ansico-author-intro { flex-direction: column; align-items: center; text-align: center; }
|
|
}
|
|
|
|
/* Website link i author intro */
|
|
.ansico-author-intro-website { margin-bottom: 12px; font-size: 14px; }
|
|
.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; }
|
|
.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; }
|
|
|
|
/* Author profile spacing fix */
|
|
.ansico-author-intro-stats { margin-top: 25px !important; }
|
|
|
|
/* Comment Action Styling */
|
|
.ansico-tweet-actions-bottom { margin-top: 10px; display: flex; align-items: center; }
|
|
.ansico-comment-btn { text-decoration: none !important; color: #536471 !important; display: flex; align-items: center; gap: 6px; transition: color 0.2s; padding: 6px; border-radius: 50%; }
|
|
.ansico-comment-btn:hover { color: #1d9bf0 !important; background: rgba(29, 155, 240, 0.1); }
|
|
.ansico-comment-count { font-size: 13px; font-weight: normal; }
|
|
|
|
/* Comments Area Styling (Single View) */
|
|
.ansico-micropost-wrapper { display: flex; flex-direction: column; width: 100%; }
|
|
.ansico-comments-area { margin-top: 15px; padding-left: 60px; }
|
|
.ansico-comments-title { font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #0f1419; border-bottom: 1px solid #eff3f4; padding-bottom: 10px; }
|
|
.ansico-comment-list { list-style: none; padding: 0; margin: 0 0 30px 0; }
|
|
.ansico-comment-list li.comment { display: flex; gap: 12px; margin-bottom: 15px; padding: 15px; background: #f7f9f9; border-radius: 12px; border: 1px solid #eff3f4; }
|
|
.ansico-comment-list li.comment .comment-body { flex: 1; }
|
|
.ansico-comment-list li.comment .comment-meta { font-size: 13px; color: #536471; margin-bottom: 5px; }
|
|
.ansico-comment-list li.comment .comment-meta a { color: #536471; text-decoration: none; }
|
|
.ansico-comment-list li.comment .comment-content { font-size: 15px; line-height: 1.5; color: #0f1419; }
|
|
.ansico-comment-list li.comment .reply { margin-top: 10px; font-size: 13px; }
|
|
.ansico-comment-list li.comment img.avatar { border-radius: 50%; width: 40px; height: 40px; margin: 0 !important; }
|
|
.ansico-comment-form textarea { width: 100%; border: 1px solid #eff3f4; border-radius: 12px; padding: 15px; font-size: 16px; outline: none; resize: vertical; min-height: 80px; box-sizing: border-box; font-family: inherit; }
|
|
.ansico-comment-form p.comment-form-author, .ansico-comment-form p.comment-form-email, .ansico-comment-form p.comment-form-url { margin-bottom: 15px; }
|
|
.ansico-comment-form input[type="text"], .ansico-comment-form input[type="email"], .ansico-comment-form input[type="url"] { width: 100%; border: 1px solid #eff3f4; border-radius: 8px; padding: 10px; font-size: 15px; box-sizing: border-box; font-family: inherit; }
|
|
@media (max-width: 600px) {
|
|
.ansico-comments-area { padding-left: 0; }
|
|
}
|
|
|
|
/* Custom Comment Design */
|
|
.ansico-custom-comment { margin-bottom: 15px; padding: 15px; background: #f7f9f9; border-radius: 12px; border: 1px solid #eff3f4; list-style: none; }
|
|
.ansico-custom-comment .ansico-tweet-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; margin: 0 !important; object-fit: cover !important; }
|
|
.ansico-comment-header .ansico-tweet-name a { color: #0f1419 !important; text-decoration: none !important; }
|
|
.ansico-comment-header .ansico-tweet-name a:hover { text-decoration: underline !important; }
|
|
.ansico-custom-comment .ansico-tweet-embed { background: #fff; }
|
|
|
|
/* v1.6.42 Tweaks */
|
|
.ansico-comments-area { padding-left: 0 !important; border-top: 1px solid #eff3f4; margin-top: 25px; }
|
|
.ansico-isolated-comment { border-bottom: 1px solid #eff3f4; padding: 15px 0 !important; }
|
|
.ansico-comment-inner-wrap { display: flex; gap: 12px; }
|
|
|
|
/* Indrykning af trådede svar */
|
|
.ansico-comment-list ul.children { margin: 10px 0 0 20px !important; padding: 0 !important; border-left: 2px solid #eff3f4; list-style: none !important; }
|
|
.ansico-comment-list ul.children li.comment { border-bottom: none !important; padding: 10px 0 0 15px !important; }
|
|
|
|
/* Twitter-agtig Svar Formular */
|
|
.ansico-twitter-reply-form { padding: 15px 0; margin-bottom: 30px; }
|
|
.ansico-reply-field-container { display: flex; gap: 12px; }
|
|
.ansico-reply-user-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
|
|
.ansico-twitter-reply-form textarea { flex: 1; border: none !important; background: transparent !important; font-size: 16px; outline: none !important; resize: none; min-height: 40px; padding: 8px 0 !important; }
|
|
.ansico-twitter-reply-btn { background: #1d9bf0 !important; color: #fff !important; border: none !important; border-radius: 999px !important; padding: 8px 20px !important; font-weight: 700; cursor: pointer; float: right; margin-top: 10px; }
|
|
|
|
/* Kopier ikon i kommentarer - rykket væk fra kanten */
|
|
.ansico-copy-btn-comment {
|
|
position: absolute !important;
|
|
top: 15px !important;
|
|
right: 15px !important; /* Øget fra 0 til 15px for at rykke det til venstre */
|
|
background: none;
|
|
border: none;
|
|
color: #536471;
|
|
opacity: 0.3;
|
|
cursor: pointer;
|
|
padding: 5px;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.ansico-isolated-comment:hover .ansico-copy-btn-comment { opacity: 1; }
|
|
.ansico-copy-btn-comment.copied { color: #00ba7c !important; }
|
|
|
|
/* Kompakte embeds */
|
|
.ansico-tweet-embed { border: 1px solid #eff3f4; border-radius: 12px; overflow: hidden; margin-top: 10px; background: #fff; }
|
|
.ansico-tweet-embed-content { padding: 6px 12px !important; }
|
|
.ansico-tweet-embed-title { margin: 0 !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 700 !important; }
|
|
.ansico-tweet-embed-domain { font-size: 12px !important; color: #536471; display: block; margin-bottom: 2px; }
|
|
|
|
|
|
/* Recent micropost comments block */
|
|
.ansico-micropost-comments-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
|
|
.ansico-recent-comment-item {
|
|
border: 1px solid #eff3f4;
|
|
border-radius: 16px;
|
|
padding: 14px 16px;
|
|
background: #fff;
|
|
}
|
|
|
|
.ansico-recent-comment-inner {
|
|
display: flex;
|
|
gap: 12px;
|
|
}
|
|
|
|
.ansico-recent-comment-meta {
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
color: #536471;
|
|
}
|
|
|
|
.ansico-recent-comment-link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ansico-recent-comment-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.ansico-recent-comment-sep {
|
|
margin: 0 4px;
|
|
}
|
|
|
|
|
|
.ansico-micropost-top-tags-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
}
|
|
|
|
.ansico-micropost-tag-pill {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 8px 12px;
|
|
border: 1px solid #d0d7de;
|
|
border-radius: 999px;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
background: #fff;
|
|
}
|
|
|
|
.ansico-micropost-tag-pill:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ansico-micropost-tag-count {
|
|
font-size: 12px;
|
|
color: #536471;
|
|
}
|
|
|
|
|
|
/* Recent comments and activity blocks */
|
|
.ansico-micropost-comments-block,
|
|
.ansico-micropost-activity-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
.ansico-recent-comment-item {
|
|
border: 1px solid #eff3f4;
|
|
border-radius: 16px;
|
|
padding: 16px;
|
|
background: #fff;
|
|
}
|
|
.ansico-recent-comment-inner {
|
|
display: flex;
|
|
gap: 12px;
|
|
width: 100%;
|
|
}
|
|
.ansico-recent-comment-meta {
|
|
margin-top: 8px;
|
|
font-size: 14px;
|
|
color: #536471;
|
|
}
|
|
.ansico-recent-comment-link {
|
|
text-decoration: none;
|
|
}
|
|
.ansico-recent-comment-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.ansico-recent-comment-sep {
|
|
margin: 0 6px;
|
|
}
|
|
.ansico-activity-pagination {
|
|
margin-top: 8px;
|
|
}
|
|
.ansico-activity-pagination .page-numbers {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ansico-activity-pagination .page-numbers a,
|
|
.ansico-activity-pagination .page-numbers span {
|
|
display: inline-block;
|
|
padding: 6px 10px;
|
|
border: 1px solid #eff3f4;
|
|
border-radius: 999px;
|
|
text-decoration: none;
|
|
}
|
|
.ansico-activity-pagination .page-numbers .current {
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Activity comment cards aligned with micropost layout */
|
|
.ansico-some-tweet-comment {
|
|
position: relative !important;
|
|
}
|
|
|
|
.ansico-activity-comment-top-actions {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.ansico-activity-comment-top-action {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.ansico-activity-comment-actions {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.ansico-activity-reply-btn {
|
|
text-decoration: none !important;
|
|
gap: 6px;
|
|
}
|
|
|
|
.ansico-activity-action-label {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-content {
|
|
min-width: 0;
|
|
flex: 1;
|
|
}
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-header {
|
|
padding-right: 78px;
|
|
}
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-text p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-text p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-header {
|
|
margin-bottom: 2px !important;
|
|
}
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-text {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-text > p:first-child {
|
|
margin-top: 8px !important;
|
|
}
|
|
|
|
.ansico-some-tweet-comment .ansico-tweet-time {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.ansico-activity-reply-btn .ansico-comment-count {
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* Likes */
|
|
.ansico-like-btn {
|
|
gap: 6px;
|
|
border-radius: 9999px !important;
|
|
}
|
|
.ansico-like-btn[disabled],
|
|
.ansico-like-btn[aria-disabled="true"] {
|
|
cursor: default !important;
|
|
opacity: 0.75;
|
|
}
|
|
.ansico-like-btn.is-liked {
|
|
color: #e0245e !important;
|
|
}
|
|
.ansico-like-btn.is-liked svg {
|
|
stroke: #e0245e !important;
|
|
}
|
|
.ansico-like-btn.is-busy {
|
|
opacity: 0.7;
|
|
pointer-events: none;
|
|
}
|
|
.ansico-like-count {
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
.ansico-tweet-actions-bottom {
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
/* Comment embed cleanup */
|
|
.ansico-comment-text-body .ansico-tweet-embed {
|
|
display: block;
|
|
margin-top: 12px !important;
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
.ansico-comment-text-body .ansico-tweet-embed a {
|
|
display: block;
|
|
line-height: 0;
|
|
}
|
|
|
|
.ansico-comment-text-body .ansico-tweet-embed-content {
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.ansico-comment-text-body .ansico-tweet-embed-image {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.ansico-comment-text-body p:empty {
|
|
display: none;
|
|
}
|
|
|
|
/* Filled like icon when active */
|
|
.ansico-like-btn svg {
|
|
fill: transparent;
|
|
}
|
|
|
|
.ansico-like-btn.is-liked svg {
|
|
fill: currentColor !important;
|
|
}
|
|
|
|
|
|
/* Comment author links on single micropost */
|
|
.ansico-isolated-comment .ansico-tweet-name a,
|
|
.ansico-isolated-comment .ansico-comment-header-row .ansico-tweet-name a,
|
|
.ansico-comment-list .comment-author a,
|
|
.single-micropost .comment-author a,
|
|
.single-micropost .comment-metadata a {
|
|
color: #0f1419 !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.single-micropost .comment-author a:hover,
|
|
.single-micropost .comment-metadata a:hover,
|
|
.ansico-comment-list .comment-author a:hover {
|
|
color: #0f1419 !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
/* Comment reply button should match other action icons */
|
|
.single-micropost .comment-reply-link,
|
|
.single-micropost .reply a.comment-reply-link,
|
|
.ansico-comment-list .comment-reply-link {
|
|
color: #536471 !important;
|
|
text-decoration: none !important;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
.single-micropost .comment-reply-link:hover,
|
|
.single-micropost .reply a.comment-reply-link:hover,
|
|
.ansico-comment-list .comment-reply-link:hover {
|
|
color: #1d9bf0 !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.ansico-author-social-links {
|
|
display: flex;
|
|
gap: 8px;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin: 10px 0 0;
|
|
}
|
|
|
|
.ansico-social-link {
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 9999px;
|
|
background: #eff3f4;
|
|
color: #0f1419 !important;
|
|
text-decoration: none !important;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
transition: background-color .15s ease, color .15s ease, transform .15s ease;
|
|
}
|
|
|
|
.ansico-social-link:hover,
|
|
.ansico-social-link:focus {
|
|
background: #dfe7ea;
|
|
color: #0f1419 !important;
|
|
text-decoration: none !important;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.ansico-social-link-abbr {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
}
|
|
|
|
.ansico-social-link-linkedin .ansico-social-link-abbr {
|
|
font-size: 11px;
|
|
}
|