Jedno z řešení části mobilního Scuku. Jauvajs. Prášky si vyzvedněte ve vedlejší lékárně. ;)

scuk-mobile.css

  /* Spendlik - common icon content for shops list and shop detail */  
    
  #container .spendlik {   
    background: #fffefd url(../img/mobile/spendliky/restaurace.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/restaurace.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/restaurace.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/restaurace.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-repeat: no-repeat;       
    background-size:
      42px auto, 
      42px auto, 
      auto;
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }
  
  /* TODO refactor: psycho, ktere je potreba vyresit chytreji, jinak se z toho zblaznis :) */

  #container .spendlik.cat-kavarny  { 
    background: #fffefd url(../img/mobile/spendliky/kavarny.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/kavarny.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/kavarny.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/kavarny.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }
  #container .spendlik.cat-cukrarny  { 
    background: #fffefd url(../img/mobile/spendliky/cukrarny.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/cukrarny.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/cukrarny.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/cukrarny.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }  
  #container .spendlik.cat-lahudky  { 
    background: #fffefd url(../img/mobile/spendliky/lahudky.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/lahudky.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/lahudky.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/lahudky.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }
  #container .spendlik.cat-maso  { 
    background: #fffefd url(../img/mobile/spendliky/maso.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/maso.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/maso.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/maso.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }  
  #container .spendlik.cat-ovozel  { 
    background: #fffefd url(../img/mobile/spendliky/ovozel.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/ovozel.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/ovozel.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/ovozel.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }
  #container .spendlik.cat-pekarny  { 
    background: #fffefd url(../img/mobile/spendliky/pekarny.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/pekarny.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/pekarny.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/pekarny.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }
  #container .spendlik.cat-farmy  { 
    background: #fffefd url(../img/mobile/spendliky/farmy.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/farmy.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/farmy.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/farmy.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }  
  #container .spendlik.cat-napoje  { 
    background: #fffefd url(../img/mobile/spendliky/napoje.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/napoje.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/napoje.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/napoje.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }  
  #container .spendlik.multi_colorized   { 
    background: #fffefd url(../img/mobile/spendliky/multi.png) no-repeat center; /* Fallback for others */
    background:  
      url(../img/mobile/spendliky/multi.png),
      url(../img/mobile/spendliky/stin.png),
      #fffefd; /* Fallback for Opera Mobile */
    background-image:
      url(../img/mobile/spendliky/multi.png),
      url(../img/mobile/spendliky/stin.png),
      -moz-linear-gradient(top, #fffefd 0%, #f8dfc4 100%); /* firefox */
    background-image:
      url(../img/mobile/spendliky/multi.png),
      url(../img/mobile/spendliky/stin.png),
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefd), color-stop(100%, #f8dfc4)); /* webkit */
    background-clip: border-box; 
    background-position: 
      center,
      center,
      top left;
  }