/* Base */ #mobileapps{ position: absolute; top: 20px; width: 90px; height: 135px; text-indent: -666em; overflow: hidden; z-index: 999; -webkit-transition: all 1s ease; transition: all 1s ease; } #mobileapps.top{ top: 20px; } #mobileapps.left{ left: 0; } #mobileapps.right{ right: 0; } #mobileapps a{ position: absolute; top: 0; left: 0; display: block; width: 90px; height: 135px; background-repeat: no-repeat; background-size: 90px 135px; } /* NOMINEE */ #mobileapps.nominee.black.left a{ background-image: url(ribbons/awwwards_nominee_black_left.png); } #mobileapps.nominee.black.right a{ background-image: url(ribbons/ios.png); } #mobileapps.nominee.silver.left a{ background-image: url(ribbons/awwwards_nominee_silver_left.png); } #mobileapps.nominee.silver.right a{ background-image: url(ribbons/awwwards_nominee_silver_right.png); } #mobileapps.nominee.white.left a{ background-image: url(ribbons/awwwards_nominee_white_left.png); } #mobileapps.nominee.white.right a{ background-image: url(ribbons/awwwards_nominee_white_right.png); } #mobileapps.nominee.green.left a{ background-image: url(ribbons/awwwards_nominee_green_left.png); } #mobileapps.nominee.green.right a{ background-image: url(ribbons/awwwards_nominee_green_right.png); } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { /* NOMINEE */ #mobileapps.nominee.black.left a{ background-image: url(ribbons/awwwards_nominee_black_left@2x.png); } #mobileapps.nominee.black.right a{ background-image: url(ribbons/ios@2x.png); } #mobileapps.nominee.silver.left a{ background-image: url(ribbons/awwwards_nominee_silver_left@2x.png); } #mobileapps.nominee.silver.right a{ background-image: url(ribbons/awwwards_nominee_silver_right@2x.png); } #mobileapps.nominee.white.left a{ background-image: url(ribbons/awwwards_nominee_white_left@2x.png); } #mobileapps.nominee.white.right a{ background-image: url(ribbons/awwwards_nominee_white_right@2x.png); } #mobileapps.nominee.green.left a{ background-image: url(ribbons/awwwards_nominee_green_left@2x.png); } #mobileapps.nominee.green.right a{ background-image: url(ribbons/awwwards_nominee_green_right@2x.png); } }