JSFiddle - React, Tailwind, and code Playground
by J. Albert Bowden
HTML
<script src="http://github.com/rafaelp/css_browser_selector/raw/master/css_browser_selector.js"></script>
<div><script src="http://github.com/rafaelp/css_browser_selector/raw/master/css_browser_selector.js"></script>
<div class="vid">
<iframe title="YouTube video player" width="500" height="311" src="http://www.youtube.com/embed/7g0We1DY7WI" frameborder="0" allowfullscreen></iframe>
</div></div>
CSS
/** @-moz-document url-prefix() {
.vid {
-moz-transform: translate(20px, 50px);
}
} **/
/**
body:nth-of-type(1) .vid{ -moz-transform: translate(20px, 50px); }
**/
/**
body:nth-of-type(1) .vid, x:-moz-any-link, x:default{ -moz-transform: translate(20px, 50px); }
**/
.ff3_6{background-color:#c0c0c0;}
.ff3_6 .vid{-moz-transform: translate(20px, 50px); }
.gecko{background-color:#000;}
.vid {
-webkit-transform: translate(20px, 50px);
-ms-transform: translate(20px, 50px);
-o-transform: translate(20px, 50px);
transform: translate(20px, 50px);
transform: translate(100px) rotate(20deg);
}