diff options
Diffstat (limited to 'catalog-ui/app/styles/sprite-product-icons.less')
| -rw-r--r-- | catalog-ui/app/styles/sprite-product-icons.less | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/catalog-ui/app/styles/sprite-product-icons.less b/catalog-ui/app/styles/sprite-product-icons.less new file mode 100644 index 0000000000..3485ec89a3 --- /dev/null +++ b/catalog-ui/app/styles/sprite-product-icons.less @@ -0,0 +1,71 @@ +.sprite-product-icons { + background-image: url('images/sprites/sprite-product-icons.png'); + display: inline-block; +} + +.sprite-product-icons.disable { opacity:0.5;} + +.sprite-product-icons.setting { background-position: -291px -102px; width: 61px; height: 67px;} +.sprite-product-icons.setting.small { background-position: -217px -142px; width: 29px; height: 28px;} +.sprite-product-icons.setting.medium { background-position: -148px -130px; width: 41px; height: 40px;} +.sprite-product-icons.setting.large { background-position: -77px -110px; width: 60px; height: 60px;} + +.sprite-product-icons.cloud { background-position: -290px -215px; width: 64px; height: 43px;} +.sprite-product-icons.cloud.small { background-position: -217px -232px; width: 29px; height: 28px;} +.sprite-product-icons.cloud.medium { background-position: -148px -220px; width: 41px; height: 40px;} +.sprite-product-icons.cloud.large { background-position: -77px -200px; width: 60px; height: 60px;} + +.sprite-product-icons.security { background-position: -289px -293px; width: 50px; height: 57px;} +.sprite-product-icons.security.small { background-position: -217px -321px; width: 29px; height: 28px;} +.sprite-product-icons.security.medium { background-position: -148px -310px; width: 41px; height: 40px;} +.sprite-product-icons.security.large { background-position: -77px -290px; width: 60px; height: 60px;} + +.sprite-product-icons.network { background-position: -290px -383px; width: 56px; height: 57px;} +.sprite-product-icons.network.small { background-position: -217px -411px; width: 29px; height: 29px;} +.sprite-product-icons.network.medium { background-position: -148px -399px; width: 41px; height: 41px;} +.sprite-product-icons.network.large { background-position: -77px -380px; width: 60px; height: 60px;} + +.sprite-product-icons.orphan { background-position: -290px -478px; width: 52px; height: 52px;} +.sprite-product-icons.orphan.small { background-position: -217px -500px; width: 29px; height: 29px;} +.sprite-product-icons.orphan.medium { background-position: -148px -488px; width: 41px; height: 41px;} +.sprite-product-icons.orphan.large { background-position: -77px -470px; width: 60px; height: 60px;} + +.sprite-product-icons.defaulticon { background-position: -290px -478px; width: 52px; height: 52px;} +.sprite-product-icons.defaulticon.small { background-position: -217px -500px; width: 29px; height: 29px;} +.sprite-product-icons.defaulticon.medium { background-position: -148px -488px; width: 41px; height: 41px;} +.sprite-product-icons.defaulticon.large { background-position: -77px -470px; width: 60px; height: 60px;} + +.sprite-product-icons.vfw { background-position: -289px -548px; width: 73px; height: 73px;} +.sprite-product-icons.vfw.small { background-position: -217px -591px; width: 29px; height: 29px;} +.sprite-product-icons.vfw.medium { background-position: -148px -580px; width: 41px; height: 41px;} +.sprite-product-icons.vfw.large { background-position: -77px -560px; width: 60px; height: 61px;} + +.sprite-product-icons.wanx { background-position: -290px -664px; width: 59px; height: 47px;} +.sprite-product-icons.wanx.small { background-position: -217px -681px; width: 30px; height: 30px;} +.sprite-product-icons.wanx.medium { background-position: -148px -670px; width: 41px; height: 41px;} +.sprite-product-icons.wanx.large { background-position: -77px -651px; width: 60px; height: 60px;} + +.sprite-product-icons.vrouter { background-position: -289px -758px; width: 69px; height: 43px;} +.sprite-product-icons.vrouter.small { background-position: -217px -772px; width: 29px; height: 29px;} +.sprite-product-icons.vrouter.medium { background-position: -148px -760px; width: 41px; height: 41px;} +.sprite-product-icons.vrouter.large { background-position: -77px -741px; width: 60px; height: 60px;} + +.sprite-product-icons.ucpe { background-position: -289px -832px; width: 59px; height: 60px;} +.sprite-product-icons.ucpe.small { background-position: -217px -862px; width: 28px; height: 29px;} +.sprite-product-icons.ucpe.medium { background-position: -148px -849px; width: 41px; height: 41px;} +.sprite-product-icons.ucpe.large { background-position: -77px -831px; width: 60px; height: 61px;} + +.sprite-product-icons.mobility { background-position: -288px -919px; width: 64px; height: 62px;} +.sprite-product-icons.mobility.small { background-position: -216px -952px; width: 29px; height: 29px;} +.sprite-product-icons.mobility.medium { background-position: -147px -940px; width: 41px; height: 41px;} +.sprite-product-icons.mobility.large { background-position: -76px -921px; width: 60px; height: 60px;} + +.sprite-product-icons.wanx_customer_managed { background-position: -290px -1024px; width: 58px; height: 62px;} +.sprite-product-icons.wanx.small_customer_managed { background-position: -217px -1041px; width: 30px; height: 38px;} +.sprite-product-icons.wanx.medium_customer_managed { background-position: -148px -1030px; width: 42px; height: 47px;} +.sprite-product-icons.wanx.large_customer_managed { background-position: -77px -1011px; width: 61px; height: 66px;} + +.sprite-product-icons.wanx_attr_managed { background-position: -290px -1114px; width: 59px; height: 62px;} +.sprite-product-icons.wanx.small_att_managed { background-position: -218px -1131px; width: 31px; height: 36px;} +.sprite-product-icons.wanx.medium_att_managed { background-position: -149px -1120px; width: 42px; height: 47px;} +.sprite-product-icons.wanx.large_att_managed { background-position: -77px -1101px; width: 60px; height: 67px;} |