Skip to content

Instantly share code, notes, and snippets.

@steve-ross
Last active September 3, 2020 13:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save steve-ross/6db7aecfd8a28fc1b75f85de0bacd359 to your computer and use it in GitHub Desktop.
Save steve-ross/6db7aecfd8a28fc1b75f85de0bacd359 to your computer and use it in GitHub Desktop.
Badge Example for Diversity Action Alliance
<style>
.DAA-badge-link.exclude-tagline::after {
display: none !important;
}
.DAA-badge-link.exclude-tagline .DAA-badge {
margin: auto !important;
padding: 0 !important;
position: relative !important;
left: 5px !important;
top: 1px;
}
.DAA-badge-link.exclude-tagline {
padding: 2px !important;
}
.DAA-badge-link {
position: fixed !important;
display: inline-block !important;
visibility: visible !important;
z-index: 2147483647 !important;
top: auto !important;
right: 12px !important;
bottom: 12px !important;
left: auto !important;
background-color: #f5f6f9 !important;
border-radius: 3px !important;
padding: 10px 6px 6px 6px !important;
font-size: 12px !important;
opacity: 1 !important;
line-height: 14px !important;
text-decoration: none !important;
transform: none !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
white-space: nowrap !important;
box-shadow: 0 0 0 1px rgb(119 138 178 / 30%), 0 1px 3px rgb(119 138 178 / 60%) !important;
cursor: pointer;
text-align: center !important;
}
.DAA-badge-link .DAA-badge {
margin: auto !important;
padding: 0 !important;
position: relative !important;
left: 4px !important;
}
.DAA-badge-link::after {
content: "Lead Together. Act Now." !important;
position: relative !important;
display: block !important;
font-family: Domine, sans-serif !important;
padding: 4px 0px 0 !important;
margin: 0 !important;
color: rgb(34,34,34) !important;
font-size: 12px !important;
font-weight: 500 !important;
-webkit-font-smoothing: subpixel-antialiased;
letter-spacing: 0.3px !important;
}
</style>
<!--
Smaller/Mini Badge Version:
<a class="DAA-badge-link exclude-tagline" href="https://diversityactionalliance.org" alt="Diversity Action Alliance">
-->
<a class="DAA-badge-link" href="https://diversityactionalliance.org" alt="Diversity Action Alliance">
<img src="https://assets.website-files.com/5d6e7d515eb17814a52ef9ba/5d76c3065b3233adb583880d_Component%201%20%E2%80%93%201.png" width="126" alt="" class="DAA-badge">
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment