/*
 * X-Img Web Component by Martin Ivanov (@wemakesitesnet)
 * More info regarding this exciting new technology: http://webcomponents.org/, http://www.x-tags.org/, http://www.polymer-project.org/
 * @author Martin Ivanov
 * @url developer website: http://wemakesites.net/
 * @url developer twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer blog http://acidmartin.wordpress.com/
 **/

acidjs-ximg,
acidjs-ximg *
{
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

acidjs-ximg
{
    background: #fff;
}

acidjs-ximg img[width]
{
    opacity: .25;
}

acidjs-ximg[loading]
{
    position: relative;
    cursor: wait;
}

acidjs-ximg[loading]::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: #f7f7f7 url("../lib/AcidJs.XImg/styles/images/loading.gif") no-repeat center;
}