Skip to content

Instantly share code, notes, and snippets.

@jasonclark

jasonclark/css-diagnostic-for-https.css

Created August 23, 2016 13:13
Show Gist options
  • Save jasonclark/c3060070f8bca5dba58ab96e184cadfe to your computer and use it in GitHub Desktop.
Save jasonclark/c3060070f8bca5dba58ab96e184cadfe to your computer and use it in GitHub Desktop.
Download ZIP
CSS as privacy diagnostic tool - mark all unsecure or unencrypted content/links. Add this to your CSS to see a red frowny face next to your non-SSL content.
Raw
css-diagnostic-for-https.css
.content [href^="http:"]::after {
content: "\2639\ (unencrypted link)";
display: inline-block;
width: .8em;
height: .8em;
text-indent: .8em;
white-space: nowrap;
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment