.sidearm-common .sidearm-common-header { background-color: #f2f2f2; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 8px 8px; margin-bottom: 16px; } .sidearm-common .sidearm-common-header a { color: #00294c; text-decoration: none; } .sidearm-common .sidearm-common-header a:hover { text-decoration: underline; } .sidearm-common .sidearm-common-header select { border-top-left-radius: 2px; border-bottom-left-radius: 2px; width: 100%; white-space: nowrap; background-color: white; } .sidearm-common .sidearm-common-header input[type=submit], .sidearm-common .sidearm-common-header button.sidearm-select-button { background-color: #00467f; color: #ffc425; border: none; text-transform: uppercase; font-weight: bold; font-size: 1rem; } .sidearm-common .sidearm-common-header input[type=submit]:active, .sidearm-common .sidearm-common-header button.sidearm-select-button:active { background-color: #ffc425; color: #00467f; } .sidearm-common .sidearm-common-header .sidearm-common-header-remove-right-radius { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sidearm-common .sidearm-common-header .sidearm-common-header-remove-left-radius { border-top-left-radius: 0; border-bottom-left-radius: 0; } .sidearm-common .sidearm-common-header-share-list, .sidearm-common .sidearm-common-header-select-list { list-style: none; margin: 0 -4px; padding: 0; } .sidearm-common .sidearm-common-header-share-list li, .sidearm-common .sidearm-common-header-select-list li { margin: 8px 4px; } .sidearm-common .sidearm-common-header-share-list li { margin: 0 4px; } .sidearm-common .sidearm-common-header-share { margin: 8px 0; } .sidearm-common .sidearm-common-header-share a, .sidearm-common .sidearm-common-header-share .hover-span { display: inline-block; text-decoration: none; padding: 4px 8px; border: 1px solid #cccccc; border-radius: 2px; background-color: white; } .sidearm-common .sidearm-common-header-share a:before, .sidearm-common .sidearm-common-header-share .hover-span:before { font-family: sidearm_font; margin-right: 4px; } .sidearm-common .sidearm-common-header-share a:hover, .sidearm-common .sidearm-common-header-share .hover-span:hover, .sidearm-common .sidearm-common-header-share a:active, .sidearm-common .sidearm-common-header-share .hover-span:active, .sidearm-common .sidearm-common-header-share a:focus, .sidearm-common .sidearm-common-header-share .hover-span:focus { text-decoration: none; background-color: #00467f; color: #ffc425; border-color: #002a4c; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-print a:before { content: '\e822'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-email a:before { content: '\e86f'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-download a:before { content: '\e83d'; } .sidearm-common .sidearm-common-promotion { text-align: center; } .sidearm-common .sidearm-common-promotion .dfp-ad { margin: 0 auto; } .sidearm-common-bio .sidearm-common-bio-header { background-color: #f2f2f2; padding-bottom: 16px; margin-bottom: 16px; position: relative; } .sidearm-common-bio .sidearm-common-bio-select { float: right; width: auto; margin: 8px; } .sidearm-common-bio .sidearm-common-bio-details { padding-bottom: 16px; position: relative; z-index: 2; clear: right; } .sidearm-common-bio .sidearm-common-bio-image { position: relative; z-index: 2; margin: -1rem 0 16px 16px; max-width: 20%; padding: 8px; background-color: white; border: 1px solid #cccccc; float: left; } .sidearm-common-bio .sidearm-common-bio-heading { position: relative; z-index: 1; margin: 0; font-size: 2rem; line-height: 6rem; background-color: #00467f; color: #ffc425; text-transform: uppercase; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name { margin: 0 16px; flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidearm-common-bio .sidearm-common-bio-fields { padding: 8px; } .sidearm-common-bio .sidearm-common-bio-fields ul, .sidearm-common-bio .sidearm-common-bio-fields dl, .sidearm-common-bio .sidearm-common-bio-fields dd, .sidearm-common-bio .sidearm-common-bio-fields dt { margin: 0; padding: 0; } .sidearm-common-bio .sidearm-common-bio-fields ul { list-style: none; } .sidearm-common-bio .sidearm-common-bio-fields li { padding: 0 8px; } .sidearm-common-bio .sidearm-common-bio-fields dl { border-bottom: 1px solid #cccccc; padding: 8px 16px; } .sidearm-common-bio .sidearm-common-bio-fields dt, .sidearm-common-bio .sidearm-common-bio-fields dd { display: inline; } .sidearm-common-bio .sidearm-common-bio-fields dt { font-weight: bold; margin-right: 8px; color: #00294c; text-transform: uppercase; } .sidearm-common-bio .sidearm-common-bio-fields dt:after { content: ':'; } .sidearm-link-dropdown { color: #494949; border-radius: 2px; border: 1px solid #cccccc; padding: 0; background: white; width: 100%; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-selected { float: left; padding: 0 0 0 8px; height: 26px; line-height: 26px; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-icon { float: right; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-icon i { height: 26px; line-height: 26px; cursor: pointer; } .sidearm-link-dropdown ul { list-style: none; padding: 0; overflow: hidden; clear: both; height: 0; max-height: 260px; overflow-y: auto; overflow-x: hidden; width: auto; position: absolute; z-index: 100000; background: white; margin: 0 0 0 -1px; } .sidearm-link-dropdown ul li { height: 26px; line-height: 26px; overflow: hidden; margin: 0 !important; } .sidearm-link-dropdown ul li a { text-decoration: none; color: #494949; width: 100%; display: inline-block; height: 26px; line-height: 26px; padding: 0 8px; display: inline-block; } .sidearm-link-dropdown ul li a:hover { background: #eeeeee; } .sidearm-link-dropdown ul li a:focus { outline-offset: -5px !important; } .sidearm-link-dropdown ul li a.selected { font-weight: bold; } .sidearm-link-dropdown.open ul { height: auto; border-radius: 2px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .sidearm-link-dropdown-label { display: flex; height: 28px; line-height: 28px; padding-right: 10px; font-weight: bold; } .gsc-control-cse *, .gsc-control-cse *:before, .gsc-control-cse *:after { word-wrap: break-word; -moz-box-sizing: border-box; -webkit-box-sizing: content-box; box-sizing: content-box; } @media screen and (max-width: 767px) { .sidearm-common-bio .sidearm-common-bio-details { padding: 0; } .sidearm-common-bio .sidearm-common-bio-image { max-width: 25%; margin-left: 8px; } .sidearm-common-bio .sidearm-common-bio-heading { font-size: 1.25rem; line-height: 3rem; } } @media screen and (max-width: 539px) { .sidearm-common-bio .sidearm-common-bio-heading { line-height: 1.4; padding-top: 0; } .sidearm-common-bio .sidearm-common-bio-select { float: none; width: 100%; margin: 0; } .sidearm-common-bio .sidearm-common-bio-details { padding: 8px; } .sidearm-common-bio .sidearm-common-bio-details.sidearm-common-bio-no-image .sidearm-common-bio-name { display: inline !important; margin-left: 0; margin-right: 0; } .sidearm-common-bio .sidearm-common-bio-details.sidearm-common-bio-no-image .sidearm-common-bio-name span { display: inline !important; } .sidearm-common-bio .sidearm-common-bio-heading { margin: 0; padding: 8px; background-color: transparent !important; font-size: 1.5rem; line-height: 1.4; color: #00294c; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name { display: block; line-height: 1.1; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name span { display: block; } .sidearm-common-bio .sidearm-common-bio-image { margin: 8px 16px 8px 8px; padding: 0; border: none; background: none; } .sidearm-common-bio .sidearm-common-bio-fields { clear: left; padding-left: 0; padding-right: 0; } .sidearm-common-bio .sidearm-common-bio-fields dl { padding-left: 0; padding-right: 0; } } @media print { .sidearm-common .sidearm-common-header, .sidearm-common .sidearm-common-promotion { display: none !important; } } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } .panel { background-color: white; padding-top: 8px; padding-bottom: 8px; padding-left: 0; padding-right: 0; border: none; margin-top: 10px; margin-bottom: 10px; } .box-score { position: relative; color: #494949; /* Tables */ } .box-score > h1:first-of-type:not(.hide), .box-score .main-heading { font-size: 1.5em; line-height: 1.3; margin: 1em 0; padding: 0; border: none; position: static; } .box-score > h1:first-of-type:not(.hide) span, .box-score .main-heading span { color: #00294c; } .box-score #print-bar { margin: 14px 0 22px 0; } .box-score #print-bar i[class^="icon"] { padding-right: 2px; } .box-score #print-bar span { margin-right: 10px; } .box-score .sub-heading { font-weight: bold; font-size: 1.4em; line-height: 2; border-bottom: 5px solid #00294c; margin: 0 0 10px 0; } .box-score table { margin-bottom: 0; } .box-score table caption { font-weight: bold; font-size: 1.4em; line-height: 2; border-bottom: 5px solid #00294c; text-align: left; } .box-score table tbody tr td.substitute, .box-score table tbody tr th.substitute { padding-left: 20px; } .box-score table tbody tr th.winner:before { content: '\e861'; font-family: sidearm_font; margin-right: 5px; } .box-score table tbody tr td.display-score { position: absolute; left: 0; top: auto; width: 100%; text-align: center; z-index: 1; background-color: #00467f; color: #ffc425; font-weight: bold; font-size: 1.5em; opacity: 0; transition: 0.1s; } .box-score table tbody tr:hover td.display-score:not(:empty) { opacity: 1; cursor: pointer; } .box-score table tfoot tr.percentages td, .box-score table tfoot tr.percentages th { color: #00294c; } .box-score table tfoot tr.percentages td:not(:empty):before, .box-score table tfoot tr.percentages th:not(:empty):before { content: '\e84f'; font-family: sidearm_font; margin-right: 5px; float: none; width: auto; display: inline; } .box-score table tfoot th { font-style: italic; text-transform: uppercase; } .box-score table tfoot th.hide { text-indent: -9999px; display: block !important; } .box-score table tfoot td, .box-score table tfoot th { border-right: 1px solid #cccccc; } .box-score table tfoot td:last-of-type { border-right: 0; } .box-score table tr.emphasize, .box-score table td.emphasize { background-color: #e5e5e5; font-weight: bold; } .box-score table.play-by-play span { color: #00294c; } .box-score table.scoring-summary td.play, .box-score table.scoring-summary th.play { width: 5px !important; } .box-score table.scoring-summary td.play.team, .box-score table.scoring-summary th.play.team { background-color: #00467f; } .box-score table.scoring-summary tfoot tr { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .box-score table.highlight-hover tbody tr:hover th:not([scope=colgroup]), .box-score table.highlight-hover tbody tr:hover td { background-color: #e5e5e5; } .box-score table.highlight-column-hover { overflow: hidden; z-index: 0; } .box-score table.highlight-column-hover tbody th:not([scope=row]), .box-score table.highlight-column-hover tbody td { position: relative; } .box-score table.highlight-column-hover tbody th:not([scope=row]):hover:after, .box-score table.highlight-column-hover tbody td:hover:after { content: ''; position: absolute; background-color: #e5e5e5; left: 0; top: -9999px; height: 99999px; width: 100%; z-index: -1; } .box-score table.overall-stats { position: relative; margin-top: 20px; } .box-score table.overall-stats caption { font-size: 1em; border: none; line-height: 1.2; position: absolute; left: 0; top: 0; padding: 5px; font-style: italic; } .box-score table.overall-stats thead th { line-height: 1.2; } .box-score table.overall-stats thead th[rowspan] { vertical-align: bottom; } .box-score table.overall-stats tbody tr th.header-group { background-color: #e5e5e5; color: #494949; font-weight: bold; font-style: italic; text-transform: uppercase; } .box-score table.overall-stats tfoot th { text-align: left; } .box-score table.overall-stats.full { margin-top: 0; } .box-score table.overall-stats.full caption { padding: 0; font-weight: bold; font-size: 1.4em; line-height: 2; border-bottom: 5px solid #00294c; text-align: left; position: static; font-style: normal; text-transform: none; } .box-score table.overall-stats.centered-caption caption { position: static; text-align: center; background-color: #e5e5e5; color: #494949; border-bottom: 1px solid #cccccc; } .box-score table.overall-stats.hide-caption caption { position: absolute !important; left: -9999px; } .box-score table.overall-stats.no-margin { margin-top: 0; } .box-score table[sortable-table] { width: 100% !important; } .box-score table[sortable-table] thead th[class*=sort] { cursor: pointer; } .box-score table[sortable-table] thead th[class*=sort]:hover { text-decoration: underline; } .box-score table[sortable-table] thead th.sorting_desc, .box-score table[sortable-table] thead th.sorting_asc { background: #656565; color: white; } .box-score table[sortable-table] thead th[scope=colgroup] { background-color: white; } .box-score dl { margin: 0; padding: 0; *zoom: 1; } .box-score dl:before, .box-score dl:after { content: ""; display: table; } .box-score dl:after { clear: both; } .box-score dl dt, .box-score dl dd { display: block; } .box-score dl dt { float: left; clear: left; } .box-score dl dt { font-weight: bold; text-transform: uppercase; margin-right: 0; } .box-score dl dd dl { clear: both; } .box-score dl dd dt { color: #00467f; margin-left: -10px; } .box-score dl.special-stats { margin: 10px 0; padding: 10px; background-color: #e5e5e5; } .box-score dl.special-stats dt { color: #494949; padding: 0 5px 0 0; } .box-score dl.special-stats dd { border-bottom: 1px solid white; color: #00294c; font-weight: bold; margin-left: 0; } .box-score dl.special-stats.multi-columns { -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .box-score dl.special-stats.multi-columns dd { break-before: avoid; -webkit-column-break-before: avoid; -webkit-column-break-inside: avoid; } .box-score dl.inline dt, .box-score dl.inline dd { float: none; clear: none; display: inline; margin-left: 0; } .box-score dl.inline dd { margin: 0 10px 0 2px; } .box-score dl.emphasize { background-color: #e5e5e5; padding: 5px 10px; } .box-score dl.emphasize.primary { background-color: #00467f; } .box-score dl.emphasize.primary dt, .box-score dl.emphasize.primary dd { color: #ffc425; border: none; } .box-score section + section:not(.ui-tabs-panel) { margin-top: 20px; } .info-graphic { margin: 0; padding: 0; } .info-graphic .team { display: table; table-layout: fixed; vertical-align: middle; color: #494949; } .info-graphic .team img, .info-graphic .team span { display: table-cell; vertical-align: middle; max-height: 100%; margin: 0 auto; } .info-graphic .team span { width: 33.3333%; text-align: center; font-size: 2em; font-weight: bold; } .info-graphic .bracket { position: absolute; width: 25%; height: 100%; left: 50%; top: 0; margin-left: -12.5%; } .info-graphic .bracket span { position: absolute; z-index: 2; background-color: white; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 30px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; border: 1px solid #cccccc; border-radius: 50%; color: #cccccc; } .info-graphic .bracket hr { position: absolute; z-index: 1; top: 50%; margin-top: -0.5px; width: 50%; height: 1px; background-color: #cccccc; left: 25%; border: none; } .info-graphic .bracket:before, .info-graphic .bracket:after { content: ''; display: block; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 25%; height: 80%; position: absolute; top: 10%; } .info-graphic .bracket:before { left: 0; border-right: 1px solid #cccccc; } .info-graphic .bracket:after { right: 0; border-left: 1px solid #cccccc; } .info-graphic.logos-on-side { padding: 0 20px; } .info-graphic.logos-on-side .team { position: absolute !important; display: block; top: 0; height: 100%; } .info-graphic.logos-on-side .team.away { left: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); } .info-graphic.logos-on-side .team.home { left: auto; right: 0; transform: translateX(100%); -webkit-transform: translateX(100%); } .box-score-header { display: flex; display: -webkit-flex; margin: 0; padding: 0; } .box-score-header figcaption { flex: 1; -webkit-flex: 1; padding: 0 10px; } .box-score-graphic { display: flex; display: -webkit-flex; flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; padding: 0 10px; } .box-score-graphic > * { display: flex; display: -webkit-flex; text-align: center; } .box-score-graphic .team { flex: 2; min-width: 1px; min-height: 1px; flex: 2; -webkit-flex: 2; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; } .box-score-graphic .team .score { font-weight: bold; font-size: 40px; line-height: 1.5; white-space: nowrap; } .box-score-graphic .team .score.winner { font-weight: bold; } .box-score-graphic .team .score.loser { color: #767676; } .box-score-graphic .bracket { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; position: relative; } .box-score-graphic .bracket span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: inline-block; border: 1px solid #cccccc; border-radius: 50%; padding: 10px; line-height: 1; background-color: white; font-weight: bold; font-size: 120%; } .box-score-graphic .bracket:before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #cccccc; margin-left: -1px; } .info-graphic table caption, figure.box-score-header table caption { display: none !important; } h1.info-graphic table caption, h1figure.box-score-header table caption, h2.info-graphic table caption, h2figure.box-score-header table caption, h3.info-graphic table caption, h3figure.box-score-header table caption, caption.info-graphic table caption, captionfigure.box-score-header table caption, label.info-graphic table caption, labelfigure.box-score-header table caption { display: block !important; position: absolute; left: -9999px; top: -9999px; } .info-graphic table thead, figure.box-score-header table thead { border-bottom: 2px solid #00294c; background: none; } .info-graphic table thead th, figure.box-score-header table thead th { color: #00294c; font-weight: bold; padding: 0 10px; font-size: 1em; vertical-align: bottom; } .info-graphic table thead th:first-child, figure.box-score-header table thead th:first-child { text-indent: -9999px; width: 60%; } .info-graphic table thead th + th, figure.box-score-header table thead th + th { text-align: right; } .info-graphic table tbody tr, figure.box-score-header table tbody tr { border-bottom: 1px solid #cccccc; } .info-graphic table tbody td, figure.box-score-header table tbody td, .info-graphic table tbody th, figure.box-score-header table tbody th { padding: 5px 10px; text-align: left; font-size: 1em; color: #494949; } .info-graphic table tbody td + td, figure.box-score-header table tbody td + td, .info-graphic table tbody th + td, figure.box-score-header table tbody th + td { text-align: right; } .info-graphic table tbody th.winner:before, figure.box-score-header table tbody th.winner:before { content: '\e861'; font-family: sidearm_font; margin-right: 5px; } .info-graphic dl, figure.box-score-header dl { padding: 10px 0; } .info-graphic dl dt, figure.box-score-header dl dt, .info-graphic dl dd, figure.box-score-header dl dd { display: inline; } .info-graphic dl dt, figure.box-score-header dl dt { font-weight: bold; } .info-graphic dl dd, figure.box-score-header dl dd { padding: 0 2.5px; } .game-details-container.columns { position: static; } .game-details-container.columns:after { content: ''; position: absolute; top: 0; right: -10px; width: 33.3333%; height: 100%; border-left: 1px solid #cccccc; } .game-details dl { font-size: 1em; line-height: 1.5; } .game-details dl dt { color: #00294c; margin: 0 10px; float: left; clear: left; padding: 5px 0 0 0; font-weight: bold; text-transform: uppercase; } .game-details dl dd { color: #656565; padding: 5px 10px; margin: 0; border-bottom: 1px solid #cccccc; -webkit-font-feature-settings: "liga" 0; -moz-font-feature-settings: "liga" 0; -ms-font-feature-settings: "liga" 0; font-feature-settings: "liga" 0; } .game-details dl dd:last-child { border: none; } .game-details-history-link { /* Allows anchor tag to be targeted/clickable */ position: relative; z-index: 1; } .sidearm-responsive-tabs > ul { background-color: #e5e5e5; list-style: none; margin: 0; padding: 0; *zoom: 1; border-bottom: 2px solid #00294c; text-align: center; white-space: nowrap; } .sidearm-responsive-tabs > ul:before, .sidearm-responsive-tabs > ul:after { content: ""; display: table; } .sidearm-responsive-tabs > ul:after { clear: both; } .sidearm-responsive-tabs > ul > li { display: inline-block; height: 40px; line-height: 40px; text-align: center; } .sidearm-responsive-tabs > ul > li > a { color: #494949; text-decoration: none; display: block; padding: 0 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .sidearm-responsive-tabs > ul > li > a:hover { color: black; } .sidearm-responsive-tabs > ul > li.ui-state-active { background-color: white; } .sidearm-responsive-tabs > ul > li.ui-state-active > a { color: #00294c; } .sidearm-responsive-tabs.main-tabs > ul > li.ui-state-active { background-color: #00467f; } .sidearm-responsive-tabs.main-tabs > ul > li.ui-state-active > a { color: #ffc425; } .sidearm-responsive-tabs .ui-tabs-hide { display: none !important; } h1.sidearm-responsive-tabs .ui-tabs-hide, h2.sidearm-responsive-tabs .ui-tabs-hide, h3.sidearm-responsive-tabs .ui-tabs-hide, caption.sidearm-responsive-tabs .ui-tabs-hide, label.sidearm-responsive-tabs .ui-tabs-hide { display: block !important; position: absolute; left: -9999px; top: -9999px; } #play-analysis .panel { position: relative; } #play-analysis figure { margin: 0; } #play-analysis table caption { position: absolute; width: 100%; top: 10px; left: 0; width: 100%; font-size: 1em; color: #00294c; border-width: 2px; text-indent: 20px; text-transform: uppercase; } #play-analysis table thead th { font-size: 1em; line-height: 2; padding: 0 10px; font-weight: bold; text-transform: uppercase; color: #00294c; text-align: right; } #play-analysis table thead th:last-child { padding-right: 20px; } #play-analysis table tbody tr:first-child { border-top: none; } #play-analysis table tbody tr td, #play-analysis table tbody tr th { text-align: right; } #play-analysis table tbody tr td:first-child, #play-analysis table tbody tr th:first-child { width: 70%; padding-left: 20px; text-align: left; } #play-analysis table tbody tr td:last-child, #play-analysis table tbody tr th:last-child { padding-right: 20px; } #play-analysis .bar-chart { padding-top: 10px; width: 66.6666%; margin: 0 auto; } #play-analysis .bar-chart .bar { margin: 5px 0; background-color: #f2f2f2; } #play-analysis .bar-chart .bar .value { text-align: right; padding-right: 10px; font-weight: bold; } #play-analysis .bar-chart .bar .value.team { background-color: #00467f; color: #ffc425; } #play-analysis .bar-chart .bar .value.opponent { background-color: #494949; color: white; } #play-analysis:not(.ui-tabs-hide) .bar-chart .bar .value { animation: progress-bar 2s; } /* Sport Specific */ .mbball .box-score-header, .wbball .box-score-header, .jvbaseball .box-score-header, .jvmbb .box-score-header, .jvmbball .box-score-header, .jvwbb .box-score-header, .jvwbball .box-score-header, .d3wbb .box-score-header, .d3mbb .box-score-header, .wcbb .box-score-header { display: block; } .mbball .sidearm-responsive .sidearm-table tbody tr td, .wbball .sidearm-responsive .sidearm-table tbody tr td, .jvbaseball .sidearm-responsive .sidearm-table tbody tr td, .jvmbb .sidearm-responsive .sidearm-table tbody tr td, .jvmbball .sidearm-responsive .sidearm-table tbody tr td, .jvwbb .sidearm-responsive .sidearm-table tbody tr td, .jvwbball .sidearm-responsive .sidearm-table tbody tr td, .d3wbb .sidearm-responsive .sidearm-table tbody tr td, .d3mbb .sidearm-responsive .sidearm-table tbody tr td, .wcbb .sidearm-responsive .sidearm-table tbody tr td, .mbball .sidearm-responsive .sidearm-table tbody tr th, .wbball .sidearm-responsive .sidearm-table tbody tr th, .jvbaseball .sidearm-responsive .sidearm-table tbody tr th, .jvmbb .sidearm-responsive .sidearm-table tbody tr th, .jvmbball .sidearm-responsive .sidearm-table tbody tr th, .jvwbb .sidearm-responsive .sidearm-table tbody tr th, .jvwbball .sidearm-responsive .sidearm-table tbody tr th, .d3wbb .sidearm-responsive .sidearm-table tbody tr th, .d3mbb .sidearm-responsive .sidearm-table tbody tr th, .wcbb .sidearm-responsive .sidearm-table tbody tr th { padding: 5px 3px; } .mbball .sidearm-responsive .sidearm-table tfoot th, .wbball .sidearm-responsive .sidearm-table tfoot th, .jvbaseball .sidearm-responsive .sidearm-table tfoot th, .jvmbb .sidearm-responsive .sidearm-table tfoot th, .jvmbball .sidearm-responsive .sidearm-table tfoot th, .jvwbb .sidearm-responsive .sidearm-table tfoot th, .jvwbball .sidearm-responsive .sidearm-table tfoot th, .d3wbb .sidearm-responsive .sidearm-table tfoot th, .d3mbb .sidearm-responsive .sidearm-table tfoot th, .wcbb .sidearm-responsive .sidearm-table tfoot th, .mbball .sidearm-responsive .sidearm-table tfoot td, .wbball .sidearm-responsive .sidearm-table tfoot td, .jvbaseball .sidearm-responsive .sidearm-table tfoot td, .jvmbb .sidearm-responsive .sidearm-table tfoot td, .jvmbball .sidearm-responsive .sidearm-table tfoot td, .jvwbb .sidearm-responsive .sidearm-table tfoot td, .jvwbball .sidearm-responsive .sidearm-table tfoot td, .d3wbb .sidearm-responsive .sidearm-table tfoot td, .d3mbb .sidearm-responsive .sidearm-table tfoot td, .wcbb .sidearm-responsive .sidearm-table tfoot td { padding: 3px 0px; } .mbball .box-score-graphic, .wbball .box-score-graphic, .jvbaseball .box-score-graphic, .jvmbb .box-score-graphic, .jvmbball .box-score-graphic, .jvwbb .box-score-graphic, .jvwbball .box-score-graphic, .d3wbb .box-score-graphic, .d3mbb .box-score-graphic, .wcbb .box-score-graphic { margin-bottom: 20px; } .mbball .box-score-graphic .team, .wbball .box-score-graphic .team, .jvbaseball .box-score-graphic .team, .jvmbb .box-score-graphic .team, .jvmbball .box-score-graphic .team, .jvwbb .box-score-graphic .team, .jvwbball .box-score-graphic .team, .d3wbb .box-score-graphic .team, .d3mbb .box-score-graphic .team, .wcbb .box-score-graphic .team { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; padding: 10px; } .mbball .box-score-graphic .team > div, .wbball .box-score-graphic .team > div, .jvbaseball .box-score-graphic .team > div, .jvmbb .box-score-graphic .team > div, .jvmbball .box-score-graphic .team > div, .jvwbb .box-score-graphic .team > div, .jvwbball .box-score-graphic .team > div, .d3wbb .box-score-graphic .team > div, .d3mbb .box-score-graphic .team > div, .wcbb .box-score-graphic .team > div { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .mbball .box-score-graphic .team span, .wbball .box-score-graphic .team span, .jvbaseball .box-score-graphic .team span, .jvmbb .box-score-graphic .team span, .jvmbball .box-score-graphic .team span, .jvwbb .box-score-graphic .team span, .jvwbball .box-score-graphic .team span, .d3wbb .box-score-graphic .team span, .d3mbb .box-score-graphic .team span, .wcbb .box-score-graphic .team span { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; font-size: 2em; font-weight: bold; padding: 0 20px; } .mbball .box-score-graphic .bracket, .wbball .box-score-graphic .bracket, .jvbaseball .box-score-graphic .bracket, .jvmbb .box-score-graphic .bracket, .jvmbball .box-score-graphic .bracket, .jvwbb .box-score-graphic .bracket, .jvwbball .box-score-graphic .bracket, .d3wbb .box-score-graphic .bracket, .d3mbb .box-score-graphic .bracket, .wcbb .box-score-graphic .bracket { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; position: relative; } .mbball .box-score-graphic .bracket hr, .wbball .box-score-graphic .bracket hr, .jvbaseball .box-score-graphic .bracket hr, .jvmbb .box-score-graphic .bracket hr, .jvmbball .box-score-graphic .bracket hr, .jvwbb .box-score-graphic .bracket hr, .jvwbball .box-score-graphic .bracket hr, .d3wbb .box-score-graphic .bracket hr, .d3mbb .box-score-graphic .bracket hr, .wcbb .box-score-graphic .bracket hr { align-self: center; width: 50%; height: 1px; background-color: #cccccc; color: #cccccc; border: none; margin: 0 auto; } .mbball .box-score-graphic .bracket span, .wbball .box-score-graphic .bracket span, .jvbaseball .box-score-graphic .bracket span, .jvmbb .box-score-graphic .bracket span, .jvmbball .box-score-graphic .bracket span, .jvwbb .box-score-graphic .bracket span, .jvwbball .box-score-graphic .bracket span, .d3wbb .box-score-graphic .bracket span, .d3mbb .box-score-graphic .bracket span, .wcbb .box-score-graphic .bracket span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: inline-block; border: 1px solid #cccccc; border-radius: 50%; padding: 10px; line-height: 1; background-color: white; font-weight: bold; font-size: 120%; } .mbball .box-score-graphic .bracket:before, .wbball .box-score-graphic .bracket:before, .jvbaseball .box-score-graphic .bracket:before, .jvmbb .box-score-graphic .bracket:before, .jvmbball .box-score-graphic .bracket:before, .jvwbb .box-score-graphic .bracket:before, .jvwbball .box-score-graphic .bracket:before, .d3wbb .box-score-graphic .bracket:before, .d3mbb .box-score-graphic .bracket:before, .wcbb .box-score-graphic .bracket:before, .mbball .box-score-graphic .bracket:after, .wbball .box-score-graphic .bracket:after, .jvbaseball .box-score-graphic .bracket:after, .jvmbb .box-score-graphic .bracket:after, .jvmbball .box-score-graphic .bracket:after, .jvwbb .box-score-graphic .bracket:after, .jvwbball .box-score-graphic .bracket:after, .d3wbb .box-score-graphic .bracket:after, .d3mbb .box-score-graphic .bracket:after, .wcbb .box-score-graphic .bracket:after { content: ''; background: none; position: absolute; top: 0; width: 25%; height: 100%; border: 1px solid #cccccc; } .mbball .box-score-graphic .bracket:before, .wbball .box-score-graphic .bracket:before, .jvbaseball .box-score-graphic .bracket:before, .jvmbb .box-score-graphic .bracket:before, .jvmbball .box-score-graphic .bracket:before, .jvwbb .box-score-graphic .bracket:before, .jvwbball .box-score-graphic .bracket:before, .d3wbb .box-score-graphic .bracket:before, .d3mbb .box-score-graphic .bracket:before, .wcbb .box-score-graphic .bracket:before { left: 0; border-left-width: 0; } .mbball .box-score-graphic .bracket:after, .wbball .box-score-graphic .bracket:after, .jvbaseball .box-score-graphic .bracket:after, .jvmbb .box-score-graphic .bracket:after, .jvmbball .box-score-graphic .bracket:after, .jvwbb .box-score-graphic .bracket:after, .jvwbball .box-score-graphic .bracket:after, .d3wbb .box-score-graphic .bracket:after, .d3mbb .box-score-graphic .bracket:after, .wcbb .box-score-graphic .bracket:after { right: 0; border-right-width: 0; } .baseball .info-graphic table thead, .softball .info-graphic table thead, .jvbaseball .info-graphic table thead { border: none; } .baseball .info-graphic table thead th, .softball .info-graphic table thead th, .jvbaseball .info-graphic table thead th { text-align: center !important; } .baseball .info-graphic table thead th:first-child, .softball .info-graphic table thead th:first-child, .jvbaseball .info-graphic table thead th:first-child { width: auto; } .baseball .info-graphic table tbody th, .softball .info-graphic table tbody th, .jvbaseball .info-graphic table tbody th, .baseball .info-graphic table tbody td, .softball .info-graphic table tbody td, .jvbaseball .info-graphic table tbody td { border-right: 1px solid #cccccc; text-align: center !important; } .baseball .info-graphic table tbody th:first-child, .softball .info-graphic table tbody th:first-child, .jvbaseball .info-graphic table tbody th:first-child { border-left: 1px solid #cccccc; text-align: left !important; } .baseball .info-graphic table tbody th:first-child.winner, .softball .info-graphic table tbody th:first-child.winner, .jvbaseball .info-graphic table tbody th:first-child.winner { font-weight: bold; } .baseball .info-graphic table tbody th:first-child.winner:before, .softball .info-graphic table tbody th:first-child.winner:before, .jvbaseball .info-graphic table tbody th:first-child.winner:before { content: ''; display: inline-block; margin-right: 5px; border-left: 7.5px solid #00467f; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .baseball .info-graphic .bracket span, .softball .info-graphic .bracket span, .jvbaseball .info-graphic .bracket span { border-radius: 0; border-bottom: none; height: 25px; } .baseball .info-graphic .bracket span:before, .softball .info-graphic .bracket span:before, .jvbaseball .info-graphic .bracket span:before { z-index: -1; position: absolute; top: 24px; left: 0; content: ''; border-top: 9px solid white; border-left: 14px solid transparent; border-right: 14px solid transparent; } .baseball .info-graphic .bracket span:after, .softball .info-graphic .bracket span:after, .jvbaseball .info-graphic .bracket span:after { z-index: -2; position: absolute; top: 24px; left: -1px; content: ''; border-top: 10px solid #cccccc; border-left: 15.5px solid transparent; border-right: 15.5px solid transparent; } .baseball .game-details, .softball .game-details, .jvbaseball .game-details { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0; } .baseball .game-details dl, .softball .game-details dl, .jvbaseball .game-details dl { font-size: 1em; line-height: 1.5; margin: 0 -15%; text-align: center; font-weight: bold; } .baseball .game-details dt, .softball .game-details dt, .jvbaseball .game-details dt, .baseball .game-details dd, .softball .game-details dd, .jvbaseball .game-details dd { display: inline; margin: 0; padding: 0 5px; float: none; clear: none; } .baseball .game-details dt, .softball .game-details dt, .jvbaseball .game-details dt { color: #00294c; text-transform: uppercase; } .baseball .game-details dd, .softball .game-details dd, .jvbaseball .game-details dd { color: #656565; border: none; margin: 0 20px 0 5px; } .baseball .play-by-play caption, .softball .play-by-play caption, .jvbaseball .play-by-play caption { position: absolute; top: 10px; left: 0; font-size: 1.1em; padding: 0 5px; border: none; font-style: italic; } .baseball .play-by-play th:first-child, .softball .play-by-play th:first-child, .jvbaseball .play-by-play th:first-child { width: 75%; } .football figure.box-score-header table thead, .sfootball figure.box-score-header table thead { border-bottom: none; } .football figure.box-score-header table tbody tr td, .sfootball figure.box-score-header table tbody tr td, .football figure.box-score-header table tbody tr th, .sfootball figure.box-score-header table tbody tr th { border-right: 1px solid #cccccc; } .football figure.box-score-header table tbody tr td:first-child, .sfootball figure.box-score-header table tbody tr td:first-child, .football figure.box-score-header table tbody tr th:first-child, .sfootball figure.box-score-header table tbody tr th:first-child { border-left: 1px solid #cccccc; width: 40%; } .football .box-score-graphic .bracket span, .sfootball .box-score-graphic .bracket span { border: none; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; } .football .box-score-graphic .bracket span:before, .sfootball .box-score-graphic .bracket span:before { content: ''; display: block; border: 1px solid #cccccc; border-radius: 70% 0%; position: absolute; width: 100%; height: 100%; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .football .box-score-graphic .bracket span:after, .sfootball .box-score-graphic .bracket span:after { content: ''; width: 36px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; } .football header dl, .sfootball header dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .football header figcaption dl, .sfootball header figcaption dl { margin: 0; border: 0; padding: 2.5px 10px; font-size: .85em; } .wsoc header figure + dl, .msoc header figure + dl, .fhockey header figure + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .wsoc .box-score-header table thead, .msoc .box-score-header table thead, .fhockey .box-score-header table thead { border-bottom: none; } .wsoc .box-score-header table tbody tr td, .msoc .box-score-header table tbody tr td, .fhockey .box-score-header table tbody tr td, .wsoc .box-score-header table tbody tr th, .msoc .box-score-header table tbody tr th, .fhockey .box-score-header table tbody tr th { border-right: 1px solid #cccccc; } .wsoc .box-score-header table tbody tr td:first-child, .msoc .box-score-header table tbody tr td:first-child, .fhockey .box-score-header table tbody tr td:first-child, .wsoc .box-score-header table tbody tr th:first-child, .msoc .box-score-header table tbody tr th:first-child, .fhockey .box-score-header table tbody tr th:first-child { border-left: 1px solid #cccccc; width: 40%; } .wsoc .box-score-graphic, .msoc .box-score-graphic, .fhockey .box-score-graphic { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; position: relative; } .wsoc .box-score-graphic .team, .msoc .box-score-graphic .team, .fhockey .box-score-graphic .team { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; position: relative; } .wsoc .box-score-graphic .team.away, .msoc .box-score-graphic .team.away, .fhockey .box-score-graphic .team.away { border-right: 1px solid #cccccc; padding-right: 10px; } .wsoc .box-score-graphic .team.away:before, .msoc .box-score-graphic .team.away:before, .fhockey .box-score-graphic .team.away:before, .wsoc .box-score-graphic .team.away:after, .msoc .box-score-graphic .team.away:after, .fhockey .box-score-graphic .team.away:after { right: 0; } .wsoc .box-score-graphic .team.away .cap, .msoc .box-score-graphic .team.away .cap, .fhockey .box-score-graphic .team.away .cap { right: 0; transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); border-radius: 0 40px 40px 0; border-left: none; } .wsoc .box-score-graphic .team.home, .msoc .box-score-graphic .team.home, .fhockey .box-score-graphic .team.home { border-left: 1px solid #cccccc; padding-left: 10px; } .wsoc .box-score-graphic .team.home:before, .msoc .box-score-graphic .team.home:before, .fhockey .box-score-graphic .team.home:before, .wsoc .box-score-graphic .team.home:after, .msoc .box-score-graphic .team.home:after, .fhockey .box-score-graphic .team.home:after { left: 0; } .wsoc .box-score-graphic .team.home .cap, .msoc .box-score-graphic .team.home .cap, .fhockey .box-score-graphic .team.home .cap { left: 0; transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); border-radius: 40px 0 0 40px; border-right: none; } .wsoc .box-score-graphic .team .cap, .msoc .box-score-graphic .team .cap, .fhockey .box-score-graphic .team .cap { position: absolute; width: 20px; height: 40px; border-color: #cccccc; border-style: solid; border-width: 1px; position: absolute; top: 50%; } .wsoc .box-score-graphic .team:before, .msoc .box-score-graphic .team:before, .fhockey .box-score-graphic .team:before, .wsoc .box-score-graphic .team:after, .msoc .box-score-graphic .team:after, .fhockey .box-score-graphic .team:after { content: ''; width: 25%; height: 1px; background-color: #cccccc; position: absolute; } .wsoc .box-score-graphic .team:before, .msoc .box-score-graphic .team:before, .fhockey .box-score-graphic .team:before { top: 0; } .wsoc .box-score-graphic .team:after, .msoc .box-score-graphic .team:after, .fhockey .box-score-graphic .team:after { bottom: 0; } .wsoc .box-score-graphic .bracket, .msoc .box-score-graphic .bracket, .fhockey .box-score-graphic .bracket { padding: 0 10px; } .wsoc .box-score-graphic .bracket:before, .msoc .box-score-graphic .bracket:before, .fhockey .box-score-graphic .bracket:before { height: calc(100% + 40px); top: -20px; } .wsoc .penalty-type, .msoc .penalty-type, .fhockey .penalty-type { width: 5px !important; padding: 0 !important; } .wsoc .penalty-type.yellow, .msoc .penalty-type.yellow, .fhockey .penalty-type.yellow { border-left: 1px solid #e6e500; } .wsoc .penalty-type.yellow + td, .msoc .penalty-type.yellow + td, .fhockey .penalty-type.yellow + td { border-left-color: #e6e500; } .wsoc .penalty-type.red, .msoc .penalty-type.red, .fhockey .penalty-type.red { border-left: 1px solid #e60000; } .wsoc .penalty-type.red + td, .msoc .penalty-type.red + td, .fhockey .penalty-type.red + td { border-left-color: #e60000; } .wsoc .penalty-type.green, .msoc .penalty-type.green, .fhockey .penalty-type.green { border-left: 1px solid #006700; } .wsoc .penalty-type.green + td, .msoc .penalty-type.green + td, .fhockey .penalty-type.green + td { border-left-color: #006700; } .wsoc .yellow, .msoc .yellow, .fhockey .yellow { background-color: yellow; } .wsoc .red, .msoc .red, .fhockey .red { background-color: red; } .wsoc .green, .msoc .green, .fhockey .green { background-color: green; } .wvball .box-score-graphic, .mvball .box-score-graphic { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .wvball .box-score-graphic .team, .mvball .box-score-graphic .team { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; padding: 10px 0; } .wvball .box-score-graphic .team.away, .mvball .box-score-graphic .team.away { padding-right: 10px; border-right: 1px solid #cccccc; } .wvball .box-score-graphic .team.home, .mvball .box-score-graphic .team.home { padding-left: 10px; border-left: 1px solid #cccccc; } .wvball header figure + dl, .mvball header figure + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .wvball .stats-graphic tbody th, .mvball .stats-graphic tbody th { width: 25%; } .wvball .stats-graphic tbody td, .mvball .stats-graphic tbody td { padding: 0; position: relative; } .wvball .stats-graphic tbody td .value, .mvball .stats-graphic tbody td .value { position: absolute; height: 100%; top: 0; background-color: #00294c; color: white; font-weight: bold; text-align: center; } .wvball .stats-graphic tbody td .value:first-child, .mvball .stats-graphic tbody td .value:first-child { left: 0; } .wvball .stats-graphic tbody td .value + .value, .mvball .stats-graphic tbody td .value + .value { right: 0; } .wvball .stats-graphic tbody td .value.opponent, .mvball .stats-graphic tbody td .value.opponent { background-color: #f2f2f2; color: #494949; } .wvball .stats-graphic tbody td .value:before, .mvball .stats-graphic tbody td .value:before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 100%; } .wvball .stats-graphic tbody td .value span, .mvball .stats-graphic tbody td .value span { display: inline-block; vertical-align: middle; } .mhockey .box-score-graphic, .whockey .box-score-graphic { margin-right: 20px; border: 1px solid #cccccc; border-radius: 30px; } .mhockey .box-score-graphic .team, .whockey .box-score-graphic .team { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 0 10px; position: relative; } .mhockey .box-score-graphic .team img, .whockey .box-score-graphic .team img { margin-top: 10px; } .mhockey .box-score-graphic .team.away, .whockey .box-score-graphic .team.away { margin-left: 20px; margin-right: 10px; padding-left: 20px; } .mhockey .box-score-graphic .team.away:before, .whockey .box-score-graphic .team.away:before { left: 0; border-radius: 0 40px 40px 0; border-left: none; } .mhockey .box-score-graphic .team.home, .whockey .box-score-graphic .team.home { margin-right: 20px; margin-left: 10px; padding-right: 20px; } .mhockey .box-score-graphic .team.home:before, .whockey .box-score-graphic .team.home:before { right: 0; border-radius: 40px 0 0 40px; border-right: none; } .mhockey .box-score-graphic .team:before, .whockey .box-score-graphic .team:before { content: ''; width: 20px; height: 40px; border-color: #cccccc; border-style: solid; border-width: 1px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .mhockey .box-score-header, .whockey .box-score-header { align-items: center; -webkit-align-items: center; } .mhockey .box-score-header figcaption dl, .whockey .box-score-header figcaption dl { margin: 0; border: 0; padding: 2.5px 10px; font-size: .85em; } .mhockey .box-score-header + dl, .whockey .box-score-header + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mhockey .jersey-number, .whockey .jersey-number { float: left; width: 30px; text-align: left; } .mlax .box-score-header, .wlax .box-score-header { align-items: center; -webkit-align-items: center; } .mlax .box-score-header figcaption dl, .wlax .box-score-header figcaption dl { margin: 0; border: 0; padding: 2.5px 10px; font-size: .85em; } .mlax .box-score-header + dl, .wlax .box-score-header + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mlax .box-score-graphic, .wlax .box-score-graphic { border: 1px solid #cccccc; padding: 0; margin-right: 10px; } .mlax .box-score-graphic .team, .wlax .box-score-graphic .team { margin: 20px 0; padding: 20px 10px; flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mlax .box-score-graphic .team .score, .wlax .box-score-graphic .team .score { background-color: white; padding: 10px; margin-right: -25%; position: relative; z-index: 1; } .mlax .box-score-graphic .team.home, .wlax .box-score-graphic .team.home { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .mlax .box-score-graphic .team.home .score, .wlax .box-score-graphic .team.home .score { margin-right: 0; margin-left: -25%; } .mlax .box-score-graphic .bracket, .wlax .box-score-graphic .bracket { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .mlax .box-score-graphic .bracket span, .wlax .box-score-graphic .bracket span { border: none; } .mlax .box-score-graphic .bracket:after, .wlax .box-score-graphic .bracket:after { content: ''; position: absolute; left: 0; width: 33.3333%; height: calc(100% - 40px); position: absolute; left: 50%; top: 20px; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mlax .jersey-number, .wlax .jersey-number { float: left; width: 30px; text-align: left; } .mten .tournament-name, .wten .tournament-name { font-size: 16px; font-weight: 700; } .mten .box-score-header, .wten .box-score-header { margin: 0 auto; max-width: 50%; } .mten .box-score-graphic, .wten .box-score-graphic { border: 1px solid #cccccc; padding: 0; margin: 0 10px 10px 0; position: relative; } .mten .box-score-graphic:after, .wten .box-score-graphic:after { content: ''; position: absolute; width: 50%; border-bottom: 1px solid #cccccc; left: 50%; top: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .mten .box-score-graphic .team, .wten .box-score-graphic .team { margin: 20px 0; padding: 20px 10px; flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mten .box-score-graphic .team img, .wten .box-score-graphic .team img { background-color: white; } .mten .box-score-graphic .team .score, .wten .box-score-graphic .team .score { background-color: white; padding: 10px; margin-right: -25%; position: relative; z-index: 1; } .mten .box-score-graphic .team.home, .wten .box-score-graphic .team.home { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .mten .box-score-graphic .team.home .score, .wten .box-score-graphic .team.home .score { margin-right: 0; margin-left: -25%; } .mten .box-score-graphic .team div, .wten .box-score-graphic .team div { z-index: 100; } .mten .box-score-graphic .bracket, .wten .box-score-graphic .bracket { border: none; } .mten .box-score-graphic .bracket span, .wten .box-score-graphic .bracket span { border: none; background-color: white; z-index: 100; } .mten .box-score-graphic .bracket:before, .wten .box-score-graphic .bracket:before { margin-left: 0; } .mten .box-score-graphic .bracket:after, .wten .box-score-graphic .bracket:after { content: ''; position: absolute; left: 0; width: 165%; height: calc(100% - 40px); position: absolute; left: 50%; top: 20px; transform: translateX(-50%); -webkit-transform: translateX(-50%); border: 1px solid #cccccc; } .mten .tennis-tournament, .wten .tennis-tournament { width: 100%; } .mten .tennis-tournament td, .wten .tennis-tournament td { padding: 2px 0; border-bottom: 1px solid #f2f2f2; vertical-align: top; } .mten .tennis-tournament td.asflight, .wten .tennis-tournament td.asflight { width: 35px; } /* Media Queries */ @media print, screen and (max-width: 767px) { .info-graphic.logos-on-side { padding: 0; } .info-graphic.logos-on-side > .row { position: relative; } .info-graphic.logos-on-side .team { position: relative !important; display: table; top: auto; height: auto; } .info-graphic.logos-on-side .team.away { left: auto; transform: translateX(0); -webkit-transform: translateX(0); } .info-graphic.logos-on-side .team.home { left: 33.3333%; right: auto; transform: translateX(0); -webkit-transform: translateX(0); } .info-graphic.logos-on-side .team span { display: table-cell !important; } .box-score-header { flex-direction: column; -webkit-flex-direction: column; } .box-score-header figcaption { flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .football .box-score-graphic .team, .sfootball .box-score-graphic .team { flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; } .football .box-score-graphic .team:last-child div, .sfootball .box-score-graphic .team:last-child div { order: 2; -webkit-order: 2; } .football .box-score-graphic .team:last-child span, .sfootball .box-score-graphic .team:last-child span { order: 1; -webkit-order: 1; } .game-details-container.columns:after { display: none; } #play-by-play .play { width: 5px; padding-left: 0; padding-right: 0; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } #play-by-play .play.team { background-color: #00467f; } #play-by-play .losing { color: #494949; font-weight: normal !important; } #play-by-play .winning { font-weight: bold; } .baseball .game-details dl, .softball .game-details dl, .jvbaseball .game-details dl { margin: 0; text-align: left; } .baseball .game-details dt, .softball .game-details dt, .jvbaseball .game-details dt, .baseball .game-details dd, .softball .game-details dd, .jvbaseball .game-details dd { display: block; } .baseball .game-details dt, .softball .game-details dt, .jvbaseball .game-details dt { clear: left; float: left; padding-top: 5px; margin: 0 10px; } .baseball .game-details dd, .softball .game-details dd, .jvbaseball .game-details dd { border-bottom: 1px solid #cccccc; font-weight: normal; padding: 5px 10px; } .baseball .mobile-jersey-number, .softball .mobile-jersey-number, .jvbaseball .mobile-jersey-number { width: 50px; } .baseball dl.special-stats, .softball dl.special-stats, .jvbaseball dl.special-stats { *zoom: 1; } .baseball dl.special-stats:before, .softball dl.special-stats:before, .jvbaseball dl.special-stats:before, .baseball dl.special-stats:after, .softball dl.special-stats:after, .jvbaseball dl.special-stats:after { content: ""; display: table; } .baseball dl.special-stats:after, .softball dl.special-stats:after, .jvbaseball dl.special-stats:after { clear: both; } .baseball dl.special-stats dt, .softball dl.special-stats dt, .jvbaseball dl.special-stats dt, .baseball dl.special-stats dd, .softball dl.special-stats dd, .jvbaseball dl.special-stats dd { display: block; } .baseball dl.special-stats dt, .softball dl.special-stats dt, .jvbaseball dl.special-stats dt { float: left; clear: left; } .mhockey .box-score-header, .whockey .box-score-header, .mlax .box-score-header, .wlax .box-score-header { align-items: stretch; } .mhockey .box-score-graphic, .whockey .box-score-graphic, .mlax .box-score-graphic, .wlax .box-score-graphic { margin: 0 10px; } table.collapse-on-medium.highlight-hover tbody tr:hover th:not([scope=colgroup]), table.collapse-on-medium.highlight-hover tbody tr:hover td { background-color: inherit; } .box-score dl.special-stats.multi-columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .mten .box-score-header, .wten .box-score-header { max-width: 100%; } } @media print, screen and (max-width: 539px) { .info-graphic .team span { font-size: 1.5em; } .football .box-score-graphic .team, .sfootball .box-score-graphic .team { flex-direction: column; -webkit-flex-direction: column; } .football .box-score-graphic .team:last-child div, .sfootball .box-score-graphic .team:last-child div { order: 1; -webkit-order: 1; } .football .box-score-graphic .team:last-child span, .sfootball .box-score-graphic .team:last-child span { order: 2; -webkit-order: 2; } #play-analysis table caption, #play-analysis table thead th { font-size: .8em; text-indent: 10px; } #play-analysis table thead th { font-size: .8em; } #play-analysis table thead th:last-child { padding-right: 10px; } #play-analysis table tbody tr td:first-child, #play-analysis table tbody tr th:first-child { padding-left: 10px; } #play-analysis table tbody tr td:last-child, #play-analysis table tbody tr th:last-child { padding-right: 10px; } #play-analysis table caption { visibility: hidden; } #play-analysis table caption:before { content: attr(data-short-caption); visibility: visible; } .msoc .box-score-graphic, .wsoc .box-score-graphic { padding-left: 0; padding-right: 0; } .wvball table.stats-graphic, .mvball table.stats-graphic { margin-top: 20px !important; } .wvball table.stats-graphic tbody tr th, .mvball table.stats-graphic tbody tr th { width: auto; } .wvball table.stats-graphic tbody tr td, .mvball table.stats-graphic tbody tr td { padding: 20px 0; } .wvball table.accordion tbody tr td[data-label]:before, .mvball table.accordion tbody tr td[data-label]:before, .wvball table.accordion tfoot tr td[data-label]:before, .mvball table.accordion tfoot tr td[data-label]:before, .wvball table.accordion tbody tr th[data-label]:before, .mvball table.accordion tbody tr th[data-label]:before, .wvball table.accordion tfoot tr th[data-label]:before, .mvball table.accordion tfoot tr th[data-label]:before { padding-left: 0 !important; } .mlax .box-score-graphic .team .score, .wlax .box-score-graphic .team .score { padding: 0; } .mbball .box-score-graphic .team, .wbball .box-score-graphic .team { padding: 0; } .mbball .box-score-graphic .bracket, .wbball .box-score-graphic .bracket { display: none; } .box-score dl.special-stats.multi-columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } } @media print { .game-details-container.columns:after { display: none; } .baseball .game-details dl, .softball .game-details dl, .jvbaseball .game-details dl { margin: 0; } .clean .sidearm-table { page-break-inside: avoid; } .clean .sidearm-table[class*="collapse"] { display: table; } .clean .sidearm-table[class*="collapse"] thead { display: table-header-group; } .clean .sidearm-table[class*="collapse"] tbody { display: table-row-group; } .clean .sidearm-table[class*="collapse"] tfoot { display: table-footer-group; } .clean .sidearm-table[class*="collapse"] tr { display: table-row; } .clean .sidearm-table[class*="collapse"] td, .clean .sidearm-table[class*="collapse"] th { display: table-cell; } .clean .sidearm-table[class*="collapse"] caption { display: table-caption; } .clean .sidearm-table[class*="collapse"] tbody tr td, .clean .sidearm-table[class*="collapse"] tfoot tr td, .clean .sidearm-table[class*="collapse"] tbody tr th, .clean .sidearm-table[class*="collapse"] tfoot tr th { padding-top: .5em; padding-bottom: .5em; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label], .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label], .clean .sidearm-table[class*="collapse"] tbody tr th[data-label], .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label] { text-align: left !important; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label]:before, .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label]:before, .clean .sidearm-table[class*="collapse"] tbody tr th[data-label]:before, .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label]:before { display: none; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label].text-right, .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label].text-right, .clean .sidearm-table[class*="collapse"] tbody tr th[data-label].text-right, .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label].text-right { text-align: right !important; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label].text-center, .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label].text-center, .clean .sidearm-table[class*="collapse"] tbody tr th[data-label].text-center, .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label].text-center { text-align: center !important; } .clean .sidearm-table[class*="collapse"] tbody tr td + td, .clean .sidearm-table[class*="collapse"] tfoot tr td + td, .clean .sidearm-table[class*="collapse"] tbody tr th + td, .clean .sidearm-table[class*="collapse"] tfoot tr th + td, .clean .sidearm-table[class*="collapse"] tbody tr td + th, .clean .sidearm-table[class*="collapse"] tfoot tr td + th, .clean .sidearm-table[class*="collapse"] tbody tr th + th, .clean .sidearm-table[class*="collapse"] tfoot tr th + th { border-left: 1px solid #cccccc; } .clean .sidearm-table[class*="collapse"] tbody tr:before, .clean .sidearm-table[class*="collapse"] tfoot tr:before, .clean .sidearm-table[class*="collapse"] tbody tr:after, .clean .sidearm-table[class*="collapse"] tfoot tr:after { display: none; } .clean .sidearm-table[class*="collapse"].accordion tbody tr, .clean .sidearm-table[class*="collapse"].accordion tfoot tr { height: auto; cursor: auto; } .clean .sidearm-table[class*="collapse"].accordion tbody tr th:not([scope=colgroup]):after, .clean .sidearm-table[class*="collapse"].accordion tfoot tr th:not([scope=colgroup]):after { content: ''; border: none; display: inline; float: none; margin: 0; padding: 0; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded { background-color: inherit; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th { color: #494949; font-weight: normal; border: 1px solid #cccccc; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td:first-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td:first-child, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th:first-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th:first-child { border-left: none; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td:last-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td:last-child, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th:last-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th:last-child { border-right: none; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td a, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td a, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th a, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th a { color: #00294c; } .clean .sidearm-table[class*="collapse"] thead th { padding: 2px 4px; } .clean .sidearm-table[class*="collapse"] tbody tr td, .clean .sidearm-table[class*="collapse"] tbody tr th { padding: 2px 4px; } .clean .sidearm-table[class*="collapse"] tfoot th, .clean .sidearm-table[class*="collapse"] tfoot td { padding: 2px 4px; } .clean .sidearm-responsive-tabs > ul { display: none; } .clean .sidearm-responsive-tabs .ui-tabs-hide { display: block !important; position: static !important; } .clean .sidearm-responsive-tabs.main-tabs > section { page-break-after: always; } } @-webkit-keyframes progress-bar { 0% { width: 0; } } @-moz-keyframes progress-bar { 0% { width: 0; } } @keyframes progress-bar { 0% { width: 0; } } .team-names { font-size: 16px; font-weight: 700; } table.grey { background: #e5e5e5; } table.grey td { padding: 4px 8px; font-weight: bold; color: #595959; text-align: left; } body.not-print { margin: 10px; } body.not-print section { display: block !important; } body.not-print .columns { padding: 0; } body.not-print .ui-widget-header, body.not-print .ui-tabs-select { display: none !important; } body.not-print h3.hide, body.not-print h4.hide { display: block !important; position: inherit !important; margin-top: 20px; } .sidearm-table tr td span { font-weight: 400 !important; }