@import "../assets.sidearmsports.com/common/fonts/fontawesome/font-awesome.min.css"; .story-wrapper * { box-sizing: content-box; -moz-box-sizing: content-box; } .story-wrapper *:before, .story-wrapper *:after { box-sizing: content-box; -moz-box-sizing: content-box; } .contentDiv, .contentDiv_container { width: auto; float: none; padding: 0; } .page_title { display: none; } .story-wrapper h1 { position: static; display: block; } img { max-width: 100%; } body, td { font-size: 14px; line-height: 1.5; } figure { margin: 0; padding: 0; } /* HELPER CLASSES */ .left { float: left; } .right { float: right; } .clear { clear: both; } *.hide { display: block; position: absolute; left: -9999px; } .cf:before, .cf:after { content: " "; display: table; } .cf { *zoom: 1; } .cf:after { clear: both; } .sidearm-story-image-align-left { float: left; } .sidearm-story-image-align-right { float: right; } .sidearm-story-image-align-center { text-align: center; } .sidearm-story-image-align-center figure { margin: 0 auto; } /* MIXINS */ /* COMMON RULES */ .secondstoryad { margin: 5% auto; } aside > section { margin-bottom: 4%; } .story-header h1 { font-size: 2em; line-height: 1.2; } .story-social-media ul { list-style: none; margin: 0; padding: 0; } .story-social-media li { float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; color: white; text-align: center; margin-right: 2%; } .story-social-media li i { line-height: 30px; } .story-social-media li.facebook { background-color: #31588f; } .story-social-media li.facebook:hover { background-color: #244169; } .story-social-media li.twitter { background-color: #2da8d2; } .story-social-media li.twitter:hover { background-color: #2486a8; } .story-social-media li.email { background-color: #758a8f; } .story-social-media li.email:hover { background-color: #5e6f73; } .story-social-media li.print { background-color: #728a8c; } .story-social-media li.print:hover { background-color: #5b6e70; } .story-social-media li.plus { background-color: #f9694e; } .story-social-media li.plus:hover { background-color: #f73f1d; } .story-links ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .story-links ul li a { display: block; background-color: #00467f; color: #ffc425; text-decoration: none; text-transform: uppercase; padding: 2% 4%; border-bottom: 1px solid #002a4c; } .story-links ul li a:hover { background-color: #002a4c; } .players-mentioned > div { position: relative; padding-bottom: 60px; } .players-mentioned ul { padding: 0 4% 6% 4% !important; margin: 0 -1% !important; list-style: none !important; } .players-mentioned ul > li { float: left; width: 18%; margin: 1%; background-color: black; overflow: hidden; } .players-mentioned ul > li .player-image { position: relative; } .players-mentioned ul > li .player-image img { opacity: .7; } .players-mentioned ul > li .player-image a { position: absolute; bottom: 0; right: 0; padding: 2% 4%; display: inline-block; color: #ffc425; background-color: #00467f; transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transition: 0.25s; transition: 0.25s; text-decoration: none; text-transform: uppercase; } .players-mentioned ul > li .player-image a:hover { background-color: #002a4c; } .players-mentioned ul > li .player-image:hover img { opacity: 1; transition: .2s; transform: scale(1.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } .players-mentioned ul > li .player-image:hover a { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } .players-mentioned ul > li dl { position: absolute; bottom: 0; left: 0; padding-left: 60px; margin: 0 4%; visibility: hidden; opacity: 0; -webkit-transition: 0.1s; transition: 0.1s; } .players-mentioned ul > li dl dt { font-size: 1.5em; color: black; background: white; } .players-mentioned ul > li dl dd.number { position: absolute; left: 0; top: 0; width: 50px; height: 30px; line-height: 30px; background-color: #00467f; color: #ffc425; text-align: center; } .players-mentioned ul > li dl dd { display: inline; margin-right: 5px; line-height: 30px; color: black; background: white; } .players-mentioned ul > li:hover dl { visibility: visible; opacity: 1; } .table-stats table { width: 100%; } .table-stats table caption { background-color: #00467f; color: #ffc425; padding: 0 4%; font-weight: bold; font-size: 1.1em; line-height: 2em; } .table-stats table tr { background-color: white; border-bottom: 1px solid #dedede; } .table-stats table tr td:last-child, .table-stats table tr th:last-child { background-color: #c7c7c7; border-bottom: 1px solid #dedede; } .table-stats table tr td:first-child, .table-stats table tr th:first-child { text-align: left; border-right: 1px solid #dedede; } .table-stats table th, .table-stats table td { padding: 2% 4%; text-align: right; border: none; } .table-stats table th[scope=col] { font-weight: bold; } .table-stats table th.winner:before { content: '\e861'; font-family: sidearm_font; margin-right: 5px; } .table-stats #soccer_scoring_summary tr td:first-child { text-align: center; } .table-stats #soccer_scoring_summary tr td:last-child { padding: 2%; background-color: white; text-align: left; vertical-align: top; } .table-stats #soccer_scoring_summary td { padding: 2%; } .table-stats #football_scoring_summary tr td { padding: 1%; } .table-stats #football_scoring_summary tr td:first-child { padding: 2%; font-size: 11px; } .table-stats #football_scoring_summary tr td:last-child { background-color: white; border-left: 1px solid #dedede; } .table-stats #football_scoring_summary tr.fb_summary_qtr_row { border-bottom: 2px solid #00467f; border-top: 2px solid #00467f; font-weight: bold; } .table-stats #football_scoring_summary tr.fb_summary_qtr_row td { padding: 1%; } .table-stats #football_scoring_summary tr.fb_summary_qtr_row td:first-child { padding: 2%; } .table-stats #football_scoring_summary tr.fb_summary_qtr_row td:last-child { background-color: white; border-left: 1px solid #dedede; } .table-stats #football_scoring_summary div.fb_summary_logo_wrapper { float: left; padding-right: 3%; } .player-stats.table-stats tr td:last-child, .player-stats.table-stats tr th:last-child { background: none; border: none; } .player-stats { background-color: white; } .player-stats h2 { background-color: #00467f; color: #ffc425; padding: 0 10px; line-height: 30px; } .player-stats .stats-chooser { padding: 10px; border-bottom: 1px solid #dedede; } .player-stats .stats-chooser select { background-color: #efefef; color: #6b5e53; width: 100%; height: 30px; line-height: 30px; } .player-stats .stats-leaders.hide { position: static; display: none; } .player-stats .leader { padding: 10px 10px 10px 80px; *zoom: 1; } .player-stats .leader:before, .player-stats .leader:after { content: " "; display: table; } .player-stats .leader:after { clear: both; } .player-stats .leader > img { width: 60px; float: left; position: relative; margin-left: -70px; } .player-stats .leader h3 { font-weight: normal; } .player-stats .leader h3 span { color: #00467f; font-weight: bold; } .player-stats .leader ul { list-style: none; margin: 0; padding: 0; } .player-stats .leader ul li { box-sizing: border-box; -moz-box-sizing: border-box; width: 50%; float: left; border: 1px solid #dedede; } .player-stats .leader ul li dl { padding: 0 5px; } .player-stats .leader ul li dl dt { color: #00467f; } .player-stats .leader ul li dl dt:after { content: ':'; } .player-stats .leader ul li dl dt, .player-stats .leader ul li dl dd { display: inline; } .player-stats .leader:nth-child(even) { background-color: #efefef; } .story-related ul, .story-videos ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .story-related article, .story-videos article { *zoom: 1; padding: 10px 0; } .story-related article:before, .story-videos article:before, .story-related article:after, .story-videos article:after { content: " "; display: table; } .story-related article:after, .story-videos article:after { clear: both; } .story-related article .related-thumb, .story-videos article .related-thumb { float: left; width: 32%; position: relative; } .story-related article .related-thumb i, .story-videos article .related-thumb i { width: 30px; height: 30px; line-height: 30px; margin-top: -30px; float: right; position: relative; z-index: 1; font-size: .5em; text-align: center; background-color: #00467f; color: #ffc425; } .story-related article .related-text, .story-videos article .related-text { width: 64%; float: right; } .story-related article .related-text p, .story-videos article .related-text p { margin: 0; } .story-related article .related-text h3, .story-videos article .related-text h3 { font-weight: normal; } .story-related article .related-text a, .story-videos article .related-text a { color: #00294c; text-decoration: none; } .story-related article .related-text a:hover, .story-videos article .related-text a:hover { text-decoration: underline; } /* GENERAL TEMPLATES ONLY */ .gen ul.jta-tweet-list { padding: 0 4%; } .gen ul.jta-tweet-list li.jta-tweet-list-item { width: auto; color: #333333; padding: 2% 0; border-bottom: 1px solid #dedede; } .gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-profile-image { float: left; margin: 0 10px 10px 0; padding: 0; width: auto; height: auto; } .gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-text { float: none; width: auto; height: auto; margin: 0; padding: 0; } .gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions { display: block; margin: 2% 0; float: right; } .gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions a { display: block; float: left; margin-right: 5px; padding: 0 10px; background-color: #00467f; color: #ffc425; text-transform: uppercase; text-decoration: none; } .gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions a:hover { background-color: #002a4c; } .gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-attributes { display: block; } .gen ul.jta-tweet-list li.jta-tweet-list-item .jta-clear { clear: both; } .gen .story-related li + li, .gen .story-videos li + li { border-top: 1px solid #c7c7c7; } .gen .story-related article p, .gen .story-videos article p { margin: 0; } .gen .story-related article h3, .gen .story-videos article h3 { font-weight: normal; } .gen .story-related article a, .gen .story-videos article a { color: #00294c; text-decoration: none; } .gen .story-related article a:hover, .gen .story-videos article a:hover { text-decoration: underline; } .gen .story-photos figcaption { padding: 4%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gen .story-photos figcaption a { text-decoration: none; } .gen .story-photos figcaption a:hover { text-decoration: underline; } /* GENERAL TEMPLATES 1 & 2 */ .gen-1 .story-photos ul, .gen-2 .story-photos ul { position: relative; margin: 0 -2%; padding: 0; list-style: none; } .gen-1 .story-photos ul li, .gen-2 .story-photos ul li { float: left; margin: 10px 2%; width: 46%; } .gen-1 .story-photos figcaption, .gen-2 .story-photos figcaption { border: 1px solid #dedede; } /* GENERAL TEMPLATES 2 & 3 */ .gen-2 .story_email, .gen-3 .story_email { margin-top: 5px; } .gen-2 .story-photos figcaption, .gen-3 .story-photos figcaption { background-color: white; border: none; } .gen-2 .ui-tabs > ul, .gen-3 .ui-tabs > ul { list-style: none; margin: 0; padding: 0 5%; *zoom: 1; border-bottom: 1px solid #c7c7c7; height: 40px; } .gen-2 .ui-tabs > ul:before, .gen-3 .ui-tabs > ul:before, .gen-2 .ui-tabs > ul:after, .gen-3 .ui-tabs > ul:after { content: " "; display: table; } .gen-2 .ui-tabs > ul:after, .gen-3 .ui-tabs > ul:after { clear: both; } .gen-2 .ui-tabs > ul > li, .gen-3 .ui-tabs > ul > li { padding: 0 10px; line-height: 40px; float: left; border: 1px solid #c7c7c7; border-bottom: none; background-color: #c7c7c7; } .gen-2 .ui-tabs > ul > li > a, .gen-3 .ui-tabs > ul > li > a { color: #333333; text-decoration: none; } .gen-2 .ui-tabs > ul > li.ui-state-active, .gen-3 .ui-tabs > ul > li.ui-state-active { background-color: #dedede; color: #333333; } .gen-2 .ui-tabs > ul > li.ui-state-active > a, .gen-3 .ui-tabs > ul > li.ui-state-active > a { color: #333333; } .gen-2 .ui-tabs > ul > li + li, .gen-3 .ui-tabs > ul > li + li { margin-left: 5px; } .gen-2 .ui-tabs > ul > li:not(.ui-state-active):hover, .gen-3 .ui-tabs > ul > li:not(.ui-state-active):hover { background-color: #aeaeae; } .gen-2 .ui-tabs .ui-tabs-panel, .gen-3 .ui-tabs .ui-tabs-panel { position: static; top: 0; } .gen-2 .ui-tabs .ui-tabs-hide, .gen-3 .ui-tabs .ui-tabs-hide { position: absolute; left: -9999px; display: none; } .gen-2 .story-links, .gen-3 .story-links { width: 40%; float: right; margin: 1em 0 2% 2%; } .gen-2.story-wrapper, .post-1.story-wrapper { background-color: #dedede; } .gen-2 .story-column, .post-1 .story-column { float: left; padding: 2%; } .gen-2 .story-column + .story-column, .post-1 .story-column + .story-column { float: right; } .gen-2 .story-column.left, .post-1 .story-column.left { width: 66%; background-color: white; } .gen-2 .story-column.right, .post-1 .story-column.right { width: 30%; padding: 0; } .gen-2 .story-column.right section, .post-1 .story-column.right section { margin: 5%; } .gen-2 .story-column.right section.story-sponsors, .post-1 .story-column.right section.story-sponsors { margin: 5% 0; } .gen-1 .story-content, .pre-2 .story-content { background-color: white; padding: 4%; } .gen-1 .story-column, .pre-2 .story-column { float: left; } .gen-1 .story-column + .story-column, .pre-2 .story-column + .story-column { float: right; } .gen-1 .story-column.left, .pre-2 .story-column.left { width: 62%; } .gen-1 .story-column.right, .pre-2 .story-column.right { width: 33%; } .gen-1 .story-header, .pre-2 .story-header { position: relative; margin: -80px 0 4% 0; } .gen-1 .story-header > div, .pre-2 .story-header > div { padding: 4%; background-color: #ffc425; color: #00467f; } .gen-1 .story-header p, .pre-2 .story-header p { margin: 2% 0; } .gen-1 .story-header h1, .pre-2 .story-header h1 { color: #00467f; } .gen-1 .story-header h2:not(:empty), .pre-2 .story-header h2:not(:empty) { background-color: white; color: #00294c; border: 1px solid #dedede; color: #333333; font-style: italic; font-weight: normal; padding: 4%; } /* GENERAL TEMPLATE 1 */ .gen-1 .story-buttons { margin-bottom: 4%; position: relative; } .gen-1 .story-buttons > ul { list-style: none; margin: 0; padding: 0; float: right; } .gen-1 .story-buttons > ul > li { list-style: none; margin: 0; padding: 5px 10px; line-height: 20px; float: left; background-color: #dedede; cursor: pointer; } .gen-1 .story-buttons > ul > li:hover { background-color: #c7c7c7; } .gen-1 .story-buttons > ul > li:hover > div { visibility: visible; } .gen-1 .story-buttons > ul > li.hashtag { background-color: #00abf0; color: white; } .gen-1 .story-buttons > ul > li.hashtag:hover { background-color: #0087bd; } .gen-1 .story-buttons > ul > li.hashtag > a { color: white; } .gen-1 .story-buttons > ul > li > a { text-transform: uppercase; text-decoration: none; color: #333333; } .gen-1 .story-buttons > ul > li i { margin-left: 10px; } .gen-1 .story-buttons > ul > li > div { position: absolute; top: 30px; right: 0; visibility: hidden; width: 100%; min-height: 100px; padding: 6% 0; background-color: white; border: 1px solid #dedede; box-shadow: 0 1px 5px #c7c7c7; } .gen-1 .story-column.right section { margin-bottom: 4%; } .gen-1 .story-column.right section > h2 { color: #00467f; font-size: 1.5em; padding-left: 4%; } .gen-1 .story-column.right section > h2 i { border-radius: 100px; background-color: #00467f; color: #ffc425; font-size: 15px; line-height: 20px; padding: 10px; text-align: center; width: 20px; height: 20px; margin-right: 5px; } /* GENERAL TEMPLATE 2 */ .gen-2 .story-header { color: #00294c; } .gen-2 .story-header h2:not(:empty) { background-color: #dedede; padding: 4%; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; margin: 2% 0; font-weight: normal; } .gen-2 .story-social-media { padding-bottom: 2%; border-bottom: 1px solid #c7c7c7; } .gen-2 .story-text { padding: 4% 0; } .gen-2 .players-mentioned h2 { float: right; text-transform: uppercase; font-weight: normal; } .gen-2 .players-mentioned h2 i { line-height: 30px; width: 30px; text-align: center; margin: 0 0 0 10px; background-color: #dedede; color: #333333; } .gen-2 .players-mentioned div { border: 1px solid #dedede; clear: both; } .gen-2 .players-mentioned div ul { padding: 0; margin: 0 -1% 2% -1%; } .gen-2 .players-mentioned div dl { margin: 2% 1% 0 2%; } .gen-2 .story-twitter h2.hashtag { background-color: #00abf0; color: white; padding: 0 20px; margin: 0; line-height: 40px; text-transform: uppercase; float: left; } .gen-2 .story-twitter ul.jta-tweet-list { clear: both; padding: 0; } .gen-2 .story-twitter ul.jta-tweet-list li.jta-tweet-list-item + li.jta-tweet-list-item { border-top: 1px solid #c7c7c7; } .gen-2 .story-twitter ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions { float: none; } .gen-2 .story-photos h2 { border-bottom: 1px solid #c7c7c7; margin: 0 -5%; padding: 0 5%; height: 40px; font-weight: normal; color: #333333; *zoom: 1; } .gen-2 .story-photos h2:before, .gen-2 .story-photos h2:after { content: " "; display: table; } .gen-2 .story-photos h2:after { clear: both; } .gen-2 .story-photos h2 span { display: block; float: left; padding: 0 10px; margin-top: 1px; line-height: 40px; background-color: #dedede; border: 1px solid #c7c7c7; border-bottom: none; } .gen-2 .story-photos ul { clear: both; } .gen-2 section.ui-tabs-panel h2 { position: absolute; left: -9999px; } /* GENERAL TEMPLATE 3 */ .gen-3.story-wrapper { background-color: #dedede; } .gen-3 .story-column { float: right; } .gen-3 .story-column + .story-column { float: left; } .gen-3 .story-column.left { width: 29%; padding: 0; float: left; } .gen-3 .story-column.left > section { margin: 8% 4.5%; } .gen-3 .story-column.left > section h2 { border-bottom: 1px solid #c7c7c7; color: #333333; font-size: 1.2em; } .gen-3 .story-column.left > section h2 i { display: none; } .gen-3 .story-column.left .story-sponsors { margin-left: 0; margin-right: 0; } .gen-3 .story-column.left .story-sponsors img { margin: 0 auto; } .gen-3 .story-column.right { width: 71%; padding: 0; background-color: white; } .gen-3 .story-header, .gen-3 .story-social-media, .gen-3 .story-media { margin: 2% 4%; } .gen-3 .story-header h2 { color: #555555; font-style: italic; margin: 4% 0; } .gen-3 .story-related > ul > li + li img { display: none; } .gen-3 .story-related article { padding: 10px 0; } .gen-3 .story-related article p { font-style: italic; } .gen-3 .story-related article img { margin-bottom: 5px; } .gen-3 .story-related article .related-thumb, .gen-3 .story-videos article .related-thumb { float: none; width: auto; position: relative; } .gen-3 .story-related article .related-thumb i, .gen-3 .story-videos article .related-thumb i { width: 30px; height: 30px; line-height: 30px; margin-top: -30px; float: right; position: relative; z-index: 1; font-size: .5em; text-align: center; background-color: #00467f; color: #ffc425; } .gen-3 .story-related article .related-text, .gen-3 .story-videos article .related-text { width: auto; float: none; } .gen-3 .story-photos li { padding: 10px 0; } .gen-3 .story-photos li + li { border-top: 1px solid #c7c7c7; } .gen-3 .ui-tabs > ul { padding: 0 4%; } .gen-3 .ui-tabs > ul > li { line-height: 39px; background-color: #dedede; -webkit-transition: 0.2s; transition: 0.2s; } .gen-3 .ui-tabs > ul > li > a { color: #888888; } .gen-3 .ui-tabs > ul > li:hover a { color: white; } .gen-3 .ui-tabs > ul > li.hashtag { background-color: #00abf0; } .gen-3 .ui-tabs > ul > li.hashtag a { color: white; } .gen-3 .ui-tabs > ul > li.hashtag:hover { background-color: #0087bd; } .gen-3 .ui-tabs > ul > li.ui-state-active:not(.hashtag) { background-color: white; } .gen-3 .ui-tabs > ul > li.ui-state-active:not(.hashtag) > a { color: #333333; } .gen-3 .ui-tabs > section { padding: 4%; } .gen-3 .story-videos h2 { position: absolute; left: -9999px; } .gen-3 .story-videos ul { margin: 0 -2%; *zoom: 1; } .gen-3 .story-videos ul:before, .gen-3 .story-videos ul:after { content: " "; display: table; } .gen-3 .story-videos ul:after { clear: both; } .gen-3 .story-videos ul li { width: 29%; margin: 0 2% 2% 2%; float: left; } .gen-3 .story-videos ul li i { display: none; } .gen-3 .story-videos ul li p { font-style: italic; } .gen-3 .story-videos ul li + li { border: none; } /* POST GAME TEMPLATES */ .post .story-media { padding: 0; margin: 0; background-color: #dedede; } .post .story-media .story-media-wrap { position: relative; margin-bottom: 20px; } .post .story-media .story-media-wrap .boxscore-links { position: absolute; right: 0; bottom: 0; z-index: 1; } .post .story-media .story-media-wrap .boxscore-links ul li { display: inline; margin-left: 5px; float: left; } .post .story-media .story-media-wrap .boxscore-links ul li a { display: block; padding: 5px 15px; background-color: #00467f; color: #ffc425; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #002a4c; font-weight: bold; } .post .story-media .story-media-wrap .boxscore-links ul li a:hover { background-color: #002a4c; } .post .story-media .story-media-wrap .media_object_caption { position: absolute; bottom: -20px; width: 100%; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; line-height: 20px; font-size: 14px; font-style: italic; } .post .story-media .story-media-wrap .media_object_caption .media_object_inner_caption { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .post .story-media .game-summary { padding: 1% 4% 2% 4%; } .post .story-media .game-summary .has_tabs { *zoom: 1; float: none; width: auto; margin: 0; } .post .story-media .game-summary .has_tabs:before, .post .story-media .game-summary .has_tabs:after { content: " "; display: table; } .post .story-media .game-summary .has_tabs:after { clear: both; } .post .story-media .game-summary .has_tabs ul { *zoom: 1; border-bottom: 1px solid #c7c7c7; list-style: none; } .post .story-media .game-summary .has_tabs ul:before, .post .story-media .game-summary .has_tabs ul:after { content: " "; display: table; } .post .story-media .game-summary .has_tabs ul:after { clear: both; } .post .story-media .game-summary .has_tabs ul li a { float: left; background-color: #c7c7c7; color: #4d4d4d; font-weight: bold; text-decoration: none; padding: 0 20px; line-height: 30px; } .post .story-media .game-summary .has_tabs ul li.ui-state-active a { background-color: #00467f; color: #ffc425; } .post .story-media .game-summary .has_tabs .ui-tabs-hide { position: absolute; left: -9999px; } .post .story-media .game-summary .game-result { display: table; border-collapse: separate; border-spacing: 10px; position: relative; margin-left: -10px; color: #5d5148; } .post .story-media .game-summary .game-result .game-result-row { display: table-row; } .post .story-media .game-summary .game-result .game-result-row > div { display: table-cell; background-color: #efefef; line-height: 40px; padding: 0 10px; font-size: 22px; font-weight: bold; } .post .story-media .game-summary .game-result .game-result-row > div:first-child { padding: 0; background: white; } .post .story-media .game-summary .game-result .game-result-row > div:first-child div { display: inline; } .post .story-media .game-summary .game-result .game-result-row > div.team-name { background: none; } .post .story-media .game-summary .game-result .game-result-row > div.team-name.loser i { display: none; } .post .story-media .game-summary .game-result .game-result-row > div.team-score { text-align: center; } .post .story-media .game-summary .game-result .game-result-row > div img { width: 40px; height: 40px; display: inline; vertical-align: middle; } .post .story-media .game-summary .game-result .game-result-row > div span { font-size: 14px; font-weight: normal; } .post .story-media .game-summary table { width: 100%; } .post .story-media .game-summary table caption { text-indent: -9999px; position: absolute; } .post .story-media .game-summary table th, .post .story-media .game-summary table td { padding: 5px; text-align: right; border: none; color: #5d5148; } .post .story-media .game-summary table th:first-child { padding: 5px 5px 5px 20px; } .post .story-media .game-summary table td:last-child, .post .story-media .game-summary table th:last-child { padding: 5px 20px 5px 5px; } .post .story-media .game-summary table thead tr { background-color: #00467f; } .post .story-media .game-summary table thead tr th { color: #ffc425; font-weight: bold; } .post .story-media .game-summary table thead tr th:first-child { text-indent: -9999px; width: 50%; text-align: left; } .post .story-media .game-summary table thead tr th.summary { text-indent: -9999px; text-align: left; } .post .story-media .game-summary table tbody tr { background-color: #c7c7c7; border-bottom: 1px solid white; } .post .story-media .game-summary table tbody tr th:first-child { text-align: left; } .post .story-media .game-summary table tbody tr + tr { border: none; } .post .schedule-widget .next-game { position: relative; background-color: #002a4c; color: #ffc425; padding: 20px 10px 20px 80px; } .post .schedule-widget .next-game img { width: 60px; position: absolute; left: 10px; top: 20px; } .post .schedule-widget .next-game p { margin: 0; padding: 0; font-weight: bold; } .post .schedule-widget .next-game > div p { display: block; font-weight: normal; } .post .schedule-widget .next-game a { color: #ffc425; } .post .schedule-widget ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .post .schedule-widget ul li a { display: block; padding: 2% 4%; background-color: #00467f; color: #ffc425; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #002a4c; } .post .schedule-widget ul li a:hover { background-color: #002a4c; } .post .stats .ui-tabs ul { list-style: none; margin: 10px; padding: 0; *zoom: 1; border-bottom: 1px solid #dedede; } .post .stats .ui-tabs ul:before, .post .stats .ui-tabs ul:after { content: " "; display: table; } .post .stats .ui-tabs ul:after { clear: both; } .post .stats .ui-tabs ul li a { float: left; display: block; padding: 0 10px; background-color: #dedede; color: #4d4d4d; font-weight: bold; line-height: 30px; text-decoration: none; } .post .stats .ui-tabs ul li.ui-state-active a { background-color: #00467f; color: #ffc425; } .post .stats .ui-tabs .ui-tabs-hide { position: absolute; left: -9999px; } /* POST GAME TEMPLATE 1*/ .post-1 .story-header { margin: 4% 0; } .post-1 .story-header p { margin: 0; color: #555555; } .post-1 .story-header h1 { margin: 1% 0; color: #00294c; } .post-1 .story-header h2 { font-style: italic; color: #6b5e53; } .post-1 .story-social-media { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 2% 0; padding: 2% 0; } .post-1 .right.column { float: right; width: 40%; margin: 0 0 2% 2%; } .post-1 .players-mentioned h2 { float: left; background-color: white; font-weight: normal; text-transform: uppercase; padding: 0 0 0 10px; line-height: 30px; } .post-1 .players-mentioned h2 i { color: white; background-color: #c7c7c7; line-height: 30px; padding: 0 10px; margin: 0 0 0 10px; } .post-1 .players-mentioned > div { clear: both; background-color: white; padding-top: 8%; } .post-1 .players-mentioned dl { margin: 0; } .post-1 .team-stats .ui-tabs ul { margin: 0; } .post-1 .team-stats .ui-tabs ul li a { background-color: #c7c7c7; color: #4d4d4d; } .post-1 .team-stats .ui-tabs ul li.ui-state-active a { background-color: #00467f; color: #ffc425; } /* POST GAME TEMPLATE 2 */ .post-2 { padding: 8%; background-color: white; } .post-2 .story-media .game-summary { width: 66%; padding: 2%; float: left; margin-top: -10px; position: relative; } .post-2 .story-media .schedule-widget { width: 30%; float: left; } .post-2 .story-header { margin: 4% 0; } .post-2 .story-header h1 { color: #00294c; margin: 2% 0; } .post-2 .story-header h2 { color: #6b5e53; font-weight: normal; font-style: italic; } .post-2 .story-text { *zoom: 1; } .post-2 .story-text:before, .post-2 .story-text:after { content: " "; display: table; } .post-2 .story-text:after { clear: both; } .post-2 aside.left.column { float: left; width: 33%; margin: 0 4% 4% 0; } .post-2 .stats .player-stats, .post-2 .stats .team-stats table tr { background-color: white; border-bottom: 1px solid #c7c7c7; } .post-2 .stats .team-stats { margin-bottom: 4%; } .post-2 .players-mentioned h2 { float: right; background-color: #dedede; color: #6b5e53; text-transform: uppercase; padding: 0 10px; line-height: 30px; font-weight: normal; } .post-2 .players-mentioned > div { clear: both; } .post-2 .players-mentioned ul { padding: 2% 0 6% 0; } .post-2 .players-mentioned ul li dl { margin: 0; } /* PRE/POST GAME TEMPLATES */ .pre-1 .story-media, .post .story-media { position: relative; } .pre-1 .story-media figure figcaption, .post .story-media figure figcaption { *zoom: 1; } .pre-1 .story-media figure figcaption:before, .post .story-media figure figcaption:before, .pre-1 .story-media figure figcaption:after, .post .story-media figure figcaption:after { content: " "; display: table; } .pre-1 .story-media figure figcaption:after, .post .story-media figure figcaption:after { clear: both; } .pre-1 .story-media figure figcaption > p, .post .story-media figure figcaption > p { position: absolute; left: 20px; top: -25px; margin: 0; padding: 0 20px; background-color: #00467f; color: #ffc425; line-height: 50px; font-weight: bold; } .pre-1 .story-media figure figcaption > p time, .post .story-media figure figcaption > p time { font-weight: normal; } .pre .story-links, .post-2 .story-links { border: 1px solid #dedede; margin-bottom: 4%; } .pre .story-links h2, .post-2 .story-links h2 { color: #00294c; padding: 2% 4%; } .pre .story-links ul li, .post-2 .story-links ul li { border-top: 1px solid #dedede; } .pre .story-links ul li a, .post-2 .story-links ul li a { background: none; color: #6b5e53; text-transform: none; border: none; } .pre .story-links ul li a:hover, .post-2 .story-links ul li a:hover { background-color: #00467f; color: #ffc425; } /* PRE GAME TEMPLATE 2 */ .pre-1 { padding: 8%; background-color: white; } .pre-1 .story-media figcaption { background-color: #dedede; padding: 2%; } .pre-1 .game-preview { *zoom: 1; } .pre-1 .game-preview:before, .pre-1 .game-preview:after { content: " "; display: table; } .pre-1 .game-preview:after { clear: both; } .pre-1 .game-preview > div { float: left; color: #6b5e53; } .pre-1 .game-preview > div:first-child { margin-left: -2%; position: relative; text-transform: uppercase; } .pre-1 .game-preview > div:first-child p:first-child { margin: 0; width: 20px; height: 48px; padding: 6px 0; position: absolute; left: -20px; top: 0; background-color: #00467f; color: #ffc425; text-align: center; line-height: 12px; font-size: 12px; } .pre-1 .game-preview > div:first-child p:first-child span { display: block; } .pre-1 .game-preview > div:first-child p + p { margin: 0; } .pre-1 .game-preview > div:first-child p + p time { display: block; padding: 10px 80px 10px 0; position: relative; background-color: #c7c7c7; } .pre-1 .game-preview > div:first-child p + p time span { display: block; width: 50px; line-height: 15px; font-size: 15px; text-align: center; } .pre-1 .game-preview > div:first-child p + p time span + span { font-weight: bold; line-height: 25px; font-size: 25px; font-weight: bold; } .pre-1 .game-preview > div:first-child p + p time span + span + span { line-height: 60px; font-weight: normal; font-size: 15px; position: absolute; right: 0; top: 0; width: 80px; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pre-1 .game-preview > div + div { padding: 0 20px 0 70px; } .pre-1 .game-preview > div + div img { float: left; position: relative; margin-left: -70px; } .pre-1 .game-preview > div + div span { display: block; font-weight: bold; line-height: 20px; font-size: 15px; padding-top: 10px; } .pre-1 .game-preview > div + div span + span { font-weight: normal; font-size: 14px; padding: 0; } .pre-1 .game-preview > div.media { float: right; padding: 0; width: 30%; } .pre-1 .game-preview > div.media ul li { float: left; position: relative; text-transform: uppercase; width: 33.3333%; margin: 5px 0; } .pre-1 .game-preview > div.media ul li a { display: block; border-left: 1px solid #dedede; border-right: 1px solid #dedede; background-color: #c7c7c7; color: white; line-height: 20px; text-decoration: none; text-align: center; } .pre-1 .game-preview > div.media ul li a[href] { background-color: #00467f; color: #ffc425; } .pre-1 .game-preview > div.media ul li a[href]:hover { background-color: #002a4c; } .pre-1 .game-preview > div.media ul li div { display: none; position: absolute; left: 50%; bottom: 175%; background-color: white; font-weight: bold; line-height: 50px; height: 50px; width: 100%; padding: 0 0 0 20px; outline: 5px solid rgba(0, 0, 0, 0.2); z-index: 1; } .pre-1 .game-preview > div.media ul li div:before { content: ""; display: block; float: left; position: relative; margin: 50px 0 0 -10px; width: 0; height: 0; border-top: 10px solid white; border-right: 10px solid transparent; } .pre-1 .game-preview > div.media ul li.tv, .pre-1 .game-preview > div.media ul li.radio { width: 50%; } .pre-1 .game-preview > div.media ul li:hover div { display: block; } .pre-1 .story-header { margin: 2em 0; } .pre-1 .story-header h2 { color: #6b5e53; font-style: italic; margin: 1em 0; } .pre-1 .right.column { width: 33%; margin: 0 0 4% 4%; } .pre-1 .season-stats table tr { background-color: #dedede; border-bottom: 1px solid #c7c7c7; } .pre-2 .table-stats table tr { background-color: #dedede; border-bottom: 1px solid #c7c7c7; } .pre-2 .player-stats.table-stats th:first-child, .pre-2 .player-stats.table-stats th:last-child, .pre-2 .player-stats.table-stats td:first-child, .pre-2 .player-stats.table-stats td:last-child { padding: 2% 4%; } .pre-2 .player-stats.table-stats th, .pre-2 .player-stats.table-stats td { padding: 2%; } .pre-2 .player-stats .leader { background-color: #dedede; } .pre-2 .player-stats .leader li { border: 1px solid white; } .pre-2 .player-stats .leader:nth-child(even) { background-color: #c7c7c7; } .pre-2 .player-stats .leader:nth-child(even) li { border: 1px solid #dedede; }