make dist

dist/joint.all.css

@@ -1,4 +1,4 @@
-/*! JointJS v0.9.0 - JavaScript diagramming library  2014-05-14 
+/*! JointJS v0.9.1 - JavaScript diagramming library  2014-08-07 
 
 
 This Source Code Form is subject to the terms of the Mozilla Public
@@ -186,52 +186,40 @@ Vertex markers are `<circle>` elements that appear at connection vertex position
    opacity: 1;
 }
 
-/*
-
 /* Cell highlighting - e.g a cell underneath the dragged link get highlighted.
    See joint.dia.cell.js highlight(); */
-
-/* For some reason, CSS `outline` property does not work on `<text>` elements. */
-text.highlighted {
-    fill: #FF0000;
-}
-
 .highlighted {
-    outline: 2px solid #FF0000; /* `outline` doesn't work in Firefox, Opera and IE9+ correctly. */
-    opacity: 0.7 \9; /* It targets only IE9. */
+    opacity: 0.7;
 }
 
-/*
-use '@-moz-document url-prefix()' to target all versions if Firefox and nothing else.
-See `https://developer.mozilla.org/en-US/docs/Web/CSS/@document`.
-*/
-@-moz-document url-prefix() {
-    .highlighted { opacity: 0.7; } /* only for FF */
+/* For some reason, CSS `outline` property
+   does not work on `<text>` elements. */
+text.highlighted {
+    fill: #FF0000;
 }
 
-/*
-`-o-prefocus` is a pseudo-class that allows styles to be targeted for Opera only.
-See `http://www.opera.com/docs/specs/presto2.12/css/o-vendor/`.
-*/
-doesnotexist:-o-prefocus, .highlighted {
-    opacity: 0.7;
+/* `outline` doesn't work in Firefox, Opera and IE9+.
+   The only engine supporting outlines on SVG elements is Webkit. */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+    .highlighted {
+        outline: 2px solid #FF0000;
+        opacity: initial;
+    }
 }
 
 /*
-
 Example of custom changes (in pure CSS only!):
 
 Do not show marker vertices at all:  .marker-vertices { display: none; }
 Do not allow adding new vertices: .connection-wrap { pointer-events: none; }
-
 */
 
-/* foreignObject in joint.shapes.basic.TextBlock */
-.TextBlock .fobj body {
+/* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */
+.element .fobj body {
     background-color: transparent;
     margin: 0px;
 }
-.TextBlock .fobj div {
+.element .fobj div {
     text-align: center;
     vertical-align: middle;
     display: table-cell;