.seven-segment{position:relative;height:175px;width:100px;display:inline-block}.seven-segment .a{position:absolute;left:5px;height:0;width:50px;border-top:15px solid #f8f8f8;border-left:15px solid transparent;border-right:15px solid transparent}.seven-segment .a.on{border-top-color:#f30}.seven-segment .b{position:absolute;left:75px;top:5px;height:50px;width:0;border-right:15px solid #f8f8f8;border-top:15px solid transparent;border-bottom:15px solid transparent}.seven-segment .b.on{border-right-color:#f30}.seven-segment .c{position:absolute;left:75px;top:90px;height:50px;width:0;border-right:15px solid #f8f8f8;border-top:15px solid transparent;border-bottom:15px solid transparent}.seven-segment .c.on{border-right-color:#f30}.seven-segment .d{position:absolute;top:160px;left:5px;height:0;width:50px;border-bottom:15px solid #f8f8f8;border-left:15px solid transparent;border-right:15px solid transparent}.seven-segment .d.on{border-bottom-color:#f30}.seven-segment .e{position:absolute;left:0;top:90px;height:50px;width:0;border-left:15px solid #f8f8f8;border-top:15px solid transparent;border-bottom:15px solid transparent}.seven-segment .e.on{border-left-color:#f30}.seven-segment .f{position:absolute;left:0;top:5px;height:50px;width:0;border-left:15px solid #f8f8f8;border-top:15px solid transparent;border-bottom:15px solid transparent}.seven-segment .f.on{border-left-color:#f30}.seven-segment .g{position:absolute;top:80px;left:18px;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}.seven-segment .g .top{height:0;width:40px;border-bottom:8px solid #f8f8f8;border-left:8px solid transparent;border-right:8px solid transparent}.seven-segment .g .bottom{height:0;width:40px;border-top:8px solid #f8f8f8;border-left:8px solid transparent;border-right:8px solid transparent}.seven-segment .g.on .top{border-bottom-color:#f30}.seven-segment .g.on .bottom{border-top-color:#f30}