From 6e317fff591d8e79eab21dc31b0e68a14c16a14c Mon Sep 17 00:00:00 2001 From: Chris Date: Tue, 7 Apr 2015 00:32:12 -0600 Subject: [PATCH] Remove FontAwesome (whole bunch of bytes); new tooltip available for everyone --- src/css/common.css | 33 +++++++++++---------------------- 1 file changed, 11 insertions(+), 22 deletions(-) diff --git a/src/css/common.css b/src/css/common.css index a926aaf2f..188988cbd 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -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 */ [data-tip] { cursor: pointer; position: relative; } -body:not(.advancedUser) [data-tip]:after { - background-color: #ffffee; - border: 1px solid gray; +body [data-tip]:after { + background-color: #444; border-radius: 3px; - box-shadow: 1px 1px 3px gray; box-sizing: border-box; - color: black; + color: #eee; content: attr(data-tip); - font: 12px sans-serif; + font-size: 12px; left: 0.5em; line-height: 130%; opacity: 0; padding: 4px 6px; pointer-events: none; - position: fixed; + position: absolute; right: 0.5em; text-align: left; top: 110%; @@ -77,3 +60,9 @@ body [data-tip][data-tip-anchor="topcenter"]:hover:after { width: 0; height: 0; } +.icon { + display: inline-block; + width: 1em; + height: 1em; + fill: currentColor; +}