Security Now! podcast - icon labels by denilsonsa

/* ==UserStyle==
@name           Security Now! podcast - icon labels
@namespace      USO Archive
@author         denilsonsa
@description    `Adds text labes to the download icons. Why? Because I always forget what the icons mean.`
@version        20160323.18.38
@license        Public Domain
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://www.grc.com/securitynow.htm"), url-prefix("https://www.grc.com/sn/") {
a[href*="/sn/sn-"][href$=".mp3"]::after       { content: " HQ MP3"; }
a[href*="/sn/sn-"][href$="-lq.mp3"]::after    { content: " LQ MP3"; }
a[href*="/sn/sn-"][href$=".htm"]::after       { content: " Transcript as HTML"; }
a[href*="/sn/sn-"][href$=".txt"]::after       { content: " Transcript as TXT"; }
a[href*="/sn/sn-"][href$=".pdf"]::after       { content: " Transcript as PDF"; }
a[href*="/sn/sn-"][href$="-notes.pdf"]::after { content: " Notes as PDF"; }
a[href*="/sn/notes-"][href$=".htm"]::after    { content: " Notes as HTML"; }

a[href*="/sn/sn-"][href$=".mp3"]       ,
a[href*="/sn/sn-"][href$="-lq.mp3"]    ,
a[href*="/sn/sn-"][href$=".htm"]       ,
a[href*="/sn/sn-"][href$=".txt"]       ,
a[href*="/sn/sn-"][href$=".pdf"]       ,
a[href*="/sn/sn-"][href$="-notes.pdf"] ,
a[href*="/sn/notes-"][href$=".htm"] {
  font-size: x-small;
  text-decoration: none;
}

/*
This simple solution does not work:
https://stackoverflow.com/questions/6949148/css-after-not-adding-content-to-certain-elements

img[src*="speaker-lq.gif"]:after { content: " LQ MP3 "; }
img[src*="speaker-hq.gif"]:after { content: " HQ MP3 "; }
img[src*="snnotes.gif"]:after    { content: " Notes as PDF "; }
img[src*="htmlfile.gif"]:after   { content: " Transcript as HTML "; }
img[src*="textfile.gif"]:after   { content: " Transcript as TXT "; }
img[src*="pdffile.gif"]:after    { content: " Transcript as PDF "; }
*/
}