diff --git a/ui/images/sprites.png b/ui/images/sprites.png index 156df1ae30d..f3c8226b64a 100644 Binary files a/ui/images/sprites.png and b/ui/images/sprites.png differ diff --git a/ui/modules/vpc/vpc.css b/ui/modules/vpc/vpc.css index f6ede66bd9b..a7ef13eadee 100644 --- a/ui/modules/vpc/vpc.css +++ b/ui/modules/vpc/vpc.css @@ -248,17 +248,42 @@ } .vpc-network-chart .tier-item.router .header { - background: #908F8F; padding: 15px 0 14px; border-bottom: 1px solid #808080; + background: #C3C6C9; +/*Old browsers*/ + background: -moz-linear-gradient(top, #c3c6c9 0%, #909497 100%); +/*FF3.6+*/ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c6c9), color-stop(100%,#909497)); +/*Chrome,Safari4+*/ + background: -webkit-linear-gradient(top, #c3c6c9 0%,#909497 100%); +/*Chrome10+,Safari5.1+*/ + background: -o-linear-gradient(top, #c3c6c9 0%,#909497 100%); +/*Opera 11.10+*/ + background: -ms-linear-gradient(top, #c3c6c9 0%,#909497 100%); +/*IE10+*/ + background: linear-gradient(to bottom, #c3c6c9 0%,#909497 100%); +/*W3C*/ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c6c9', endColorstr='#909497',GradientType=0 ); +/*IE6-8*/ } .vpc-network-chart .tier-item.router .header .title { width: 212px; + margin-top: 3px; } .vpc-network-chart .tier-item.router .header .title span { - padding: 0 0 0 32px; + padding: 0 0 0 50px; +} + +.vpc-network-chart .tier-item.router .header span.icon { + background: url(../../images/sprites.png) -589px -1175px; + padding: 10px 10px 10px 20px; + float: left; + position: absolute; + top: 7px; + left: 10px; } .vpc-network-chart .tier-item.router .dashboard-item { @@ -278,3 +303,7 @@ text-shadow: 0px 1px #000000; } +.vpc-network-chart .tier-item.router .dashboard-item:hover { + background-color: #818181; +} + diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js index 0f0d3f909d7..2b01648e037 100644 --- a/ui/modules/vpc/vpc.js +++ b/ui/modules/vpc/vpc.js @@ -35,6 +35,7 @@ }).addClass('router'); $router.find('.info, .detail-link').remove(); + $router.find('.header').prepend($('').addClass('icon').html(' ')); return $router; },