mess with abbr style
This commit is contained in:
parent
1a8a389616
commit
767f660d37
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue