Remove FontAwesome (whole bunch of bytes); new tooltip available for everyone

This commit is contained in:
Chris 2015-04-07 00:32:12 -06:00
parent 203c123dbc
commit 6e317fff59
1 changed files with 11 additions and 22 deletions

View File

@ -1,38 +1,21 @@
@font-face {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
src: url('fonts/fontawesome-webfont.ttf') format('truetype');
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
vertical-align: baseline;
}
/* https://developer.mozilla.org/en-US/docs/Web/CSS/::after#Tooltips */ /* https://developer.mozilla.org/en-US/docs/Web/CSS/::after#Tooltips */
[data-tip] { [data-tip] {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
body:not(.advancedUser) [data-tip]:after { body [data-tip]:after {
background-color: #ffffee; background-color: #444;
border: 1px solid gray;
border-radius: 3px; border-radius: 3px;
box-shadow: 1px 1px 3px gray;
box-sizing: border-box; box-sizing: border-box;
color: black; color: #eee;
content: attr(data-tip); content: attr(data-tip);
font: 12px sans-serif; font-size: 12px;
left: 0.5em; left: 0.5em;
line-height: 130%; line-height: 130%;
opacity: 0; opacity: 0;
padding: 4px 6px; padding: 4px 6px;
pointer-events: none; pointer-events: none;
position: fixed; position: absolute;
right: 0.5em; right: 0.5em;
text-align: left; text-align: left;
top: 110%; top: 110%;
@ -77,3 +60,9 @@ body [data-tip][data-tip-anchor="topcenter"]:hover:after {
width: 0; width: 0;
height: 0; height: 0;
} }
.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}