Set shortcode (bootstrap) to pills:
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | .tabs-left .tb-tabs-framed .tab-content { border-top-width: 1px; margin-left: 149px; } .tabs-left .nav-tabs, .tabs-left .nav-pills { width: 150px; float: left; } .tabs-left .nav-tabs>li, .tabs-left .nav-pills>li { border-left-width: 1px; float: none; border-top: solid 1px #ffffff; } .tabs-left .nav-pills>li { width: 110px; margin-left: 0; position: relative; -webkit-transition: width 0.3s; /* Safari */ transition: width 0.3s; } .tabs-left .nav-pills>li.active { width: 140px; } .tabs-left .nav-pills>li.active:after { content:''; right:-25px; top:0; position: absolute; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 25px; border-color: transparent transparent transparent #207298; } .tabs-left .nav-pills>li>a { border-radius: 0; background:#f3c235; color:#111111; } .tabs-left .nav-pills>li.active > a { background:#207398; color: #ffffff; } .tabs-left .tab-pane td , .tabs-left .tab-pane th { padding: 3px } |