Add film icon to youtube/vimeo links via css I'd add various <i class='icon-film'></i> snippets, but doxia keeps stripping away my class attributes.
Project: http://git-wip-us.apache.org/repos/asf/logging-log4j2/repo Commit: http://git-wip-us.apache.org/repos/asf/logging-log4j2/commit/6f3fe2fe Tree: http://git-wip-us.apache.org/repos/asf/logging-log4j2/tree/6f3fe2fe Diff: http://git-wip-us.apache.org/repos/asf/logging-log4j2/diff/6f3fe2fe Branch: refs/heads/master Commit: 6f3fe2fe8fb5f8832fa712d589b1d80b003f2d02 Parents: 7a8de5e Author: Matt Sicker <[email protected]> Authored: Sun Jan 15 14:12:49 2017 -0600 Committer: Matt Sicker <[email protected]> Committed: Sun Jan 15 14:12:49 2017 -0600 ---------------------------------------------------------------------- src/site/resources/css/site.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/logging-log4j2/blob/6f3fe2fe/src/site/resources/css/site.css ---------------------------------------------------------------------- diff --git a/src/site/resources/css/site.css b/src/site/resources/css/site.css index c6ef7c9..c7ab3e7 100644 --- a/src/site/resources/css/site.css +++ b/src/site/resources/css/site.css @@ -93,3 +93,18 @@ ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 18px; text-sha a.javadoc, a.javadoc:hover { font: 12px Menlo, Monaco, "Courier New", monospace; } + +/* add film icons to youtube and vimeo links (.icon-film) */ +a[href^='https://www.youtube.com/']::before, +a[href^='https://vimeo.com/']::before { + display: inline-block; + width: 14px; + height: 14px; + margin-top: 1px; + margin-right: .3em; + line-height: 14px; + vertical-align: text-top; + content: ''; + /* .icon-film */ + background: url("../img/glyphicons-halflings.png") no-repeat -192px 0; +}
