satchlj
/
satchlj.com
1
2
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

mess with abbr style

This commit is contained in:
Satya L. Johnson 2021-09-24 07:58:12 -04:00
parent 1a8a389616
commit 767f660d37
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
themes/zenn/templates/landing.html
View File

@ -6,6 +6,34 @@
<div class="delimiter"></div>
<em>I live at the <a href="https://bensonplace.org">Benson Place</a></em>
<em>I am a student and an actor</em>
<style>
abbr[title] {
position: relative;
/* ensure consistent styling across browsers */
text-decoration: underline dotted;
}
abbr[title]:hover::after,
abbr[title]:focus::after {
content: attr(title);
/* position tooltip like the native one */
position: absolute;
left: 0;
bottom: -30px;
width: auto;
white-space: nowrap;
/* style tooltip */
background-color: #1e1e1e;
color: #fff;
border-radius: 3px;
box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
font-size: 14px;
padding: 3px 5px;
}
</style>
<em><abbr title = "Erich Fromm, The Anatomy of Human Destructiveness">"Critical and radical thought will only bear fruit when it is blended with the most precious quality man is endowed with - the love of life."</abbr></em></em>
<div class="nav">
<div class="delimiter"></div>