Work on vendor API abstraction, and near complete Safari support

1 files changed, 60 insertions, 0 deletions

diff --git a/src/css/common.css b/src/css/common.css
new file mode 100644
index 0000000..391478f
--- /dev/null
+++ b/src/css/common.css
@@ -0,0 +1,60 @@
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('fonts/fontawesome-webfont.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+.fa {
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    vertical-align: baseline;
+    display: inline-block;
+    }
+#dashboard-nav-widgets {
+	direction: __MSG_@@bidi_dir__;
+	}
+
+/* https://developer.mozilla.org/en-US/docs/Web/CSS/::after#Tooltips */
+*[data-tip] {
+    cursor: pointer;
+    position: relative;
+    }
+*[data-tip]:hover:after {
+    background-color: #ffffee;
+    border: 1px solid gray;
+    border-radius: 3px;
+    box-shadow: 1px 1px 3px gray;
+    color: black;
+    content: attr(data-tip);
+	direction: __MSG_@@bidi_dir__;
+    font: 11px sans-serif;
+    left: 0;
+    line-height: 130%;
+    min-width: 55%;
+    padding: 4px 6px;
+    position: absolute;
+    text-align: __MSG_@@bidi_start_edge__;
+    top: 110%;
+    white-space: pre-line;
+    z-index: 20;
+    animation: tooltip 0.8s;
+    -webkit-animation: tooltip 0.8s;
+    }
+*[data-tip][data-tip-anchor="top"]:hover:after {
+    bottom: 105%;
+    __MSG_@@bidi_start_edge__: auto;
+    __MSG_@@bidi_end_edge__: -10%;
+    top: auto;
+    }
+@keyframes tooltip {
+      0% { opacity: 0; }
+     85% { opacity: 0; }
+    100% { opacity: 1; }
+    }
+@-webkit-keyframes tooltip {
+      0% { opacity: 0; }
+     85% { opacity: 0; }
+    100% { opacity: 1; }
+    }