.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 { padding-left: 5px; padding-right: 5px; } 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: 12px; font-weight: bold; background-color: $zebra_strip_even; } thead.has_gradient th { @extend .primary_gradient; @extend .txt_shadow; color: #fff; } thead.has_dark_bg th { background-color: $txt_gray; color: #fff; text-shadow: $h3_bg; } 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 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; } } .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; } } //.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; } } }