.base_table { width: 100%; margin: 0 auto; background-color: $zebra_strip_odd; border-collapse: collapse; &.nested_table { background-color: transparent; } &.wrapper_table { > tbody > tr > td { padding: 0 !important; } } &.centered_table { th, td { text-align: center; } } th, td { &.left { text-align: left; } } th, td { &.stat { width: 30px; } } tbody tr.hl td { background-color: #ccc !important; } td.has_logo { text-align: center; } td.has_logo.size_65x65 { width: 65px; } td.has_logo.size_45x45 { width: 45px; } td.has_logo.size_25x25 { width: 25px; } thead th { padding-top: 5px !important; padding-bottom: 4px !important; text-align: left; vertical-align: top; font-size: 13px; font-weight: bold; background-color: $zebra_strip_even; } thead.has_gradient th { @extend .gradient-primary; border: none; } thead.has_dark_bg th { background-color: #666; color: #fff; text-shadow: #777; } tbody { tr.winning_team td { font-weight: bold; } tr.winning_team td[rowspan] { font-weight: normal; } td { vertical-align: middle; } p { margin-bottom: 4px; } } tbody td, thead th { padding: 7px 2px 7px 0; } thead th.upcase { text-transform: uppercase; } tbody tr:first-child td { padding-top: 8px; } tbody tr:last-child td { padding-bottom: 8px; } tbody td:first-child, thead th:first-child { padding-left: 5px; } td.goto { background: transparent url(#{$imghost}disclosureIndicator@2x.png) no-repeat center center; -webkit-background-size: 8px 12px; background-size: 8px 12px; width: 16px; padding-right: 28px; } td[rowspan] { vertical-align: middle; } tfoot td.spacer { height: 8px; line-height: 1; background-color: #f2f2f2; } // Add Tap Highlight style tr.hl td { background-color: #c3daed; } .stat_cell { width: 20px; text-align: center; } } .base_table.has_stripes { > tbody > tr:nth-of-type(2n) td { background-color: $zebra_strip_even; } > tbody > tr > td { border: 1px solid #DDD; border-width: 1px 0; } // Add Tap Highlight style > tbody > tr:nth-of-type(2n).hl > td { background-color: #c3daed; } } //.clip { // text-overflow: ellipsis; // overflow: hidden; // white-space: nowrap; //} body.android .base_table { tbody td, thead th { padding-top: 10px; padding-bottom: 10px; } } .base_table { &.scoreboard_table { td,th { text-align: center; } .team_name,.has_logo { text-align: left; } tbody td { padding-top: 4px; padding-bottom: 4px; } } } .base_table.neutral_color { thead th { background-color: #EDEDED; background-image: none; color: $default_color; text-shadow: none; } } .base_table.is_transparent { background-color: transparent; td { background-color: transparent; } } body table.base_table.has_nested_table { > tbody > tr > td { padding: 0; } }