TabBar_wev8.css 1.75 KB
.tabpanel{position:absolute;width:100%;height:100%}.wev-comp-TabBar{-webkit-font-smoothing:antialiased;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-box-sizing:border-box;box-sizing:border-box;visibility:hidden}.page-footer .wev-comp-TabBar{visibility:visible}.wev-tabbar-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle;text-decoration:none;-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.wev-tabbar-item.wev-tabbar-active,.wev-tabbar-item:active{color:#017afd}.wev-tabbar-item .wev-tabbar-icon{position:relative;top:3px;display:inline-block;width:24px;height:24px;padding-top:0;padding-bottom:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:20}.wev-tabbar-item.wev-tabbar-noimg .wev-tabbar-icon{display:none}.wev-tabbar-item .wev-tabbar-icon img{width:100%;height:100%}.wev-tabbar-item .wev-tabbar-icon img.icon-active{display:none}.wev-tabbar-item.wev-tabbar-active .wev-tabbar-icon img.icon-active{display:inline}.wev-tabbar-item.wev-tabbar-active .wev-tabbar-icon img.icon-normal{display:none}.wev-tabbar-item.wev-tabbar-singleimg .wev-tabbar-icon img.icon-normal{opacity:.5;-webkit-opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(opacity=50)}.wev-tabbar-item .wev-tabbar-icon~.wev-tabbar-label{display:block;font-size:11px;-moz-box-sizing:border-box;box-sizing:border-box}.wev-tabbar-item>.wev-badge{position:absolute;top:2px;right:50%;-ms-transform:translateX(150%);-webkit-transform:translateX(150%);transform:translateX(150%);width:22px;height:22px;padding:0;line-height:22px;border-radius:22px;z-index:99}