catalog-ui/src/assets/styles/sprite-product-icons.less

   1 .sprite-product-icons {
   2     background-image: url('images/sprites/sprite-product-icons.png');
   3     display: inline-block;
   4 }
   5
   6 .sprite-product-icons.disable               { opacity:0.5;}
   7
   8 .sprite-product-icons.setting               { background-position: -291px -102px;  width: 61px; height: 67px;}
   9 .sprite-product-icons.setting.small         { background-position: -217px -142px;  width: 29px; height: 28px;}
  10 .sprite-product-icons.setting.medium        { background-position: -148px -130px;  width: 41px; height: 40px;}
  11 .sprite-product-icons.setting.large         { background-position: -77px -110px;  width: 60px; height: 60px;}
  12
  13 .sprite-product-icons.cloud                 { background-position: -290px -215px; width: 64px; height: 43px;}
  14 .sprite-product-icons.cloud.small           { background-position: -217px -232px; width: 29px; height: 28px;}
  15 .sprite-product-icons.cloud.medium          { background-position: -148px -220px; width: 41px; height: 40px;}
  16 .sprite-product-icons.cloud.large           { background-position: -77px -200px; width: 60px; height: 60px;}
  17
  18 .sprite-product-icons.security              { background-position: -289px -293px;  width: 50px; height: 57px;}
  19 .sprite-product-icons.security.small        { background-position: -217px -321px;  width: 29px; height: 28px;}
  20 .sprite-product-icons.security.medium       { background-position: -148px -310px;  width: 41px; height: 40px;}
  21 .sprite-product-icons.security.large        { background-position: -77px -290px;  width: 60px; height: 60px;}
  22
  23 .sprite-product-icons.network               { background-position: -290px -383px;  width: 56px; height: 57px;}
  24 .sprite-product-icons.network.small         { background-position: -217px -411px;  width: 29px; height: 29px;}
  25 .sprite-product-icons.network.medium        { background-position: -148px -399px;  width: 41px; height: 41px;}
  26 .sprite-product-icons.network.large         { background-position: -77px -380px;  width: 60px; height: 60px;}
  27
  28 .sprite-product-icons.orphan                { background-position: -290px -478px;  width: 52px; height: 52px;}
  29 .sprite-product-icons.orphan.small          { background-position: -217px -500px; width: 29px; height: 29px;}
  30 .sprite-product-icons.orphan.medium         { background-position: -148px -488px; width: 41px; height: 41px;}
  31 .sprite-product-icons.orphan.large          { background-position: -77px -470px;  width: 60px; height: 60px;}
  32
  33 .sprite-product-icons.defaulticon           { background-position: -290px -478px;  width: 52px; height: 52px;}
  34 .sprite-product-icons.defaulticon.small     { background-position: -217px -500px; width: 29px; height: 29px;}
  35 .sprite-product-icons.defaulticon.medium    { background-position: -148px -488px; width: 41px; height: 41px;}
  36 .sprite-product-icons.defaulticon.large     { background-position: -77px -470px;  width: 60px; height: 60px;}
  37
  38 .sprite-product-icons.vfw                   { background-position: -289px -548px;  width: 73px; height: 73px;}
  39 .sprite-product-icons.vfw.small             { background-position: -217px -591px;  width: 29px; height: 29px;}
  40 .sprite-product-icons.vfw.medium            { background-position: -148px -580px;  width: 41px; height: 41px;}
  41 .sprite-product-icons.vfw.large             { background-position: -77px -560px;  width: 60px; height: 61px;}
  42
  43 .sprite-product-icons.wanx                  { background-position: -290px -664px;  width: 59px; height: 47px;}
  44 .sprite-product-icons.wanx.small            { background-position: -217px -681px;  width: 30px; height: 30px;}
  45 .sprite-product-icons.wanx.medium           { background-position: -148px -670px;   width: 41px; height: 41px;}
  46 .sprite-product-icons.wanx.large            { background-position: -77px -651px;  width: 60px; height: 60px;}
  47
  48 .sprite-product-icons.vrouter               { background-position: -289px -758px;  width: 69px; height: 43px;}
  49 .sprite-product-icons.vrouter.small         { background-position: -217px -772px;  width: 29px; height: 29px;}
  50 .sprite-product-icons.vrouter.medium        { background-position: -148px -760px;  width: 41px; height: 41px;}
  51 .sprite-product-icons.vrouter.large         { background-position: -77px -741px;  width: 60px; height: 60px;}
  52
  53 .sprite-product-icons.ucpe                  { background-position: -289px -832px;  width: 59px; height: 60px;}
  54 .sprite-product-icons.ucpe.small            { background-position: -217px -862px;  width: 28px; height: 29px;}
  55 .sprite-product-icons.ucpe.medium           { background-position: -148px -849px;  width: 41px; height: 41px;}
  56 .sprite-product-icons.ucpe.large            { background-position: -77px -831px;  width: 60px; height: 61px;}
  57
  58 .sprite-product-icons.mobility              { background-position: -288px -919px;  width: 64px; height: 62px;}
  59 .sprite-product-icons.mobility.small        { background-position: -216px -952px;  width: 29px; height: 29px;}
  60 .sprite-product-icons.mobility.medium       { background-position: -147px -940px;  width: 41px; height: 41px;}
  61 .sprite-product-icons.mobility.large        { background-position: -76px -921px;  width: 60px; height: 60px;}
  62
  63 .sprite-product-icons.wanx_customer_managed         { background-position: -290px -1024px;  width: 58px; height: 62px;}
  64 .sprite-product-icons.wanx.small_customer_managed   { background-position: -217px -1041px;  width: 30px; height: 38px;}
  65 .sprite-product-icons.wanx.medium_customer_managed  { background-position: -148px -1030px;   width: 42px; height: 47px;}
  66 .sprite-product-icons.wanx.large_customer_managed   { background-position: -77px -1011px;  width: 61px; height: 66px;}
  67
  68 .sprite-product-icons.wanx_attr_managed         { background-position: -290px -1114px;  width: 59px; height: 62px;}
  69 .sprite-product-icons.wanx.small_att_managed   { background-position: -218px -1131px;  width: 31px; height: 36px;}
  70 .sprite-product-icons.wanx.medium_att_managed  { background-position: -149px -1120px;   width: 42px; height: 47px;}
  71 .sprite-product-icons.wanx.large_att_managed   { background-position: -77px -1101px;  width: 60px; height: 67px;}