.table-comparison { margin-bottom: 4em; max-width: 100%; } table { border-collapse: collapse; overflow: hidden; display: inline-block; overflow-x: auto; } .table-comparison thead { background-color: none; } .table-comparison th { padding: 0.5em 1em; } .table-comparison td { text-align: center; padding: 0.5em 1em; } .table-comparison td:first-child { text-align: left; } .tbody-bg-odd tbody tr:nth-child(odd) { background-color: #f2f2f2; } .tbody-bg-even thead tr:nth-child(odd) { background-color: #f2f2f2; } .table-comparison tbody .success { display: flex; background-color: #1fcc82; width: 24px; height: 24px; position: relative; border-radius: 50%; } .table-comparison tbody .success::before { content: ''; position: absolute; top: 6px; left: 10px; display: inline-block; width: 3px; height: 8px; border-right: 2px solid white; border-bottom: 2px solid white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .table-comparison tbody .cancel { display: flex; background-color: #ff3b3b; width: 24px; height: 24px; position: relative; border-radius: 50%; } .table-comparison tbody .cancel::before, .cancel::after { position: absolute; top: 11px; bottom: 0; left: 6.3px; right: 0; content: ''; background-color: #fff; width: 11px; height: 2px; border-radius: 2px; } .table-comparison tbody .cancel::before { transform: rotate(-45deg); } .table-comparison tbody .cancel::after { transform: rotate(45deg); } .table-comparison tbody .mid { --color-accent: #fbc103; color: var(--color-accent); border-radius: 2rem; padding: 0.2em 1em; font-size: 0.8rem; position: relative; overflow: hidden; display: inline-flex; font-weight: 700; } .table-comparison tbody .mid::before { background-color: var(--color-accent); opacity: 0.2; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .table-comparison tbody .good { --color-accent: #16c60c; color: var(--color-accent); border-radius: 2rem; padding: 0.2em 1em; font-size: 0.8rem; position: relative; overflow: hidden; display: inline-flex; font-weight: 700; } .table-comparison tbody .good::before { background-color: var(--color-accent); opacity: 0.2; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .table-comparison tbody .bad { --color-accent: #f03a17; color: var(--color-accent); border-radius: 2rem; padding: 0.2em 1em; font-size: 0.8rem; position: relative; overflow: hidden; display: inline-flex; font-weight: 700; } .table-comparison tbody .bad::before { background-color: var(--color-accent); opacity: 0.2; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
Sign in Subscribe

About this site

TeleHydra: Exploring the Power of Telegram Marketing and Databases is an independent publication launched in March 2023 by Alex Norman. If you subscribe today, you'll get full access to the website as well as email newsletters about new content when it's available. Your subscription makes this site possible, and allows TeleHydra: Exploring the Power of Telegram Marketing and Databases to continue to exist. Thank you!

Access all areas

By signing up, you'll get access to the full archive of everything that's been published before and everything that's still to come. Your very own private library.

Fresh content, delivered

Stay up to date with new content sent straight to your inbox! No more worrying about whether you missed something because of a pesky algorithm or news feed.

Meet people like you

Join a community of other subscribers who share the same interests.

Start your own thing

Enjoying the experience? Get started for free and set up your very own subscription business using Ghost, the same platform that powers this website.