Skip to content

Instantly share code, notes, and snippets.

@nikitanayak
Last active June 17, 2025 15:41
Show Gist options
  • Select an option

  • Save nikitanayak/21960e3837f4ef2adfbcd9c3327a2c67 to your computer and use it in GitHub Desktop.

Select an option

Save nikitanayak/21960e3837f4ef2adfbcd9c3327a2c67 to your computer and use it in GitHub Desktop.
Trusted Source Tooltip CSS
.trusted-tooltip {
position: absolute;
display: none;
background: white;
border: 1px solid red;
border-radius: 4px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
padding: 15px;
max-width: 250px;
z-index: 1000;
font-size: 14px;
color: #333;
text-align: left;
}
.trusted-header {
display: flex;
align-items: center;
font-weight: bold;
font-size: 16px;
}
.trusted-header svg {
width: 20px;
height: 20px;
margin-right: 8px;
fill: red;
}
.trusted-checkmark {
width: 14px;
height: 14px;
margin-left: 1px;
fill: red;
}
.trusted-name {
font-weight: bold;
font-size: 18px;
margin-top: 8px;
}
.trusted-description {
margin: 8px 0;
color: #666;
}
/* Link at bottom */
.trusted-footer {
font-weight: bold;
color: black;
text-decoration: underline;
display: flex;
align-items: center;
margin-top: 10px;
}
.trusted-footer:hover {
text-decoration: underline;
}
.trusted-footer svg {
width: 14px;
height: 14px;
margin-left: 5px;
fill: black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment