Don Dev Site 1

var app = angular.module(‘app’, [‘slick’, ‘ngRoute’, ‘720kb.tooltips’, ‘firebase’]); var appKey = ‘6f7f690ae92f8390’; var clientCode = “usphl”; var prodUrl = “https://lscluster.hockeytech.com”; var baseRoute = “”; var html5ModeEnabled = false; var html5ModeRequireBase = false;
/***************************************** HockeyTech Base V1.1 CSS Powered by HockeyTech.com ******************************************/ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } #ht-statview * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ht-inline-widget * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } body { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; } a { text-decoration: none; } a img { border: 0; outline: 0; } img, object, video { max-width: 100%; } strong { font-weight: 600; } button { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; } button:focus { outline: none; } button:disabled { background-color: transparent; color: #dbdbdb; cursor: default !important; } button[disabled=”disabled”]:hover { background-color: transparent; color: #dbdbdb; } /* load hockeytech icons */ @font-face { font-family: ‘hockeytech-icons’; src: url(‘fonts/hockeytech-icons.eot?d9pc5x’); src: url(‘fonts/hockeytech-icons.eot?d9pc5x#iefix’) format(’embedded-opentype’), url(‘fonts/hockeytech-icons.ttf?d9pc5x’) format(‘truetype’), url(‘fonts/hockeytech-icons.woff?d9pc5x’) format(‘woff’), url(‘fonts/hockeytech-icons.svg?d9pc5x#hockeytech-icons’) format(‘svg’); font-weight: normal; font-style: normal; } [class^=”ht-“] i, [class*=” ht-“] i { font-family: ‘hockeytech-icons’; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ht-hide-column { display: none !important; } .ht-mini-kit:before { content: “\e924”; } .ht-gc-preview:before { content: “\e923”; } .ht-schedule-changes:before { content: “\e922”; } .ht-affiliate:before { content: “\e910”; } .ht-emerg-goaltender:before { content: “\e921”; } .ht-table-game-center:before { content: “\e920”; } .ht-game-center:before { content: “\e91f”; } .ht-buy-tickets:before { content: “\e91e”; } .ht-table-game-htv:before { content: url(“../img/hockeytv-icon.png”); } i.ht-table-game-htv:hover { opacity: 0.5; } .ht-game-htv:before { content: url(“../img/hockeytv-logo.png”); } @media screen and (max-width: 520px) { .ht-game-htv:before { content: url(“../img/watch-on-hockeytv-mobile.png”); } } i.ht-game-htv:hover { opacity: 0.5; } .ht-table-game-nahl-htv:before { content: url(“../img/nahltv-icon.png”); } i.ht-table-game-nahl-htv:hover { opacity: 0.5; } .ht-game-nahl-htv:before { content: url(“../img/nahltv-logo.png”); } i.ht-game-nahl-htv:hover { opacity: 0.5; } .ht-table-game-ushl-htv:before { content: url(“../img/ushltv-icon.png”); } i.ht-table-game-ushl-htv:hover { opacity: 0.5; } .ht-game-ushl-htv:before { content: url(“../img/ushltv-logo.png”); } i.ht-game-ushl-htv:hover { opacity: 0.5; } .ht-right-arrow:before { content: “\e91b”; } .ht-left-arrow:before { content: “\e91c”; } .ht-plus-minus:before { content: “\e91d”; } .ht-calendar-button:before { content: “\e919”; } .ht-calendar:before { content: “\e91a”; } .ht-arrow-down:before { content: “\e917”; } .ht-arrow-up:before { content: “\e918”; } .ht-table-game-summary-long:before { content: “\e916”; } .ht-collapse-up:before { content: “\e914”; } .ht-collapse-down:before { content: “\e915”; } .ht-played-major-junior:before { content: “\e90d”; } .ht-committed:before { content: “\e90e”; } .ht-import:before { content: “\e90f”; } .ht-suspended:before { content: “\e911”; } .ht-rookie:before { content: “\e912”; } .ht-injured:before { content: “\e913”; } .ht-arrow-left:before { content: “\e900”; } .ht-arrow-right:before { content: “\e901”; } .ht-webcast-now:before { content: “\e902”; } .ht-listen-now:before { content: “\e903”; } .ht-watch-now:before { content: “\e904”; } .ht-tickets:before { content: “\e905”; } .ht-media-kit:before { content: “\e906”; } .ht-table-game-summary:before { content: “\e907”; } .ht-table-game-report:before { content: “\e908”; } .ht-table-text-boxscore:before { content: “\e909”; } .ht-game-summary:before { content: “\e90a”; } .ht-game-report:before { content: “\e90b”; } .ht-text-boxscore:before { content: “\e90c”; } /* end fonts */ .ht-calendar-button { font-size: 32px; color: #000; } .ht-calendar-button:hover { color: #666; } .ht-table-icon { padding: 0 3px; color: #000; } .ht-footer { margin: 10px 0; padding: 0; } .ht-loading { width: 100%; min-height: 200px; text-align: center; clear: both; } .ht-loading img { width: 32px; margin-top: 84px; } .ht-select { min-height: 32px; height: 32px; padding: 2px 4px; } .ht-select:focus, input:focus { outline: 0; } .ht-title-head { display: table; width: 100%; } .ht-title { display: inline-block; width: 100%; font-size: 120%; font-weight: bold; padding: 5px 0 10px; margin: 0; } /* leaders widget */ ul.ht-skater-goalie-buttons, ul.ht-sort-buttons { display: table; table-layout: fixed; width: 100%; padding: 0 !important; margin: 0 0 6px 0 !important; } ul.ht-skater-goalie-buttons li, ul.ht-sort-buttons li { display: table-cell; width: 100%; text-align: center; padding: 0 6px 0 0; } ul.ht-skater-goalie-buttons li:last-child, ul.ht-sort-buttons li:last-child { padding-right: 0; } ul.ht-skater-goalie-buttons li a, ul.ht-sort-buttons li a { display: inline-block; background-color: transparent; color: #000; width: 100%; text-decoration: none; padding: 8px; margin: 0; font-size: 100%; text-align: center; font-weight: 400; border: 1px solid #000; } ul.ht-skater-goalie-buttons li a.htactive, ul.ht-sort-buttons li a.htactive { background-color: #000; color: #fff; } /* show/hide columns */ .show-mobile { display: none !important; } .hide-mobile { display: block !important; } /* mobile table font sizing */ @media (max-width: 620px) { .ht-table th, .ht-table-summary th { font-size: 90% !important; line-height: 22px !important; } .ht-table td, .ht-table-summary td { font-size: 85% !important; padding: 0 4px !important; line-height: 22px !important; min-height: 22px !important; } .show-mobile { display: block !important; } .hide-mobile { display: none !important; } } .ht-table, .ht-table-summary { display: table; border: none; border-collapse: collapse; width: 100%; } .ht-table th, .ht-table td, .ht-table-summary th, .ht-table-summary td { display: table-cell; font-size: 100%; padding: 0 7px; margin: 0; white-space: nowrap; line-height: 30px; border: none !important; vertical-align: top; } .ht-table-summary th, .ht-table-summary td { white-space: normal !important; } .ht-table tr, .ht-table-summary tr { border-bottom: 1px solid #ebeded; } .ht-table tr:hover, .ht-table-summary tr:hover { background: #dadada; } .ht-table td a { width: 100%; color: #000; text-decoration: none; } .ht-table td a:hover, .ht-table-summary td a:hover { color: #999; cursor: pointer; } .ht-table-summary td a { color: #000; text-decoration: none; } a.ht-expand-link { display: inline-block !important; width: inherit !important; width: initial !important; } .ht-table th, .ht-table-summary th { font-size: 100%; text-align: left; background-color: #000; color: #fff; } .ht-table th a, .ht-table-summary th a { color: #fff; text-decoration: underline; } .ht-table th.ht-title-row { height: 30px; line-height: 30px !important; padding: 0 7px; background-color: #dbdbdb; color: #000; border: none; } .ht-odd-row { background-color: #f9f9f9; } .ht-even-row { background-color: #fff; } .ht-table button { border: none; background-color: #000; color: #fff; font-size: 10px !important; width: 20px !important; height: 20px !important; min-height: 20px; padding: 0 !important; line-height: 20px !important; vertical-align: middle; cursor: pointer; } .ht-table button:hover { background-color: #666; color: #000; } .ht-table button:focus { outline: 0; } [data-high=true] { background-color: rgba(0,0,0,.3) !important; color: #000 !important; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #dbdbdb; font-weight: 800; } [data-hidden=true] { display: none !important; } .table-container { clear: both; overflow-x: auto; overflow-y: hidden; } .ht-table-responsive>.fixed-column { position: absolute; display: inline-block; width: auto; border-right: 1px solid #ddd; box-shadow: 2px 0px 5px -2px #000; -webkit-box-shadow: 2px 0px 5px -2px #000 ; } .ht-controls { display: table; width: 100%; min-height: 48px; background-color: #999; padding: 5px 0 5px 5px; position: relative; } .ht-controls input[type=”text”], .ht-controls-sch input[type=”text”] { height: 32px; border: 1px solid #000; width: 160px; padding: 2px 5px; font-size: 90%; color: #000; } .ht-controls select, .ht-controls-sch select, .ht-stats-header select { height: 32px; border: 1px solid #000; padding-left: 4px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; width: 160px; background-color: #fff; border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; font-size: 90%; word-wrap: normal; white-space: nowrap; } /* standings controls */ .ht-standings-controls { display: table; table-layout: fixed; width: 100%; } .ht-left-select-inline select { height: 32px; border: 1px solid #000; padding-left: 4px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; background-color: #fff; border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; font-size: 90%; word-wrap: normal; white-space: nowrap; } .ht-left-select-inline select { width: 100%; } .ht-left-select-inline { display: table-cell; padding: 0 6px 6px 0; position: relative; vertical-align: top; } .ht-left-select-inline:after { content: url(“../img/droparrow-white.png”); background-repeat: no-repeat; background-size: 25px 30px; display: block; position: absolute; top: 1px; right: 7px; pointer-events: none; cursor: pointer; } .ht-left-select-inline.mobile-select { display: block; padding: 0 0 6px 0; position: relative; } .ht-left-select-inline.mobile-select:after { right: 1px; } .ht-left-select-inline.mobile-select select { width: 100%; } .ht-left-select-inline:last-child { padding-right: 0; } .ht-left-select-inline:last-child:after { right: 1px; } /*leader widget controls*/ .ht-leaders-controls { display: table; table-layout: fixed; width: 100%; } .ht-leaders-controls .ht-left-select-inline.mobile-select { display: block; padding: 0 0 6px 0; position: relative; } .ht-leaders-controls .ht-left-select-inline.mobile-select:after { right: 1px; } .ht-sm-select { width: 100px !important; } .ht-lrg-select { width: 220px !important; } .ht-stats-header select { min-width: 200px; } .ht-col-left-select:after { content: url(“../img/droparrow-white.png”); background-repeat: no-repeat; background-size: 25px 30px; display: block; position: absolute; top: 4px; right: 4px; pointer-events: none; cursor: pointer; } select::-ms-expand{ display:none; } .ht-check { padding-top: 10px !important; padding-right: 10px !important; padding-left: 10px !important; } input[type=”checkbox”] { vertical-align:middle; margin-left: 6px; } input[type=”checkbox”]+label { display: inline-block; cursor:pointer; font-weight: normal; margin: 0; padding: 0; } input[type=”checkbox”]+label:before { content:””; display:inline-block; height:20px; margin:-1px 5px 0 -24px; vertical-align:middle; width:20px; } input[type=”checkbox”]+label:before{ background:url(“../img/checkbox.png”)left top no-repeat; } input[type=”checkbox”]:checked+label:before{ background:url(“../img/checkbox.png”)-20px top no-repeat; } .ht-row { width: 100%; display: block; height: 38px; clear: both; } .ht-row-header { width: 100%; display: table; height: auto; padding-top: 10px; } .ht-row-header .ht-roster-team-logo { display: table-cell; vertical-align: middle; height: auto; width: 76px; padding-bottom: 5px; } .ht-roster-team-logo-mobile { width: 50px !important; } .ht-roster-info { display: table-cell; vertical-align: middle; padding: 0 0 10px; font-size: 100%; } .ht-roster-info h1 { margin: 0; } .ht-roster-info h2 { margin: 0; font-size: 100%; font-weight: 300; } .ht-roster-info-mobile { font-size: 82% !important; } .ht-roster-info .ht-roster-team-name { font-size: 140%; display: block; width: 100%; padding: 0 10px; } .ht-roster-info .ht-roster-season-date { width: 100%; padding: 0 10px; } .ht-col-left { float: left; padding: 3px; } .ht-col-left-select { float: left; padding: 3px; position: relative; } .ht-col-left.ht-quickselect { width: 166px; } .ht-col-left-select.ht-quickselect.qsf { display: table-cell; width: 50%; } .ht-col-left-select.ht-quickselect.qsf select { width: 100%; min-width: inherit; min-width: initial; } .ht-col-right { float: right; padding: 3px; } .ht-col-left ul { list-style: none; padding: 0; margin: 0; } .ht-col-left ul li { float: left; padding: 0; list-style: none; border: 1px solid #000; } .ht-col-left ul li:first-child { border-right: none; } .ht-col-left ul li:last-child { border-left: none; } .ht-btn, .ht-btn-submit, .ht-summary-btn, .ht-btn-filter, .ht-btn-100 { display: inline-block; background-color: transparent; color: #000; height: 30px; min-width: 66px; text-decoration: none; padding: 0 8px; margin: 0; font-size: 90%; line-height: 30px; text-align: center; } .ht-btn-submit { height: 32px; border: 1px solid #000; font-weight: 800; } .htactive, .ht-btn-submit:hover, .ht-btn-filter:hover, .ht-summary-btn:hover { background-color: #000; color: #fff; font-weight: 800; cursor: pointer; } .ht-btn-filter, .ht-btn-100, .ht-summary-btn { height: 32px; border: 1px solid #000; } .ht-btn-filter { padding: 0 12px; } .ht-btn-filter .ht-arrow-down:before, .ht-btn-filter .ht-arrow-up:before { display: inline-block; vertical-align: text-top; font-size: 14px; } .ht-nodata { text-align: center; text-transform: uppercase; } .ht-paging-buttons { margin: 10px 0; } /********* filter open/close **********/ .ht-filter { padding-right: 5px; } .ht-filter-row { width: 100%; margin: 0 auto; padding: 5px 3px; } .ht-filter-row ul { list-style: none; padding: 0; margin: 0; display: table; width: 100%; } .ht-filter-row li { display: table-cell; width: 50%; list-style: none; border: 1px solid #000; } .ht-filter-row li:first-child { border-right: none; } .ht-filter-row li:last-child { border-left: none; } .ht-filter-row li.ht-3btn { width: 33.3333%; } .ht-filter-row .ht-btn, .ht-btn-100 { width: 100%; } .ht-filter-row-select select, .ht-filter-row input[type=”text”] { width: 100% !important; } .ht-filter-row-select { width: 100%; margin: 0 auto; padding: 5px 3px; position: relative; } .ht-filter-row-select:after { content: url(“../img/droparrow-white.png”); background-repeat: no-repeat; background-size: 25px 30px; display: block; position: absolute; top: 6px; right: 4px; pointer-events: none; cursor: pointer; } @media (max-width: 768px) { ._720kb-tooltip { display: none !important; } } @media (max-width: 500px) { .ht-stats-header select { min-width: 160px; } } /************* Player Profile *************/ .ht-player-data { display: block; width: 100%; height: auto; margin: 20px 0 10px; } .ht-player-data .ht-stats-header { height: 40px; background-color: #dbdbdb; color: #000; padding: 0 7px; font-weight: 800; } .ht-stats-header .ht-stats-row { height: 40px; padding: 4px 0; line-height: 32px; width: 100%; } .ht-stats-header .ht-stats-row h3 { display: inline-block; margin: 0; font-size: 110%; } .ht-stats-header .ht-stats-button { float: right; text-transform: none; } .ht-player-data .ht-stats-header .ht-season { float: right; } .ht-player-data .ht-data-table { overflow-x: scroll; overflow-y: hidden; } .ht-season-select { float: right; padding: 0; position: relative; margin: 0; } @media screen and (max-width: 500px) { .ht-season-select { display: none; } } .ht-season-select:after { content: url(“../img/droparrow-white.png”); background-repeat: no-repeat; background-size: 25px 31px; display: block; position: absolute; top: 1px; right: 1px; pointer-events: none; cursor: pointer; } .ht-bio { padding: 10px 15px; } .ht-video-download { display: block; background-image: url(“../img/download-video.png”); width: 100px; height: 100px; } .ht-audio-download { display: block; background-image: url(“../img/download-audio.png”); width: 100px; height: 100px; } .ht-player-details { display: block; position: relative; width: 100%; height: 200px; overflow: hidden; border-bottom: 4px solid #000; font-size: 100%; } .ht-player-details-mobile { font-size: 80% !important; } .ht-player-details-mobile-400 { height: 110px !important; font-size: 70% !important; } .ht-background { display: table; height: 100%; float: left; background: -moz-linear-gradient(left, rgba(186,186,186,0.65) 0%, rgba(219,219,219,0) 100%); background: -webkit-linear-gradient(left, rgba(186,186,186,0.65) 0%,rgba(219,219,219,0) 100%); background: linear-gradient(to right, rgba(186,186,186,0.65) 0%,rgba(219,219,219,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#a6bababa’, endColorstr=’#00dbdbdb’,GradientType=1 ); } .ht-player-details .ht-player-image { display: table-cell; vertical-align: top; width: 200px; height: 200px; overflow: hidden; } .ht-player-details .ht-player-image img { width: 100%; border: 4px solid #000; } .ht-player-table { display: table; width: 100%; } .ht-player-row { display: table-row; width: 100%; } .ht-player-jersey-number { display: table-cell; vertical-align: top; padding: 15px 10px 0; font-size: 350%; font-weight: 800; } .ht-player-jersey-number .ht-jersey-num { padding-right: 10px; padding-bottom: 20px; border-right: 1px solid #999; } .ht-player-jersey-number-mobile .ht-jersey-num { padding-right: 10px; padding-bottom: 30px; border-right: 1px solid #999; } .ht-player-jersey-number-mobile { display: table-cell; vertical-align: top; padding: 10px 6px 0; font-size: 200%; font-weight: 800; } .ht-player-data-mobile { display: table-cell; vertical-align: top; padding: 10px 0; font-size: 90%; color: #666; } .ht-player-data-mobile h1 { padding: 0; margin: 0; text-transform: uppercase; font-weight: 600; color: #000; } .ht-player-data-mobile h2 { padding: 0; margin: 5px 0; text-transform: uppercase; color: #999; font-size: 90%; } .ht-player-name-team { display: table-cell; vertical-align: top; padding: 15px 10px 0 0; } .ht-player-name-team h1 { padding: 0; margin: 0; font-size: 152%; text-transform: uppercase; font-weight: 600; color: #000; } .ht-player-name-team h2 { margin: 5px 0; font-size: 132%; text-transform: uppercase; color: #666; } .ht-player-profile { display: table-cell; vertical-align: top; padding: 15px 0 0 5px; font-size: 95%; line-height: 1.2; color: #666; } .ht-player-team-logo { display: inline-block; height: 100%; padding: 15px; width: 170px; overflow: hidden; } .ht-player-draft-block { display: inline-block; height: 100%; margin: 0px 6px; } .ht-player-draft-block .ht-player-draft-row { display: flex; align-items: center; padding-bottom: 4px; } .ht-current-season { position: absolute; bottom: 35px; left: 200px; padding-left: 10px; font-weight: 600; font-size: 95%; margin: 0; } .ht-mobile-overal-stats h3 { margin: 0; font-size: 90%; padding-left: 10px; } .ht-player-details .ht-row-stats, .ht-player-details .ht-row-stats-mobile-l2 { position: absolute; bottom: 0; left: 200px; font-size: 152%; font-weight: 800; } .ht-player-details .ht-row-stats ul { list-style: none; padding: 0; width: 100%; margin: 0 auto; } .ht-player-details .ht-row-stats ul li { float: left; line-height: 30px; padding: 0 8px; border-right: 1px solid #000; list-style: none; } .ht-player-details .ht-row-stats ul li span, .ht-mobile-overal-stats ul li span { font-size: 60%; font-weight: 100; color: #666; text-transform: uppercase; vertical-align: top; line-height: 24px; padding-right: 1px; } .ht-current-season-stats { font-size: 90%; color: #000; display: inline-block; vertical-align: bottom; margin: 0; text-transform: uppercase; } .ht-mobile-overal-stats ul li span { font-size: 80% !important; } .ht-player-details .ht-row-stats ul li h2, .ht-mobile-overal-stats ul li h2 { font-size: 90%; display: inline-block; vertical-align: bottom; margin: 0; text-transform: uppercase; } .ht-mobile-overal-stats ul li h2 { font-size: 100% !important; } .ht-mobile-overal-stats { display: table-cell; } .ht-mobile-overal-stats span { padding: 0 6px; line-height: 1.5; font-weight: 600; } .ht-mobile-overal-stats ul { list-style: none; padding: 0; width: 100%; margin: 0 auto; } .ht-mobile-overal-stats ul li { float: left; line-height: 30px; padding: 0 6px; border-right: 1px solid #000; list-style: none; } .ht-player-details-768 { height: 170px !important; } .ht-player-details-680 { height: 100% !important; } .ht-player-image-768 { height: 170px !important; width: 160px !important; } .ht-player-image-680 { height: 100% !important; width: 100px !important; border: none !important; padding: 10px 0 0 5px !important; } .ht-overal-stats-768, .ht-current-season-768 { left: 160px !important; } .ht-player-team-logo-768 { display: none; } /******************** Media section *******************/ .ht-player-media-buttons { display: block; width: 100%; height: 40px; background-color: #000; } .ht-player-media-buttons ul { display: table; table-layout: fixed; list-style: none; padding: 0; width: 100%; margin: 0 auto; } .ht-player-media-buttons ul li { display: table-cell; text-align: center; line-height: 40px; border-right: 1px solid #666; list-style: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ht-player-media-buttons ul li:last-child { border: none; } .ht-player-media-buttons ul li a { display: block; width: 100%; height: 100%; color: #fff; text-transform: uppercase; text-decoration: none; } .ht-player-media-buttons ul li:hover { background-color: #666; } .ht-button-current { background-color: #666; } .ht-media-area { display: table; width: 100%; } .ht-media-area span { display: block; width: 100%; text-align: center; color: #000; text-overflow: ellipsis; overflow: hidden; } #ht-player-images { display: block; margin: 0 auto; width: 100%; list-style: none; padding: 0; } .ht-media-area span.no-media { margin: 20px; } #ht-player-images li { max-width: 100px; float: left; margin: 10px 5px; padding: 0; height: 100px; overflow: hidden; list-style: none; } #ht-player-images li img { cursor: pointer; } #ht-player-media { display: block; margin: 0 auto; width: 100%; list-style: none; padding: 0; } #ht-player-media li { max-width: 100px; float: left; margin: 10px 5px; padding: 0; overflow: hidden; list-style: none; } /********************** Daily Schedule ***********************/ .ht-refresh-int { display: none; float: right; font-size: 90%; font-weight: 300; line-height: 32px; } .ht-sch-controls { display: flex; width: 100%; justify-content: flex-start; align-items: flex-start; height: 40px; } .ht-daily-sch-page { font-size: 100%; } .ht-daily-sch-page-mobile { font-size: 85%; } .ht-controls-sch { display: table; width: 100%; min-height: 48px; background-color: #999; padding: 0; position: relative; } .ht-today-btn { background-color: #000; color: #fff; border: none; padding: 0 8px; height: 32px; line-height: 32px; vertical-align: middle; cursor: pointer; font-size: 14px; } .YMDselect { width: 70px !important; } .ht-current-date { line-height: 48px; float: left; font-size: 120%; font-weight: 800; padding-left: 10px; } .ht-current-date-mobile { font-size: 95%; } .ht-date-controls { display: table; float: left; padding: 0; margin: 5px; } .ht-submit-right { display: table-cell; vertical-align: middle; } .ht-cdate-mobile { line-height: 48px; font-weight: 800; text-align: center; font-size: 100%; } .ht-cdate-mobile a { display: block; width: 100%; color: #000; text-decoration: none; } .ht-cdate-mobile a:hover { color: #dbdbdb; } .ht-cdate-mobile .ht-expand-date { display: inline-block; background-image: url(“../img/expand-date-arrow.png”); background-repeat: no-repeat; background-position: 50%; width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; } .ht-controls-sch .ht-row-sch { float: right; } .ht-controls-sch .ht-daily-arrows { float: left; width: 48px; height: 48px; background-color: #000; position: relative; } .ht-controls-sch .ht-daily-arrow-left { position: absolute; top: 0; left: 0; width: 48px; height: 48px; background-color: #000; } .ht-controls-sch .ht-daily-arrow-right { position: absolute; top: 0; right: 0; width: 48px; height: 48px; background-color: #000; } .ht-arrow-left { color: #fff; position: absolute; top: 16px; left: 14px; font-size: 16px; } .ht-arrow-right { color: #fff; position: absolute; top: 16px; left: 16px; font-size: 16px; } .ht-filter-mobile { margin: 0 48px; } .ht-sch-box { display: table; margin-bottom: 30px; width: 100%; line-height: 1; } .ht-sch-box:first-child { margin-top: 20px; } .ht-sch-box .ht-sch-box-top { position: relative; } .ht-sch-box .ht-sch-box-bottom { clear: both; border-top: 1px solid #999; background-color: #dbdbdb; height: 42px; } .ht-sch-box .ht-sch-box-bottom .ht-sch-notes { float: left; padding-left: 10px; } .ht-sch-notes i.ht-schedule-changes { font-size: 20px; line-height: 42px; padding-right: 6px; } .ht-sch-notes span { line-height: 42px; vertical-align: top; } .ht-sch-box .ht-sch-box-top .ht-game-status { float: left; min-width: 52px; color: #000; font-size: 130%; font-weight: 800; line-height: 80px; margin: 30px 20px 0px 20px; text-align: center; text-transform: uppercase; } .ht-sch-box .ht-sch-box-top .ht-team-info { float: left; margin-top: 30px; margin-bottom: 10px; } .ht-sch-box .ht-sch-box-top .ht-game-status-off { display: table-cell; min-width: 72px; font-size: 130%; font-weight: 800; text-align: center; text-transform: uppercase; padding: 15px; vertical-align: middle; height: 100%; } .ht-sch-box .ht-sch-box-top .ht-team-info-off { display: table-cell; float: left; margin-top: 10px; margin-bottom: 10px; } .ht-visiting-home-team { display: table-row; } .ht-team-logo { display: table-cell; vertical-align: middle; padding: 5px 0; border: none; outline: none; width: 60px; max-width: 60px; } .ht-team-name { display: table-cell; vertical-align: middle; padding: 0 10px; line-height: 30px; font-weight: 800; } .ht-team-record { padding-left: 6px; } .ht-team-score { display: table-cell; vertical-align: middle; font-weight: 800; line-height: 30px; width: 50px; font-size: 125%; text-align: center; } .ht-team-score-mobile { width: 40px; } .ht-team-live { float: left; padding: 0 4px; } .ht-team-live .ht-media { display: block; cursor: pointer; } .ht-team-live .ht-watch-now { font-size: 32px; color: #000; } .ht-team-live .ht-listen-now { font-size: 32px; color: #000; } .ht-team-live .ht-webcast-now { font-size: 32px; color: #000; } .ht-sch-box-top .ht-venue, .ht-mobile-sch-top .ht-venue { clear: both; padding: 8px 10px; font-size: 80%; color: #000; background-color: #dbdbdb; border-bottom: 1px solid #999; } .ht-venue a { color: #000; } .ht-venue a:hover { text-decoration: underline; } .ht-additional-data { float: left; margin: 10px 0; } .ht-additional-data-periods { float: left; margin: 30px 10px 10px 0; } .ht-additional-data .ht-team-data, .ht-additional-data-periods .ht-team-data { display: table; height: 40px; padding-top: 5px; } .ht-additional-data .ht-team-data span { padding: 0 5px; line-height: 30px; } .ht-additional-data .ht-team-data span:last-child { margin-right: 10px; } .ht-sch-box-top a { text-decoration: none; font-weight: 800; color: #000; } .ht-sch-box-top a:hover { color: #999; text-decoration: underline; } .ht-sch-daily-rightside { float: right; } .ht-media-icons, .ht-show-ad { display: table-cell; vertical-align: middle; } .ht-score-data { float: left; } .ht-game-periods { float: left; } .ht-game-periods .ht-period-col { display: table-cell; float: left; width: 50px; } .ht-period-col-mobile { width: 30px !important; } .ht-game-periods .ht-period-col span { display: block; text-align: center; } .ht-game-periods .ht-period-col span.ht-period-header { line-height: 30px; border-bottom: 1px solid #dbdbdb; } .ht-game-periods .ht-period-col span.ht-period-value { line-height: 40px; font-weight: 800; } .ht-period-value.ht-total { background-color: #dbdbdb; } .ht-game-data { clear: both; font-size: 90%; border-top: 1px solid #999; } .ht-game-data a { font-weight: 100; } .ht-game-data .ht-game-sheet { display: table; padding: 8px 20px; } .ht-game-data .ht-game-sheet .ht-game-sheet-header { font-weight: 800; display: table-cell; min-width: 50px; } .ht-game-data .ht-game-sheet .ht-game-sheet-details { display: inline-block; padding-right: 10px; } .ht-buttons { display: block; height: 100%; padding: 5px 10px; float: right; } .ht-sch-btn { display: block; float: left; margin: 0 4px; cursor: pointer; } .ht-sch-btn:hover { opacity: 0.6; filter: alpha(opacity=60); } td a.ht-sch-btn { width: auto; line-height: 1; padding: 2px 4px 0; } td a.ht-sch-btn i { } .ht-tickets { color: #000; font-size: 32px; } .ht-media-kit { color: #000; font-size: 32px; } .ht-mini-kit { color: #000; font-size: 32px; } .ht-game-summary { color: #000; font-size: 32px; } .ht-game-center { color: #000; font-size: 32px; } .ht-game-report { color: #000; font-size: 32px; } .ht-text-boxscore { color: #000; font-size: 32px; } .ht-table-game-summary { color: #000; font-size: 20px; } .ht-table-game-center { color: #000; font-size: 19px; } .ht-table-game-report { color: #000; font-size: 20px; } .ht-table-text-boxscore { color: #000; font-size: 20px; } .ht-table-game-summary-long { color: #000; font-size: 26px; } .ht-sch-controls select { height: 32px; border: 1px solid #000; padding-left: 4px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; width: 160px; background-color: #fff; border-radius: 0; outline: 0; font-size: 90%; word-wrap: normal; white-space: nowrap; margin-right: 12px; } /************************* Sch mobile ************************/ .ht-mobile-sch-top { display: block; width: 100%; margin: 0; } .ht-mobile-game-info { display: table; width: 100%; background-color: #dbdbdb; cursor: pointer; } .ht-mobile-game-info-on { display: table; width: 100%; background-color: #f6f6f6; cursor: pointer; } .ht-mobile-sch-top .ht-mobile-team { float: left; width: 35%; margin-bottom: 10px; } .ht-mobile-sch-top .ht-mobile-team .ht-team-logo { display: block; text-align: center; width: 100%; margin: 15px auto 5px; } .ht-mobile-sch-top .ht-mobile-team .ht-team-name { display: block; text-align: center; width: 100%; line-height: 1.3; margin: 0px; } .ht-mobile-sch-top .ht-mobile-team .ht-team-name .ht-team-record { padding: 0; display: block; font-weight: 300; line-height: 1.5; font-size: 90%; } .ht-mobile-sch-top .ht-mobile-team .ht-team-name a { color: #000; text-decoration: none; font-size: 90% } .ht-mobile-sch-top .ht-mobile-team .ht-team-name a:hover { color: #999; text-decoration: underline; } .ht-mobile-sch-top .ht-mobile-game-status { float: left; width: 30%; text-align: center; margin-top: 20px; } .ht-mobile-game-status .ht-game-status { font-size: 120%; font-weight: 800; clear: both; text-transform: uppercase; } .ht-mobile-game-status .ht-mobile-score-box { font-size: 150%; font-weight: 800; margin-bottom: 5px; } .ht-mobile-game-status .ht-tap-info { display: block; font-size: 90%; padding: 12px 0; } .ht-mobile-media { display: table; width: 100%; border-top: 1px solid #999; } .ht-mobile-media .ht-mobile-team-media { display: table; text-align: center; float: left; width: 35%; margin: 10px 0; } .ht-mobile-media .ht-mobile-stats-placeholder { float: left; width: 30%; margin: 10px 0; padding: 0 6px; } .ht-mobile-team-media .ht-team-live { display: inline-block; float: none; padding: 0 6px; } .ht-mobile-team-media .ht-team-data { clear: both; margin: 10px 0 0 0; } .ht-mobile-team-media .ht-team-data a { text-decoration: none; font-weight: 800; color: #000; } .ht-mobile-team-media .ht-team-data a:hover { color: #999; text-decoration: underline; } .ht-mobile-game-periods { display: table; width: 100%; /*border-top: 1px solid #999;*/ } .ht-mobile-game-periods .ht-mobile-period-teams { float: left; margin: 10px; } .ht-mobile-game-periods .ht-mobile-periods { float: right; margin: 10px 0; } .ht-mobile-periods .ht-mobile-period-cols { display: table-cell; float: left; width: 42px; } .ht-mobile-periods .ht-mobile-period-cols span, .ht-mobile-period-teams .ht-mobile-period-cols span { display: block; text-align: center; } .ht-mobile-period-cols span.ht-period-header { line-height: 25px; border-bottom: 1px solid #dbdbdb; } .ht-mobile-period-cols span.ht-period-value { line-height: 25px; font-weight: 800; } .ht-mobile-game-summary { display: table; width: 100%; border-top: 1px solid #999; } .ht-mobile-game-summary table { width: 100%; margin: 10px 0; border-collapse: collapse; border: none; } .ht-mobile-game-summary table tr th { font-size: 110%; padding: 6px; } .ht-mobile-game-summary table tr td { padding: 4px; } .ht-mobile-game-summary table tr td a { color: #000; text-decoration: none; } .ht-mobile-game-summary table tr td a:hover { color: #999; text-decoration: underline; } /************************** Person Search **************************/ .ht-search-nav-right { float: right; line-height: 38px; margin-right: 10px; } .ht-search-nav-row-two { float: left; line-height: 38px; padding-left: 3px; } .ht-search-nav-right a, .ht-search-nav-row-two a, .ht-search-initial a { color: #000; text-decoration: none; } .ht-search-nav-right a:hover, .ht-search-nav-row-two a:hover, .ht-search-initial a:hover { color: #dbdbdb; text-decoration: underline; } .ht-search-initial span { width: 12px; display: inline-block; text-align: center; } .ht-search-mobile-initial { width: 50px !important; font-weight: 800; } /*************************** Image Popup ******************************/ .ht-image-lightbox div { visibility: visible; position: fixed; top: 5%; right: 5%; bottom: 5%; left: 5%; z-index: 75; text-align: center; display: flex; justify-content: center; align-items: center; } .ht-image-lightbox div:before { content: ”; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 74; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s ease-out; cursor: pointer; } .ht-image-lightbox div img { position: relative; z-index: 77; max-width: 100%; max-height: 100%; margin-left: 0px; opacity: 1; transition-property: all, opacity; transition-duration: 0.5s, 0.2s; transition-timing-function: ease-in-out, ease-out; cursor: pointer; } /********************** Brackets ***********************/ .ht-bracket-logo { margin: 0 auto; text-align: center; max-width: 220px; padding: 10px; } .ht-bracket-layout { display: table; margin-bottom: 32px; width: 100%; } .ht-bracket-layout .ht-bracket-columns-container { display: table-row; width: 100%; } .ht-bracket-layout .ht-bracket-columns-container .ht-bracket-column { display: table-cell; vertical-align: middle; position: relative; top: 32px; } .ht-bracket-table-container { } .ht-bracket-table-container .ht-bracket-full-teams { margin: 25px 0; } .ht-bracket-full-teams .ht-bracket-full-team-info { display: table; margin: 0 auto; width: 140px; background-color: #fff; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; } .ht-bracket-full-team-info .ht-bracket-full-row { display: table-row; font-size: 110%; } .ht-bracket-full-row .ht-bracket-full-wins, .ht-bracket-full-row .ht-bracket-full-team-logo, .ht-bracket-full-row .ht-bracket-full-team-name { display: table-cell; vertical-align: middle; } .ht-bracket-full-row .ht-bracket-full-wins { font-weight: 800; text-align: center; color: #000; padding-left: 4px; } .ht-bracket-full-row .ht-bracket-full-team-logo { width: 60px; height: 60px; padding: 8px; } .ht-bracket-full-row .ht-bracket-full-team-logo img { width: 40px; } .ht-bracket-full-row .ht-bracket-full-team-name { font-weight: 800; text-align: center; color: #000; text-transform: uppercase; } .ht-bracket-full-row .ht-bracket-full-team-name a { text-decoration: none; color: #000; } .ht-bracket-full-teams .ht-bracket-full-total-games { margin: 0 auto; width: 140px; text-align: center; font-weight: 800; color: #000; font-size: 90%; text-transform: uppercase; border: 1px solid #000; padding: 5px 0; background-color: #dbdbdb; } /********* Full Expanded **********/ .ht-expanded-layout { display: table; margin-bottom: 32px; width: 100%; } .ht-expanded-layout .ht-expanded-columns-container { display: table-row; width: 100%; } .ht-expanded-layout .ht-expanded-columns-container .ht-expanded-column { display: table-cell; vertical-align: top; position: relative; top: 32px; } .ht-expanded-round { background-color: #000; color: #fff; font-weight: 800; display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; clear: both; position: absolute; top: -32px; left: 0; right: 0; } .ht-expanded-column .ht-expanded-team-info { float: left; width: 35%; padding: 20px 10px 10px; } .ht-expanded-column .ht-expanded-team-info .ht-expanded-team-logo { display: block; width: 60px; height: 60px; margin: 0 auto; text-align: center; } .ht-expanded-column .ht-expanded-team-info .ht-expanded-team-logo img { max-height: 60px; margin: 0 auto; } .ht-expanded-column .ht-expanded-teams .ht-expanded-team-info { width: 40%; min-height: 160px; } .ht-expanded-box-sm { min-height: auto !important; } .ht-expanded-table-container .ht-expanded-teams .ht-expanded-games-won { width: 20%; } .ht-expanded-table-container .ht-expanded-matchup .ht-expanded-games-won { width: 20%; } .ht-games-won-font { font-size: 150% !important; } .ht-games-won-font-sm { font-size: 110% !important; } .ht-expanded-column .ht-expanded-team-info .ht-expanded-team-name { font-size: 90%; } .ht-expanded-column .ht-expanded-game-info { display: table; width: 100%; font-size: 80%; text-align: center; padding: 10px 0; background-color: #dbdbdb; border-top: 1px solid #000; margin: 0px; } .ht-expanded-column .ht-expanded-game-info .ht-expanded-game-match { padding: 4px; } .ht-expanded-column .ht-expanded-game-info .ht-expanded-game-match a { text-transform: uppercase; font-weight: 800; color: #000; text-decoration: none; line-height: 2; } .ht-expanded-column .ht-expanded-game-info .ht-expanded-game-match a:hover { color: #fff; text-decoration: underline; } .ht-expanded-column .ht-expanded-game-info .ht-expanded-game-match .ht-game-not-final { text-transform: uppercase; font-weight: 800; color: #000; text-decoration: none; line-height: 2; } .ht-expanded-column .ht-expanded-table-container { display: block; padding: 0; margin: 5% 2% 0%; border: 1px solid #000; background-color: #fff; } .ht-expanded-column .ht-expanded-matchup .ht-expanded-match-leader { width: 40%; } .ht-losing-team, .ht-losing-team a { color: #999 !important; } .ht-expanded-column .ht-bracket-full-total-games { margin: 0 auto; margin-top: 8px; width: 100%; text-align: center; font-weight: 800; color: #000; font-size: 90%; text-transform: uppercase; border-top: 1px solid #000; padding: 5px 0; background-color: #dbdbdb; cursor: pointer; } /********* Mobile Expanded **********/ .ht-bracket-round { background-color: #000; color: #fff; font-weight: 800; display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; clear: both; } .ht-expanded-container { display: table; padding: 0; margin: 10px 1%; border: 1px solid #000; background-color: #fff; width: 98%; height: auto; } .ht-expanded-container .ht-expanded-teams { display: table; width: 100%; } .ht-expanded-teams .ht-expanded-team-info { float: left; width: 35%; padding: 20px 10px 0; } .ht-expanded-team-info .ht-expanded-team-logo { display: block; width: 80px; height: 80px; margin: 0 auto; text-align: center; } .ht-expanded-team-info .ht-expanded-team-name { font-size: 110%; font-weight: 300; text-align: center; padding: 8px 0; color: #000; text-transform: capitalize; } .ht-expanded-teams .ht-expanded-games-won { float: left; width: 30%; padding: 10px 0; text-align: center; font-size: 220%; } .ht-expanded-games-won span { display: inline-block; font-weight: 800; padding-top: 40px; } .ht-expanded-container .ht-bracket-full-total-games { margin: 0 auto; margin-top: 8px; width: 100%; text-align: center; font-weight: 800; color: #000; font-size: 100%; text-transform: uppercase; border-top: 1px solid #000; padding: 8px 0; background-color: #dbdbdb; cursor: pointer; } .ht-expanded-container .ht-expanded-game-info { display: table; width: 100%; text-align: center; padding: 10px 0; background-color: #dbdbdb; border-top: 1px solid #000; margin: 0px; } .ht-expaned-game-details section { display: table; width: 100%; padding: 5px 0; font-size: 90%; } .ht-expaned-game-details .ht-expanded-game-date { display: table-cell; width: 50%; text-align: right; padding-right: 5px; } .ht-expaned-game-details .ht-expanded-game-data { display: table-cell; width: 50%; text-align: left; } .ht-expaned-game-details .ht-expanded-game-data a { text-transform: uppercase; font-weight: 800; color: #000; text-decoration: none; } .ht-expaned-game-details .ht-expanded-game-data a:hover { color: #fff; text-decoration: underline; } .ht-expanded-matchup { display: table; width: 100%; } .ht-expanded-matchup .ht-expanded-match-leader { display: table-cell; width: 35%; padding: 0 10px; } .ht-expanded-match-winner { background-color: #000; height: 10px; } /************** Mobile Brackets ****************/ .ht-bracket-container { position: relative; float: left; padding: 8px 4px 26px; margin: 10px 1%; border: 1px solid #000; background-color: #fff; width: 48%; height: auto; } .ht-bracket-container-full { position: relative; float: left; padding: 8px 4px 26px; margin: 10px 1%; border: 1px solid #000; background-color: #fff; width: 98%; height: auto; } .ht-bracket-container-full .ht-bracket-team-info .ht-bracket-team-logo { display: block; width: 60px; height: 60px; margin: 0 auto; } .ht-bracket-container-full .ht-bracket-games-won span { font-size: 150%; font-weight: 600; display: inline-block; padding-top: 24px; } .ht-bracket-teams .ht-bracket-team-info { float: left; width: 33%; } .ht-bracket-team-info .ht-bracket-team-logo { display: block; width: 40px; height: 40px; margin: 0 auto; } .ht-bracket-team-info .ht-bracket-team-name { font-size: 110%; font-weight: 800; text-align: center; padding: 8px 0; color: #000; text-transform: uppercase; } .ht-bracket-games-won { float: left; width: 33%; text-align: center; } .ht-bracket-games-won span { font-size: 120%; font-weight: 600; text-align: center; display: inline-block; padding-top: 12px; } .ht-bracket-total-games { position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid #000; background-color: #dbdbdb; padding: 5px 0; color: #000; font-weight: 800; text-transform: uppercase; text-align: center; } /************** Tracker Brackets ****************/ .ht-tracker-container { display: table; text-align: center; width: 100%; padding: 20px 0; border-bottom: 1px solid #000; } .ht-tracker-container .ht-tracker-teams { margin-bottom: 10px; font-size: 110%; } .ht-tracker-teams .ht-team-title { color: #000; font-weight: 800; text-transform: uppercase; } .ht-tracker-game-info { padding: 10px 0; } .ht-tracker-game-row { padding-bottom: 5px; font-size: 80%; } .ht-tracker-game-row a { color: #000; text-decoration: none; } .ht-tracker-game-row a:hover { color: #dbdbdb; text-decoration: underline; } .ht-tracker-roster { color: #000; } .ht-tracker-roster a { text-transform: uppercase; color: #000; text-decoration: none; } .ht-tracker-roster a:hover { color: #dbdbdb; text-decoration: underline; } /************* Game Summary ***************/ .ht-matchup-container { display: table; width: 100%; margin-bottom: 10px; } .ht-matchups { display: table; margin: 0 auto; } .ht-team-container { display: table; height: 150px; position: relative; float: left; padding: 0 10px; } .team-name-container { display: table-cell; max-width: 220px; height: 100%; vertical-align: middle; padding: 0 16px; } .ht-visiting-team { text-align: left; } .ht-home-team { text-align: right; } .ht-game-status-container { display: block; float: left; } .ht-game-score { display: table; margin: 0 auto; } .ht-score-container { display: block; position: relative; float: left; min-width: 50px; color: #000; font-size: 400%; font-weight: 800; text-align: center; padding: 20px 10px 5px; } .ht-game-score > .ht-game-status { font-size: 125%; font-weight: 800; display: block; position: relative; float: left; padding: 45px 10px 0; text-align: center; max-width: 200px; line-height: 1.2; } .ht-game-number { display: block; clear: both; text-align: center; } .ht-game-date { display: block; clear: both; text-align: center; padding: 10px 0; } .ht-game-links { display: block; clear: both; text-align: center; } .ht-game-links a { font-size: 90%; color: #000; text-decoration: underline; } .ht-logo-container { display: table-cell; width: 150px; height: auto; vertical-align: middle; } .ht-logo-container img { max-width: 90%; } .ht-logo-right { float: right; } .ht-logo-left { float: left; } .ht-game-city-name a { color: #000; font-size: 125%; font-weight: 600; } .ht-game-team-name { color: #000000; font-size: 175%; font-weight: 800; } .ht-summary-container { display: block; width: 100%; overflow: hidden; } .ht-table-container-mobile { overflow-x: auto; overflow-y: hidden; } .ht-full-width { display: table; width: 100%; margin-bottom: 40px; } .ht-mobile-container { display: block; margin-bottom: 40px; } .ht-full-width-mobile { display: block; width: 100%; margin-bottom: 40px; } .ht-half-width { display: table-cell; width: 50%; margin-bottom: 40px; } .ht-left-side { padding-right: 5px; } .ht-right-side { padding-left: 5px; } .ht-section-header { background-color: #dbdbdb; padding: 10px; font-weight: 600; font-size: 110%; } .ht-section-header a { font-weight: 600; font-size: 110%; color: #000000; } .ht-section-header a:hover { font-weight: 600; font-size: 110%; color: #999999; } .ht-center-header { text-align: center; } .ht-summary-mobile { display: table; table-layout: fixed; width: 100%; margin-bottom: 10px; } .ht-summary-mobile-top { display: table-row; width: 100%; margin: 0; } .ht-summary-mobile-top .ht-mobile-team { display: table-cell; width: 25%; vertical-align: top; } .ht-summary-mobile-top .ht-mobile-team .ht-team-summary-logo { display: block; text-align: center; max-width: 150px; margin: 10px auto; } .ht-summary-mobile-top .ht-mobile-team .ht-team-name { display: block; text-align: center; width: 100%; line-height: 1.3; margin: 0px; } .ht-summary-mobile-top .ht-mobile-team .ht-team-name a { color: #000; } .ht-summary-mobile-top .ht-mobile-game-status { display: table-cell; width: 50%; text-align: center; vertical-align: middle; } .ht-player-of-game-player { font-weight: 500; font-size: 125%; } .ht-player-of-game-team { font-weight: 500; color: #666666; font-size: 110%; } .ht-player-of-game-stats { font-size: 90%; color: #666666; } .ht-table-no-overflow { overflow-x: hidden; overflow-y: hidden; } .ht-game-summary-venue { font-weight: 600; font-size: 110%; } .ht-game-stats { font-size: 90%; color: #666666; } .ht-table-summary td.player-of-game { vertical-align: top !important; } .ht-table-summary td.player-of-game .ht-player-sum-image { position: relative; float: left; width: 100px; height: 100px; overflow: hidden; margin-right: 10px; } .ht-player-sum-image img { width: 100%; } .ht-player-sum-image img:after { content: “”; position: absolute; top: 0; left: 0; background-color: #000; width: 100px; height: 100px; background-image: url(‘../img/headshot-default.jpg’); background-repeat: no-repeat; background-size: contain; } .ht-table-summary td.player-of-game .ht-player-bio { display: table-cell; line-height: 25px; } .ht-plus-minus-row { background-color: #eaeaea; } .ht-plus-minus-button { cursor: pointer; } /************* Attendance *************/ #gamesPlayed { width: 50px !important; } tr.ht-no-hover:hover { background: transparent !important; } tr.total td { border-top: 1px #000 solid; background-color: #eee; font-weight: bold; } .attendance-seasons-row { font-weight: bold; background-color: #000; } .attendance-seasons-row .season-title { color: #fff; text-align: center; } /************* Table Tooltips *************/ ._720kb-tooltip { display: inherit; background: #dbdbdb; border: 2px solid #000; color: #000; font-weight: 800; position: absolute; padding: 0.4% 1%; opacity: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; left: -200%; top: 0; z-index: -10; } ._720kb-tooltip-title { color: #000; font-weight: 500; width: 100%; clear: both; } ._720kb-tooltip._720kb-tooltip-small { padding: 4.5px 10px; font-size: 12px; } ._720kb-tooltip._720kb-tooltip-medium { padding: 7px 15px; font-size: 13.5px; } ._720kb-tooltip._720kb-tooltip-large { padding: 10px 20px; font-size: 14px; } ._720kb-tooltip._720kb-tooltip-open { visibility: visible; opacity: 1; } ._720kb-tooltip-caret:before { content: ”; position: absolute; width: 0; height: 0; border: 6px solid #000; } ._720kb-tooltip-caret:after { content: ”; position: absolute; width: 0; height: 0; border: 5px solid transparent; } ._720kb-tooltip-left ._720kb-tooltip-caret:before { top: 50%; left: 100%; margin-left: 0; margin-top: -6px; border-top-color: transparent; border-bottom-color: transparent; border-right-width: 0; } ._720kb-tooltip-left ._720kb-tooltip-caret:after { top: 50%; left: 100%; margin-left: 0; margin-top: -5px; border-top-color: transparent; border-bottom-color: transparent; border-right-width: 0; } ._720kb-tooltip-right ._720kb-tooltip-caret:before { top: 50%; left: 0; margin-left: -6px; margin-top: -6px; border-top-color: transparent; border-bottom-color: transparent; border-left-width: 0; } ._720kb-tooltip-right ._720kb-tooltip-caret:after { top: 50%; left: 0; margin-left: -5px; margin-top: -5px; border-top-color: transparent; border-bottom-color: transparent; border-left-width: 0; } ._720kb-tooltip-top ._720kb-tooltip-caret:before { top: 100%; left: 50%; margin-left: -6px; margin-bottom: -6px; border-right-color: transparent; border-left-color: transparent; border-bottom-width: 0; } ._720kb-tooltip-top ._720kb-tooltip-caret:after { top: 100%; left: 50%; margin-left: -5px; margin-bottom: -5px; border-right-color: transparent; border-left-color: transparent; border-bottom-width: 0; } ._720kb-tooltip-bottom ._720kb-tooltip-caret:before { bottom: 100%; left: 50%; margin-left: -6px; border-right-color: transparent; border-left-color: transparent; border-top-width: 0; } ._720kb-tooltip-bottom ._720kb-tooltip-caret:after { bottom: 100%; left: 50%; margin-left: -5px; border-right-color: transparent; border-left-color: transparent; border-top-width: 0; } ._720kb-tooltip-close-button { float: right; } /**** Round Robin ****/ .ht-rr-table { display: table; table-layout: fixed; width: 100%; } .ht-rr-table .ht-rr-cell { display: table-cell; vertical-align: top; } .ht-rr-table .ht-rr-cell .ht-rr-logo { padding: 20px 0 0; min-height: 75px; } .ht-rr-table .ht-rr-cell .ht-rr-logo img { display: block; margin: 0 auto; max-height: 50px; max-width: 50px; } .ht-rr-table .ht-rr-cell .ht-rr-team-name { text-align: center; font-weight: 800; padding: 8px 0; color: #000; text-transform: uppercase; } .ht-rr-table .ht-rr-cell .ht-rr-details { text-align: center; font-weight: 800; padding: 0; color: #000; font-size: 120%; text-transform: uppercase; } /***** LEADERS **********/ .ht-title-center, .ht-cell-center { text-align: center !important; } .ht-leader-photo { width: 120px; max-height: 120px; margin: 0 auto; padding: 0; } .ht-leader-team-logo { width: 80px; max-height: 40px; max-width: 80px; margin: 0 auto; } .ht-leader-name { font-size: 110%; padding: 0 0 5px; } .ht-leader-team-name, .ht-leader-type-name { font-size: 80%; padding: 0 0 3px; } .ht-leader-stat { font-size: 200%; font-weight: 600; } .ht-leader-number { font-size: 80% !important; vertical-align: top; } .ht-no-hover tr:hover { background: transparent !important; } /***** LEADERS – Extended **********/ .ht-leaders-container { width: 50%; float: left; padding: 10px 10px 0; } .ht-leaders-section { border: 1px solid #999; margin: 0 0 20px; } .ht-leader-stat-header { display: inline-block; width: 100%; font-weight: 600; border-bottom: 1px solid #999; padding: 5px 10px; background-color: #FFF; } .ht-leader-stat-header a { color: #000; } .ht-leader-stat-header a:hover { color: #999; } .ht-leaders-title { display: block; font-weight: 600; text-transform: uppercase; padding: 0 0 10px; } .ht-leaders-stats-container { border-collapse: collapse; width: 100%; padding: 10px; background-color:#fff; } .ht-leaders-stats-container tr { border-bottom: 1px solid #999; } .ht-leaders-stats-container tr:last-child { border: none; } .ht-leaders-stats-container tr td { padding: 8px 4px; } .ht-leader-extended-photo { float: left; max-height: 60px; max-width: 60px; width: 60px; margin: 0 10px 0 0; overflow: hidden; } .ht-leaders-stat { text-align: right; padding-right: 10px !important; } .ht-leaders-number { display: block; font-size: 200%; } .ht-leaders-type { font-size: 80%; } .ht-leaders-info a { color: #000; } .ht-leaders-info a:hover { color: #999; } .ht-leaders-player { font-size: 110%; } .ht-leaders-team { padding: 4px 0 0; } .ht-leaders-team-logo { max-width: 40px; line-height: 20px; vertical-align: middle; } .ht-leaders-team-name { line-height: 20px; vertical-align: middle; } @media (max-width: 768px) { .ht-leaders-container { width: 100%; } } /***** LEADER STATS **********/ .ht-leader-stats-container { display: table; width: 100%; clear: both; padding: 0; margin-bottom: 20px; } .ht-leader-stats-container .ht-leader-stats-title { display: block; font-size: 150%; text-transform: uppercase; font-weight: 600; margin: 0 1% 10px; } .ht-leader-stats { width: 50%; float: left; padding-left: 1%; padding-right: 1%; margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ht-leader-stats:nth-child(even) { border-right: 1px solid #999; } .ht-leader-stats-mobile { width: 100% !important; border: none !important; margin-bottom: 10px; } .ht-leader-stats-header { padding-bottom: 10px; } .ht-leader-stats-header a { color: #000; font-size: 130%; font-weight: 400; text-transform: uppercase; } .ht-leader-stats-header-mobile a { display: block; margin-bottom: 6px; color: #000; font-size: 120%; font-weight: 400; text-transform: uppercase; } .ht-leader-stats-header a:hover { color: #999; } .ht-leader-cell-left { width: 45%; float: left; padding-right: 1%; padding-left: 1%; } .ht-leader-cell-right { width: 55%; float: right; padding-right: 1%; padding-left: 1%; } .ht-leader-cell-full { width: 100%; float: none; padding-right: 1%; padding-left: 1%; } .ht-leader-first-photo { max-height: 120px !important; overflow: hidden; text-align: center; margin-bottom: 5px; } .ht-leader-first-name { font-size: 110%; font-weight: 600; padding: 6px 0; } .ht-leader-first-name a { color: #000; } .ht-leader-first-team { padding: 5px 0; } .ht-leader-first-team span { line-height: 30px; vertical-align: top; } .ht-leader-stats-team-logo { width: 30px; max-width: 30px !important; } .ht-leader-stats-type { font-size: 75%; color: #999; } .ht-leader-stats-value { font-size: 215%; font-weight: 600; padding-bottom: 10px; } .ht-leader-stats-all { display: table; width: 100%; margin-bottom: 6px; border-bottom: 1px solid #ccc; word-wrap: normal !important; } ul.ht-leader-stats-group { padding: 0; margin: 0; } li.ht-leader-stats-all { list-style: none; } .ht-leader-all-photo { float: left; width: 60px; height: 60px; margin-right: 10px; overflow: hidden; vertical-align: top; text-align: left; } .ht-leader-all-photo img { max-width: 60px !important; max-height: 60px !important; } .ht-leader-player-group { position: relative; width: calc(100% – 70px); display: table; height: 60px; } .ht-leader-all-player { display: inline-block; width: 100%; vertical-align: top; font-size: 92%; } .ht-leader-all-value { position: absolute; top: 0; right: 0; line-height: 60px; text-align: right; font-size: 115%; } .ht-leader-all-name { padding-bottom: 5px; } .ht-leader-all-name p { margin: 0 !important; } .ht-leader-all-name a { color: #000; } .ht-leader-all-team span { line-height: 30px; vertical-align: top; color: #999; } .ht-leader-sidebar { font-size: 95%; margin-top: 0px !important; margin-bottom: 0px !important; } .ht-leader-sidebar .ht-leader-all-name { padding-top: 5px; } /* playoff series */ .ht-playoffs-series-name th { text-align: center; } .ht-playoff-series-titles { font-size: 110%; font-weight: 400; } .ht-playoff-tab-buttons { border-bottom: 4px solid #000; margin: 15px 0; } ul.ht-playoff-tabs { display: table; border-collapse: collapse; list-style: none; padding: 0; margin: 0; } ul li.ht-playoff-tab { border: 1px solid #000; border-bottom: none; display: table-cell; text-align: center; } ul li.ht-playoff-tab a { display: block; color: #000; padding: 6px 10px; } ul li.ht-playoff-tab.tabactive { background-color: #000; } ul li.ht-playoff-tab.tabactive a { color: #fff; } /* Scoreboard */ .score-box { position: relative; height: 100px; /*min-width: 100px;*/ padding: 5px 8px 5px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .score-box-name { min-width: 200px; } @media (max-width: 460px) { .score-box { padding: 5px 4px 5px 4px !important; } } .score-box .inner-score-box { position: relative; border: 1px solid #000; height: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .score-box:hover { background-color: transparent; } .score-box .inner-score-box:hover { background-color: rgba(0,0,0, 0.2); cursor: pointer; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .score-box .inner-score-box .score-content { padding: 4px; } .score-box .inner-score-box .score-content-name { padding: 0 8px; } .score-box .results-title { font-size: 13px; color: #000; text-align: center; line-height: 18px; padding-bottom: 4px; } .score-box .results-title-name { font-size: 13px; color: #000; text-align: center; line-height: 18px; padding: 0; } .score-box .results-title span, .score-box .box-tickets span, .score-box .results-title-name span { font-weight: 300; } .score-box .team { font-size: 14px; width: 30%; color: #000; float: left; } .team-right { float: right !important; } .score-box .team-long-name { font-size: 13px; width: 100%; clear: both; color: #000; float: left; } .team-long-name .team-name { float: left; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .team-long-name .team-score { float: right; width: 15%; text-align: right; font-weight: 600; } .score-box .score-area { float: left; width: 40%; text-align: center; color: #000; font-size: 14px; } .team .team-name { font-weight: 400; } .score-box .box-tickets { position: absolute; left: 0; right: 0; bottom: 0; line-height: 20px; text-align: center; font-size: 13px; color: #000; height: 20px; } #scorecontainer .loading { font-weight: 400; text-align: center; display: block; width: 100%; line-height: 100px; height: 100px; color: #000; } #scorecontainer { position: relative; display: block; height: 100px; min-width: 300px; background: #fff; margin: 0 auto; overflow: hidden; } .game-date { text-align: center; background-color: #000; height: 18px; line-height: 18px; font-size: 11px; color: #fff; } .game-date.bottom { position: inherit; text-align: center; font-size: 11px; } .game-date span { font-weight: 300; } .game-icons { height: 32px; width: 45px; cursor: pointer; } .game-icons img { opacity: 1; filter: alpha(opacity=100); border: none; outline: none; } .game-summary { float: left; } .scorers-sheet { float: right; } .score-box .score-title { text-align: center; color: #fff; } .team .team-name { float: left; } .team .team-score { float: right; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ”; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; } [dir=’rtl’] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } @charset ‘UTF-8’; /* Slider */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; display: block; width: 30px; height: 50px; top: 25px; margin: 0; padding: 0; cursor: pointer; color: #fff; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-next:hover { color: transparent; outline: none; background: #666; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: ‘FontAwesome’; font-size: 32px; line-height: 1; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -30px; } [dir=’rtl’] .slick-prev { right: -30px; left: auto; } .slick-prev:before { content: ‘\f104′; } .slick-next { right: -30px; } [dir=’rtl’] .slick-next { right: auto; left: -30px; } .slick-next:before { content: ‘\f105’; } /* Dots */ .slick-slider { position: absolute; left: 30px; right: 30px; height: 100px; margin-bottom: 0px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: ‘slick’; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ‘•’; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } @media screen and (max-width: 500px) { .slick-slider { left: 0; right: 0; } } .stats_schedules_article { padding: 10px 20px 0px 10px; border: black 1px solid; margin: 0 auto; width: 840px; overflow-y: auto; height: 130px; text-align: left; } #stats_schedules_content { padding: 30px 10px; background: #fff; text-align: center; } #stats_schedules_content h1 { margin: 0 auto; line-height: 132px; color: #039; font-size: 58px; font-family: Bebas,Arial,sans-serif; text-transform: uppercase; white-space: nowrap; } /* Standings buttons */ ul.ht-div-buttons { list-style: none; margin: 0 -1% !important; padding: 0; } ul.ht-div-buttons li { display: inline-block; float: left; font-size: 100%; text-align: center; width: 50%; padding: 0 1%; margin-bottom: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.ht-div-buttons li a { color: #000; font-weight: 400; padding: 8px; display: block; border: 1px solid #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } ul.ht-div-buttons li a.htactive { color: #fff; } .ht-standings-full { background-color: #000; line-height: 32px; text-align: center; } .ht-standings-full a { color: #fff; text-decoration: none; font-size: 105%; } /* Pagination */ .ht-search-pagination { text-align: center; padding: 10px; } .ht-search-pagination button { background-color: #000; color: #fff; } .ht-search-pagination button:disabled { background-color: #999; color: #666; } .ht-search-pagination button#ht-pagination-first, .ht-search-pagination button#ht-pagination-last { height: 32px !important; min-width: 50px !important; font-size: 90% !important; } .ht-search-pagination button.ht-pagination-page { height: 32px !important; min-width: 32px !important; font-size: 90% !important; font-weight: 400; } .ht-search-pagination button.ht-pagination-current-page { color: #000; background-color: #fff; } /* Inline daily score */ .ht-ids-loading { display: flex; justify-content: center; align-items: center; color: #000000; } .ht-ids-content { display: block; width: 100%; padding: 10px 0; } .ht-ids-content .ht-ids-table { display: table; border-collapse: collapse; width: 100%; border: 1px solid #ccc; line-height: 1; margin-bottom: 10px; } .ht-ids-content .ht-ids-thead { line-height: 40px; text-align: left; } .ht-ids-content .ht-ids-th { height: 40px; padding: 0 6px; white-space: nowrap; font-size: 90%; font-weight: 600; text-transform: uppercase; } .ht-ids-content .ht-ids-td { padding: 0 5px; text-align: left; font-size: 90%; font-weight: 300; vertical-align: middle; height: 40px; } .ht-ids-tr:nth-child(odd) { background-color: #f6f6f6; } .ht-ids-content .ht-ids-td a { color: #000; } .ht-ids-content .ht-team-logo { display: inline-block; vertical-align: middle; padding: 2px; border: none; outline: none; max-width: 38px; } .ht-ids-game-sheet { font-size: 85%; } .ht-ids-game-sheet .ht-game-sheet-header, .ht-ids-game-sheet .ht-game-sheet-info, .ht-ids-game-sheet .ht-game-sheet-details { display: inline-block; } .ht-ids-game-sheet .ht-game-sheet-header { font-weight: 600; } .ht-ids-game-sheet .ht-game-sheet-details { padding: 4px; } .ht-ids-game-sheet .ht-game-sheet-details a { color: #000; text-decoration: underline; } .ht-ids-header { font-size: 90%; font-weight: 600; display: table; width: 100%; padding: 0 0 6px; } .ht-ids-footer { border-top: 1px solid #ccc; display: table; width: 100%; margin-top: 10px; padding-top: 5px; } .ht-ids-link { font-size: 80%; color: #000; text-transform: uppercase; } .ht-ids-link:after { color: #ccc; content: “|”; pointer-events: none; padding-left: 5px; } .ht-ids-link:last-child:after { display: none; } .ht-ids-preview { display: table; table-layout: fixed; width: 100%; } .ht-ids-preview>div { display: table-cell; text-align: center; } .ht-ids-team { width: 25%; vertical-align: top; padding: 0 4px; } .ht-ids-team img { max-width: 50px; } .ht-ids-team a { color: #000; } .ht-ids-status { vertical-align: middle; font-size: 80%; padding: 0 10px; } .ht-ids-status .ht-ids-tickets { padding: 4px 0; } .ht-ids-status a { color: #000; cursor: pointer; } .ht-ids-status .ht-ids-time { font-weight: 600; font-size: 90%; } .ht-ids-status .ht-ids-time .ht-ids-score{ font-size: 120%; } .ht-ids-media { margin-top: 5px; } .ht-ids-media i { font-size: 16px !important; } .ht-ids-media .ht-team-live { float: none; display: inline-block; } .ht-ids-no-game { text-align: center; display: block; width: 100%; padding: 15px 0; } /************* Game Center *************/ .ht-gc-matchups { display: table; width: 100%; } .ht-gc-team-container { display: table-cell; height: 150px; position: relative; padding: 0 10px; width: 35%; vertical-align: top; } .ht-gc-game-status-container { display: table-cell; width: 30%; vertical-align: middle; } .ht-gc-team-area { display: table; margin: 0 auto; } .ht-gc-visiting-team { text-align: right; } .ht-gc-home-team { text-align: left; } .ht-gc-score-container { display: table-cell; position: relative; min-width: 50px; color: #000; font-size: 400%; font-weight: 600; text-align: center; vertical-align: middle; padding: 0 10px; } .ht-game-score > .ht-gc-game-status { font-size: 125%; font-weight: 600; max-width: 200px; line-height: 1.2; } .ht-gc-header-row { display: table-row; } .ht-score-box { font-size: 95%; text-align: center; color: #000; } .ht-gc-media { line-height: 2; } .ht-gc-media a { color: #999; } .ht-gc-media a i { padding: 0 3px; } .ht-gc-game-details { display: table; table-layout: fixed; width: 100%; margin: 20px 0 40px; } .ht-gc-game-detail { display: table-cell; padding: 0 2% 0 0; } .ht-gc-game-detail:last-child { padding-right: 0; } .ht-gc-game-detail-mobile { display: block; padding: 0; margin-bottom: 20px; } .ht-gc-section-header { font-weight: 600; font-size: 110%; padding: 0 0 5px; text-transform: uppercase; } .ht-gc-play-by-play { font-weight: 600; font-size: 110%; padding: 0 7px; line-height: 32px; text-transform: uppercase; color: #fff; background-color: #000; } .ht-gc-team-logos { display: table; table-layout: fixed; width: 100%; } .ht-gc-team-cell { display: table-cell; width: 50%; } .ht-gc-logo { width: 60px; display: block; margin: 2% 2% 0; } .ht-gc-team-cell .ht-gc-team-visit-color { display: block; height: 5px; background-color: #f38300; } .ht-gc-team-cell .ht-gc-team-home-color { display: block; height: 5px; background-color: #0025ca; } .ht-cursor { cursor: pointer; } .ht-gc-play-by-play .ht-plus-minus-button { padding-right: 5px; padding-left: 5px; vertical-align: middle; } .ht-gc-section-header a { color: #000; } .ht-table-image { max-width: 40px; vertical-align: middle; padding: 4px 0; } .ht-table-last-5 { vertical-align: top !important; } .ht-table-fixed { table-layout: fixed; } .ht-three-stars { display: table; table-layout: fixed; width: 100%; margin-bottom: 20px; } .ht-three-star { display: table-cell; vertical-align: top; padding: 1%; } .ht-three-star-mobile { display: table; padding: 4% 1% 0; clear: both; width: 98%; } .ht-star-image { position: relative; float: left; width: 90px; height: 90px; overflow: hidden; margin: 0 2% 10px 0; border: 1px solid #000; border-radius: 100%; } .ht-star-image img { width: 100%; } .ht-star-image img:after { content: “”; position: absolute; top: 0; left: 0; background-color: #000; width: 90px; height: 90px; background-image: url(‘../img/headshot-default.jpg’); background-repeat: no-repeat; background-size: contain; } .ht-star-container { float: left; width: 73%; overflow: hidden; text-overflow: ellipsis; } .ht-star-number { font-size: 130%; font-weight: 600; } .ht-star-name a { color: #000; } .ht-star-team, .ht-star-stats { font-size: 90%; color: #999; } .ht-table-data { width: 100%; } .ht-data-cell { padding: 0 0 10px 0 !important; } .ht-data-table { border: none !important; } tr.ht-data-table td { vertical-align: top; } .ht-data-table:hover { background: transparent !important; } .ht-top-photo { position: relative; float: left; width: 50px; height: 50px; overflow: hidden; border: 1px solid #000; border-radius: 100%; } .ht-top-photo img { width: 100%; } .ht-top-photo img:after { content: “”; position: absolute; top: 0; left: 0; background-color: #000; width: 50px; height: 50px; background-image: url(‘../img/headshot-default.jpg’); background-repeat: no-repeat; background-size: contain; } .ht-top-details { float: left; padding-left: 10px; } .ht-top-stats { font-size: 90%; color: #999; line-height: 1; } .ht-play-by-play { margin: 0 0 30px 0; } .ht-play-by-play a { color: #000; } .ht-play-by-play a:hover { color: #999; cursor: pointer; } .ht-event-row { position: relative; display: table; width: 100%; margin: 0; padding: 5px 8px; border-bottom: 1px solid #ebeded; } .ht-event-goalie {} .ht-event-faceoff {} .ht-event-shot {} .ht-event-penalty {} .ht-event-goal { background-color: #f5f5f5; } .ht-event-hit {} .ht-event-icing {} .ht-event-offside {} .ht-event-oddmanrush {} .ht-event-breakout {} .ht-event-type { font-weight: 600; } table.ht-odd-rush-table { display: table; width: 100%; } table.ht-odd-rush-table th { width: 50%; background-color: #dcdcdc; } table.ht-odd-rush-table td { vertical-align: top; } table.ht-odd-rush-table .ht-odd-rush-column { display: grid; grid-template-columns: 50px auto; grid-column-gap: 6px; grid-row-gap: 2px; padding: 2px 0; } .ht-event-image { display: table-cell; background-color: #fff; width: 50px; height: 50px; vertical-align: middle; text-align: center; overflow: hidden; } .ht-event-image img { width: 100%; } .ht-gc-small-text { color: #999; font-size: 80%; } .ht-event-details { float: left; padding-left: 10px; width: 82%; } .ht-event-details section { display: inline-block; } .ht-event-time { float: right; text-align: right; } .ht-gc-pm-button { padding: 3px 0; } .ht-gc-plus-minus { display: table; width: 100%; } .ht-gc-pm-table { width: 48%; margin: 10px 1%; display: table; float: left; } .ht-gc-pm-table tr { border-bottom: none !important; } .ht-table-col-sm { width: 50px; } .ht-gc-marker { background-color: #000; color: #fff; font-size: 80%; padding: 4px 6px; margin-left: 4px; } .ht-gc-icerink-wrapper { position: relative; margin: 1% 0% 2%; } .ht-gc-icerink-wrapper-mobile { position: relative; margin: 6% 0% 2%; } .ht-gc-icerink-container { display: flex; position: relative; width: 86%; margin: 0 auto; } .ht-gc-icerink-container-mobile { display: flex; position: relative; width: 98%; margin: 0 auto; } .ht-gc-icerink-image { display: block; width: 100%; height: 100%; } .ht-pin-popup { position: absolute; background-color: #fff; border: 2px solid #000; box-sizing: border-box; top: 10%; left: 50%; margin-left: -140px; width: 280px; z-index: 9999; -webkit-box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.75); box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.75); } .ht-pin-popup.ht-pp-shot { height: 120px; } .ht-pin-popup.ht-pp-goal { height: 204px; } .ht-pin-player-container { display: block; overflow: hidden; height: 84px; } .ht-pin-player-container:last-child { border-top: 1px solid #000; } .ht-pin-popup .ht-pin-header { height: 32px; line-height: 32px; background-color: #000; color: #fff; } .ht-pin-popup .ht-pin-header .ht-pin-period { font-size: 90%; padding: 0 10px; } .ht-pin-popup .ht-pin-header .ht-pin-close { float: right; font-weight: 600; padding: 0px 10px; cursor: pointer; } .ht-pin-popup .ht-pin-headshot { position: relative; display: inline-block; float: left; padding: 0; width: 72px; height: 72px; border-radius: 100%; overflow: hidden; margin: 4px; border: 1px solid #000; } .ht-pin-headshot img { width: 100%; } .ht-pin-headshot img:after { content: “”; position: absolute; top: 0; left: 0; background-color: #000; width: 72px; height: 72px; background-image: url(‘../img/headshot-default.jpg’); background-repeat: no-repeat; background-size: contain; } .ht-pin-popup .ht-pin-data { display: inline-block; float: left; width: 70%; padding: 3% 2% 0 1%; } .ht-pin-popup .ht-pin-event span { color: #fff; padding: 4px 8px; font-size: 85%; text-transform: uppercase; } .ht-pin-popup .ht-pin-event .ht-visitingteam { background-color: #f38300; } .ht-pin-popup .ht-pin-event .ht-hometeam { background-color: #0025ca; } .ht-pin-popup .ht-pin-event .ht-shot-goal { background-color: #dd0010 !important; margin-left: 4px; } .ht-pin-popup .ht-pin-player { font-size: 92%; padding: 5% 0px; } .ht-pin-popup .ht-pin-player .ht-pin-num { color: #999; } .ht-gc-pin { width: 30px; height: 30px; border-radius: 50% 50% 50% 0; background: #ebebeb; position: absolute; transform: rotate(-45deg); top: 0; left: 0; margin: -35px 0 0 -15px; border: 2px solid #999; } .ht-gc-pin:after { content: “”; position: absolute; left: -10px; bottom: -5px; width: 15px; height: 6px; opacity: 0.3; background-color: #000; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; transform: rotate(45deg); z-index: -1; } .ht-gc-pin-type { position: absolute; color: #000; transform: rotate(45deg); bottom: 3px; left: 8px; font-weight: 600; cursor: pointer; } .ht-gc-home-pin { background: #0025ca; border: 2px solid #080085; } .ht-gc-home-pin .ht-gc-pin-type { color: #fff; } .ht-gc-visiting-pin { background: #f38300; border: 2px solid #875700; } .ht-gc-visiting-pin .ht-gc-pin-type { color: #fff; } .ht-gc-home-pin-goal { background: #0025ca; border: 2px solid #080085; z-index: 1; } .ht-gc-home-pin-goal .ht-gc-pin-type { color: #fff; } .ht-gc-visiting-pin-goal { background: #f38300; border: 2px solid #875700; z-index: 1; } .ht-gc-visiting-pin-goal .ht-gc-pin-type { color: #fff; } .ht-home-or-visit { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; } .ht-home-or-visit .ht-visitteam { background-color: #f38300; height: 100%; } .ht-home-or-visit .ht-hometeam { background-color: #0025ca; height: 100%; } .ht-last5-date { font-size: 90%; color: #999; } /* Rink Faceoff */ #ht-icerink #faceoff-totals-container .faceoff-total-h, #ht-icerink #faceoff-totals-container .faceoff-total-v { position: absolute; font-size: 140%; font-weight: 600; width: 30px; text-align: center; margin-left: -15px; height: 30px; margin-top: -15px; } #ht-icerink #faceoff-totals-container .faceoff-total-h { border-bottom: 5px solid #0025ca; } #ht-icerink #faceoff-totals-container .faceoff-total-v { border-bottom: 5px solid #f38300; } @media screen and (max-width: 520px) { .ht-star-image, .ht-star-image img:after { width: 70px !important; height: 70px !important; } .ht-star-number { font-size: 110%; } .ht-gc-pm-table { width: 100%; } } .ht-event-buttons, .ht-event-periods { display: table; table-layout: fixed; margin: 0 auto 20px; } .ht-event-periods-mobile { display: table; table-layout: fixed; margin: 0 auto 0; } .ht-period-title { display: block; width: 100%; line-height: 32px; padding: 0 10px; background-color: #000; color: #fff; font-weight: 600; } .ht-event-button-container { display: table-cell; padding: 15px 10px; } .ht-event-button { display: table; margin: 0 auto; } .onofflabel { float: left; line-height: 30px; padding-right: 8px; font-weight: 600; } .onofflabelmobile { float: none; padding: 0; line-height: 30px; display: block; text-align: center; font-weight: 600; } .onoffswitch { float: left; position: relative; width: 68px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch label:before { display: none !important; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block !important; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 28px; padding: 0; line-height: 28px; font-size: 14px; color: #fff; font-weight: 600; box-sizing: border-box; } .onoffswitch-inner:before { content: “ON”; padding-left: 10px; background-color: #fff; color: #000000; } .onoffswitch-inner:after { content: “OFF”; padding-right: 10px; background-color: #ebebeb; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 7px; background: #fff; position: absolute; top: 0; bottom: 0; right: 36px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .stats_schedules_article { padding: 10px 20px 0px 10px; border: black 1px solid; margin: 0 auto; width: 840px; overflow-y: auto; height: 130px; text-align: left; } #stats_schedules_content { padding: 30px 10px; background: #fff; text-align: center; } #stats_schedules_content h1 { margin: 0 auto; line-height: 132px; color: #039; font-size: 58px; font-family: Bebas,Arial,sans-serif; text-transform: uppercase; white-space: nowrap; } /* Pregame Notes */ .ht-pregame-season h1 { text-align: center; margin: 0 0 10px; font-size: 150%; } .ht-pregame-vs, .ht-pregame-details { display: table; width: 100%; } .ht-pregame-vs .ht-pregame-logo { display: table-cell; width: 15%; vertical-align: top; text-align: center; } .ht-pregame-logo img { height: 80px; width: auto; min-width: 80px; } .ht-pregame-vs .ht-pregame-data { display: table-cell; width: 70%; text-align: center; } .ht-pregame-data h2, .ht-pregame-data h3 { margin: 0 0 5px; } .ht-pregame-data h2 { font-size: 130%; } .ht-pregame-data h3 { font-size: 120%; } .ht-pregame-col { display: table-cell; width: 50%; vertical-align: top; padding: 5px; } .ht-pregame-col table { display: table; width: 100%; border-collapse: collapse; } .ht-pregame-col table tr td { padding: 2px 4px; vertical-align: top; } table.ht-pregame-50table { display: table; table-layout: fixed; border-collapse: collapse; width: 100%; } table.ht-pregame-50table tr td { width: 50%; vertical-align: top; word-break: break-word; padding: 2px 4px; } table.ht-pregame-player-table { display: table; border-collapse: collapse; width: 100%; } table.ht-pregame-player-table tr th { text-align: left; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #000; } table.ht-pregame-player-table tr td { padding: 2px 4px; border-bottom: 1px solid #ddd; } .ht-fulltable { display: table; width: 100%; margin-bottom: 40px; } .ht-halftable { display: table-cell; width: 50%; margin-bottom: 40px; } .ht-mobile-fulltable { display: block; margin-bottom: 40px; } .ht-mobile-halftable { display: block; width: 100%; margin-bottom: 40px; } .ht-cell-title { display: table-cell; white-space: nowrap; padding-right: 4px; } .ht-cell-value { display: table-cell; }