.bb-widget-game-overview .game-head{ padding: 1px 1px 0 1px; } .bb-widget-game-overview .game-head > div{ padding: 0 5px; font-size: 13px; line-height: 30px; background: #d1d1ca; color: #000; } .bb-widget-game-overview .game-head a{ line-height: 30px; background: #b7b7b0; display: inline-block; color: #515149; padding: 0 10px; margin: 0 -5px 0 0; } .bb-widget-game-overview .game-head .league-name{ line-height: 20px; background: #b7b7b0; border: 1px solid #a1a19b; display: inline-block; color: #515149; padding: 0 10px; margin-right: 0; } .bb-widget-game-overview .game-body{ width: 100%; } .bb-widget-game-overview .game-body > div > div{ background: #fff; vertical-align: top; } @media (min-width: 992px) { .bb-widget-game-overview .game-body{ display: table; border-collapse: separate; border-spacing: 1px; } .bb-widget-game-overview .game-body > div{ display: table-row; } .bb-widget-game-overview .game-body > div > div{ display: table-cell; } .bb-widget-game-overview .game-body .current-inning-info{ } .bb-widget-game-overview .game-body .game-state{ width: 130px; padding: 5px; } .bb-widget-game-overview .game-body .game-players{ width: 150px; } .bb-widget-game-overview .game-body .game-pitchers{ width: 150px; } } .bb-widget-game-overview .game-body .current-inning-info table{ width: 100%; border-collapse: collapse; } .bb-widget-game-overview .game-body .current-inning-info table thead tr th:not(:first-child){ width: 30px; } .bb-widget-game-overview .game-body .current-inning-info table tbody tr td:first-child img{ width: 30px; } .bb-widget-game-overview .game-body .current-inning-info table thead tr th, .bb-widget-game-overview .game-body .current-inning-info table tbody tr td{ padding: 5px; } .bb-widget-game-overview .game-body .current-inning-info table thead tr th{ border-bottom: 1px solid #eee; font-size: 14px; } .bb-widget-game-overview .game-body .game-state{ padding: 5px; } .bb-widget-game-overview .game-body .game-state .game-base, .bb-widget-game-overview .game-body .game-state .game-stats{ display: inline-block; margin: 0 10px 0px 5px; } .bb-widget-game-overview .game-body .game-state .game-stats{ float: right; } .bb-widget-game-overview .game-body .game-state .game-stats .placeholder{ height: 12px; border-radius: 50%; background: #999; border: 1px solid #333; } .bb-widget-game-overview .game-body .game-state .game-stats .balls .placeholder.active{ background: #00cc00; } .bb-widget-game-overview .game-body .game-state .game-stats .strikes .placeholder.active{ background: #e2e200; } .bb-widget-game-overview .game-body .game-state .game-stats .outs .placeholder.active{ background: #ff0000; } .bb-widget-game-overview .game-body .game-state .game-stats > div:after { content: ""; clear: both; display: table; margin-bottom: 5px; } .bb-widget-game-overview .game-body .game-state .game-stats > div span{ float: left; font-size: 15px; line-height: 12px; width: 16px; margin: 0 1px; } .bb-widget-game-overview .game-body .game-state .game-base > div{ display: inline-block; margin-top: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bb-widget-game-overview .game-body .game-state .game-base table{ border-collapse: separate; border-spacing: 5px; } .bb-widget-game-overview .game-body .game-state .game-base table td{ width: 15px; height: 15px; } .bb-widget-game-overview .game-body .game-state .game-base table td.active{ } .bb-widget-game-overview .game-body .game-state .game-base table td.inactive{ background: #ccc !important; } .bb-widget-game-overview .game-body .game-state .game-play-by-play span:first-child{ font-weight: bold; text-transform: uppercase; } .bb-widget-game-overview .game-body .game-state .game-play-by-play span{ font-size: 11px; } .bb-widget-game-overview .game-body .game-players, .bb-widget-game-overview .game-body .game-pitchers{ padding: 10px; font-size: 11px; } .bb-widget-game-overview .game-body .game-pitchers div span:first-child, .bb-widget-game-overview .game-body .game-players div span:first-child{ font-weight: bold; }