/* CSS Document */ /* Anna MacD Sept 08 */ #sdi-refresh-rate { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; } #sdi-refresh-rate a { cursor:pointer; } .sdi-region {} #sdi-midsection a:link, #sdi-midsection a:visited {COLOR: #114477; text-decoration:none;} #sdi-midsection a:hover, #sdi-midsection a:active {COLOR: #114477; text-decoration:underline;} .sdi-so a:link, .sdi-so a:visited {COLOR: #114477; text-decoration:none;} .sdi-so a:hover, .sdi-so a:active {COLOR: #114477; text-decoration:underline;} #sdi-midsection p { /* */ clear:left; margin:6px 0; font-size: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; } /***************************************************************************************** */ /* Previews and Recaps */ /***************************************************************************************** */ .sdi-preview-content { /* created in order to target styles on the preview pages */ line-height:normal; } .sdi-matchup-edge { /* for the matchup edge on preview pages */ float: right; width: 200px; margin-left: 20px; } .sdi-quickhits { /* */ border-left: 3px double #ddd; padding-left: 5px; font-size: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; margin-left: 10px; margin-top: 10px; margin-bottom:10px; } .sdi-quickhits p { /* */ margin-bottom:5px; padding-bottom: 8px; } .sdi-quickhits UL { /* */ PADDING: 0px; list-style-type:none; margin: -5px 0px 12px 0px; } .sdi-quickhits LI { /*Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-left is space b/w items. */ background-image: url(/HST/shared_images/bullet.gif); background-repeat: no-repeat; background-position: 0 .25em; padding-left: 1.2em; margin-left: .25em; margin-bottom:5px; padding-bottom: 0px; } *:first-child+html .sdi-quickhits LI { /* targets IE7 */ background-position: 0 .3em; } * html .sdi-quickhits LI { /* targets IE6 */ background-position: 0 .5em; } .sdi-preview-content .sdi-title-page-section { /* why would this be different? I don't know, maybe because I made this mock over a year ago */ clear: left; width:auto; overflow: hidden; position: relative; } .sdi-title-page-who-subtext { /* why did I need this new style? I don't know - see above */ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 7px; } /* BANNER ADS *********************************************************/ #sdi-ad-outsidewrapper { /* */ height: 600px; width: 160px; margin-left: 790px; margin-top: 277px; position: absolute; overflow: hidden; display: none; } html>body #sdi-ad-outsidewrapper { margin-left: 790px; margin-top: 267px; } .sdi-ad-insidewrapper { /* */ height: 600px; width: 160px; overflow: hidden; background-color:#CCCCCC; } .sdi-ad-insidecontent { /* only appears on the article pages */ float: right; height: 250px; width: 300px; background-color:#CCCCCC; overflow: hidden; margin-top: 100px; display: none; } .sdi-ad-wlogo { height: 60px; width: 234px; position: relative; float:left; margin-left: 0px; margin-top: -10px; background-color:#0099CC; display: none; } .sdi-ad-wlinks { height: 150px; width: 260px; position: relative; float:right; background-color:#9999CC; display: none; } .sdi-ad-leaderboard { height: 100px; width: 728px; position: relative; float:left; background-color:#9999CC; display: none; } /* GENERAL PAGE LAYOUT - WRAPPERS AND RAILS ********************************************************************/ #sdi-wrapper { /* This is the entire page width, and includes header, menu, content, and footer. A FIXED WIDTH will keep rails from dropping */ margin: 0 auto; text-align: center; width:995px; } #sdi-masthead { /* Page header, including client's leaderboard ad, if any; a fixed width will NOT keep rails from dropping */ margin:0; padding:0; text-align:left; } #sdi-midsection { /* Everything between the header and footer; formerly cov_contentarea; a FIXED WIDTH will keep rails from dropping */ width: 951px; padding: 26px; padding-right: 16px; border-left: 1px solid #CCC; background-color: #FFF; float:left; } #content { width: 995px; text-align: left; margin: 0 auto; border-bottom: 2px solid #dfdee4; } html>body #sdi-midsection { /* cross-browser hack */ margin-left: 0; } #sdi-footer { CLEAR: both; MARGIN: 0px; OVERFLOW: hidden; PADDING: 0px; } /************* rail-MENU **********************************************/ #sdi-rail-menu, #sdi-rail-menu-odds, #sdi-rail-menu-boxscore { /* Formerly cov_leftrail; usually the left-hand menu goes inside this div */ MARGIN-TOP: 5px; FLOAT: right; WIDTH: 300px; TEXT-ALIGN: center; padding: 0; } /************* rail-CONTENT **********************************************/ #sdi-rail-content, #sdi-rail-content-sm, #sdi-rail-content-odds, #sdi-rail-content-odds-mlb, #sdi-rail-content-odds-nhl, #sdi-rail-content-odds-nfl, #sdi-rail-content-odds-nba, #sdi-rail-content-odds-ncf, #sdi-rail-content-odds-ncb, #sdi-rail-content-odds-golf, #sdi-rail-content-odds-tennis, #sdi-rail-content-odds-afl, #sdi-rail-content-odds-wnba, #sdi-rail-content-odds-mls, #sdi-rail-content-odds-milb, #sdi-rail-content-boxscore-mlb, #sdi-rail-content-boxscore-nhl, #sdi-rail-content-boxscore-nfl, #sdi-rail-content-boxscore-nba, #sdi-rail-content-boxscore-ncf, #sdi-rail-content-boxscore-ncb, #sdi-rail-content-boxscore-golf, #sdi-rail-content-boxscore-tennis, #sdi-rail-content-boxscore-afl, #sdi-rail-content-boxscore-wnba, #sdi-rail-content-boxscore-mls, #sdi-rail-content-boxscore-milb { /* Formerly #cov_centerrail; All pages use this except Article pages */ FLOAT: left; MARGIN: 10px; WIDTH: /* 750px */ 710px; font: Verdana, Arial, Helvetica, sans-serif; text-align:left; display:inline; } .sdi-rail-content TABLE { /* I don't know what this was used for */ CLEAR: both; FONT-SIZE: 1px } #sdi-rail-content-odds TD, #sdi-rail-content-odds-mlb TD, #sdi-rail-content-odds-nhl TD, #sdi-rail-content-odds-nfl TD, #sdi-rail-content-odds-nba TD, #sdi-rail-content-odds-ncf TD, #sdi-rail-content-odds-ncb TD, #sdi-rail-content-odds-golf TD, #sdi-rail-content-odds-tennis TD, #sdi-rail-content-odds-afl TD, #sdi-rail-content-odds-wnba TD, #sdi-rail-content-odds-mls TD, #sdi-rail-content-odds-milb TD { /* for positioning the table with the names of the sportsbook on the Odds pages */ vertical-align: bottom; padding-top:1px; padding-bottom:1px; padding-right: 0; padding-left: 0px; } #sdi-rail-content-odds TABLE, #sdi-rail-content-odds-mlb TABLE, #sdi-rail-content-odds-nhl TABLE, #sdi-rail-content-odds-nfl TABLE, #sdi-rail-content-odds-nba TABLE, #sdi-rail-content-odds-ncf TABLE, #sdi-rail-content-odds-ncb TABLE, #sdi-rail-content TABLE, #sdi-rail-content-odds-ncb TD, #sdi-rail-content-odds-golf TD, #sdi-rail-content-odds-golf TABLE, #sdi-rail-content-odds-tennis TABLE, #sdi-rail-content-odds-afl TABLE, #sdi-rail-content-odds-wnba TABLE, #sdi-rail-content-odds-mls TABLE, #sdi-rail-content-odds-milb TABLE { /* for making the table lines show up in Firefox */ border-collapse: separate; } #sdi-rail-content-article { /* Formerly cov_articlerail; Used in place of rail_content for the Article pages */ MARGIN-TOP: 10px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 600px; TEXT-ALIGN: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #sdi-rail-content-article P { /* Sets article font and gives some line spacing to the text of the article */ LINE-HEIGHT: 130% } #sdi-rail-content-article H1 { /* Used for the headline on the Article pages */ FONT-SIZE: 24px; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 100%; FONT-FAMILY: arial, sans-serif; } #sdi-rail-content-article .sdi-timestamp { /* Used for the time and date on the Article pages */ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 0px } #sdi-info { /* some text-based extra info, for ex the sportsbooks descriptions*/ font-size: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; } #sdi-info p { /* */ width:98%; font-size: 95%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 1em; } .sdi-article { /* previews and recaps */ width:98%; font-size: 12px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; } .sdi-article p { /* previews and recaps */ } /************* rail-THIRD **********************************************/ #sdi-rail-third, #sdi-rail-third-sm, /* Formerly #cov_rightrail; usually the right-hand column, including the skyscraper ad; replaces articlerail_related as well */ #sdi-rail-third-odds, #sdi-rail-third-odds-mlb, #sdi-rail-third-odds-nhl, #sdi-rail-third-odds-nfl, #sdi-rail-third-odds-nba, #sdi-rail-third-odds-ncf, #sdi-rail-third-odds-ncb, #sdi-rail-third-odds-golf, #sdi-rail-third-odds-tennis, #sdi-rail-third-odds-afl, #sdi-rail-third-odds-wnba, #sdi-rail-third-odds-mls, #sdi-rail-third-odds-milb, #sdi-rail-third-boxscore-mlb, #sdi-rail-third-boxscore-nhl, #sdi-rail-third-boxscore-nfl, #sdi-rail-third-boxscore-nba, #sdi-rail-third-boxscore-ncf, #sdi-rail-third-boxscore-ncb, #sdi-rail-third-boxscore-golf, #sdi-rail-third-boxscore-tennis, #sdi-rail-third-boxscore-afl, #sdi-rail-third-boxscore-wnba, #sdi-rail-third-boxscore-mls, #sdi-rail-third-boxscore-milb { MARGIN-TOP: 5px; FLOAT: right; WIDTH: 300px; TEXT-ALIGN: center; padding: 0; display:none; /* take off display attribute to make ads show */ } #sdi-rail-third-article { /* For the article page, so it can be controlled separately if need be */ MARGIN-TOP: 5px; FLOAT: right; WIDTH: 200px; TEXT-ALIGN: center; display: none; /* take off display attribute to make ads show */ } /* PAGE ELEMENTS ********************************************************************/ .sdi-title-main-id { /* replaces cov_pagetitle; the name of the SPORT at the top of the page */ MARGIN-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 100%; BORDER-BOTTOM: #ccc 6px double; display:none; } .sdi-title-main-id-text { /* this is the text within the div */ FONT-WEIGHT: bold; FONT-SIZE: x-large; PADDING-TOP: 4px; TEXT-ALIGN: center } .sdi-logo {/* for the sdi or covers logo at the top of the page */ float: right; margin-bottom: 0px; padding-bottom: 0px; } .sdi-title-page-type { /* for the title of the specific page type; ie. NFL TEAMS */ font-family:Arial, Helvetica, sans-serif; font-size:18px; CLEAR: both; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px; COLOR: #333; BORDER-BOTTOM: #ccc 1px solid; letter-spacing:-0.75px; TEXT-ALIGN: left; position: relative; TEXT-TRANSFORM: uppercase; /* Most of the titles are probably in uppercase anyway, not dependent on the style */ } .sdi-title-page-type-sublinks { /* for links related to a specific page type; for instance, TEAMS might be divided into NL and AL */ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; margin-bottom: 5px; clear: both; } .sdi-title-page-who { /* for the NAME of a specific league, team, or player on the page (sub to the title-page-type); ie. CHICAGO BULLS */ font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; margin-bottom: 5px; } .sdi-title-page-section { /* replaces cov_sectiontitle; Used for important page sections and often for the title of the page ('NHL Teams') as well*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; CLEAR: both; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px; COLOR: #990000; BORDER-BOTTOM: #ccc 1px solid; margin-top: 15px; TEXT-ALIGN: left; position: relative; TEXT-TRANSFORM: uppercase; /* Most of the titles are probably in uppercase anyway, not dependent on the style */ } .sdi-title-page-who-sublinks { /* sublinks on pages, such as the sublinks on TEAM pages or MATCHUP pages */ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; margin-bottom: 7px; } .sdi-RightCol-mid .sdi-title-page-who-sublinks { /* sublinks on pages, such as the sublinks on TEAM pages or MATCHUP pages */ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; margin-bottom: 5px; font-weight: bold; } .sdi-LeftCol-mid strong { /* trying to affect the date on the scores and matchups page */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } /* The QUICKLINKS menu for covers content ********************************************************************/ .sdi-linkmenu { /*quicklinks to other covers content; font size affects both legend text and the links; applying width allows the div to haveLayout */ font-family:Arial, Helvetica, sans-serif; font-size:12px; BORDER: #CCC 1px solid; PADDING: 0px 0px 0px 1px; MARGIN-TOP: 1px; MARGIN-BOTTOM: 15px; } .sdi-legend { /*titles (legends) for the linkmenu boxes (ie. 'MLB Quicklinks') */ PADDING: 0 2px 4px 2px; color:#990000; background-color:#FFFFFF; font-weight:bold; margin-left: 5px; } .sdi-linklist { /*div for the links themselves */ font-size: 98%; text-align: center; padding: 0 5px 2px 0px; margin: 0 20px 0 0; } .sdi-linklist UL { /* */ PADDING: 0px; list-style-type:none; margin: 5px 0px 8px 0px; } .sdi-linklist LI { /*Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-left is space b/w items. */ background-image: url(/HST/shared_images/bullet.gif); background-repeat: no-repeat; background-position: 0 .25em; padding-left: 1.0em; display:inline; margin-left: .25em; white-space:nowrap; } *:first-child+html .sdi-linklist LI { /* targets IE7 */ white-space:normal; } * html .sdi-linklist LI { /* targets IE6 */ white-space:normal; } /* NAVIGATION *********************************************************/ #sdi-navigation-row {/* The sport nav and in-sport quicklinks together -- sets font specs overall */ clear: both; width:100%; float:left; text-align:left; margin:0px 0 5px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } #sdi-othersports, #sdi-insport { /* The two navs individually -- includes the lines underneath each one */ width: 100%; margin: 0 0 15px 0; padding-bottom: 2px; background: url(http://images.sportsdirectinc.com/HST/shared_images/nav-bottom.gif) left bottom repeat-x; } #sdi-insport { /* The insport font should be a bit bigger than othersports, if there's room */ font-size: 12px; } span.sdi-title-othersports { /* Title for navigation. Two ways to display this -- either inline, if there's room, or display block if there's not. If block, need bottom padding. */ font-size: 12px; color:#990000; font-weight:bold; text-transform: uppercase; padding-right: 10px; display:block; padding-bottom: 5px; } span.sdi-title-insport { /* The name of the current sport. If using a background image, background pos is from left and top. Padding-left is for space b/w image and text. */ font-size: 14px; color:#A02C2C; font-weight:bold; margin: 0 2px 2px 0; display:block; } .sdi-othersport-links, .sdi-insport-links { /* */ display:inline; } .sdi-othersport-links span, .sdi-insport-links span { /* Inserts the bullets. Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-right is space b/w items. */ background: url(http://images.sportsdirectinc.com/HST/shared_images/bullet.gif) left 50% no-repeat; padding: 0 3px 0 10px; margin: 0 -3px 0 0; border:1px solid #fff; border-right: 0px; border-bottom: 0px; } .sdi-insport-links span { /* Some extra spacing for the insport links, if there's room */ margin-right:-1px; padding-left: 12px; } span.sdi-activesport { /* This has to come AFTER the bullets are set or the tab borders won't show. The white background and bottom border of the active tab hides the line that runs underneath */ background:none; background-color:#fff; border: 1px solid #ccc; border-bottom: 1px solid #fff; padding: 0 3px 2px 5px; margin-right: 3px; margin-left: 3px; font-weight:bold; } /* Show or hide the individual links *****************************/ /* the othersport links */ .sdi-mnav-home, .sdi-mnav-mlb, .sdi-mnav-nfl, .sdi-mnav-nba, .sdi-mnav-nhl, .sdi-mnav-ncaaf, .sdi-mnav-ncaab, .sdi-mnav-wnba, .sdi-mnav-wncaab, .sdi-mnav-nascar, .sdi-mnav-golf, .sdi-mnav-soccer, .sdi-mnav-ahl, .sdi-mnav-cfl, .sdi-mnav-afl { /* these will all be displayed by default unless they are hidden below */ } /* insport links */ .sdi-nfl-quicklinks, .sdi-ncb-quicklinks { /* use the sport-specific classes to specify the links below */ } .sdi-mnav-scoreboard, .sdi-mnav-sm, .sdi-mnav-injuries, .sdi-mnav-teams, .sdi-mnav-players, .sdi-mnav-stats, .sdi-mnav-standings, .sdi-mnav-pr, .sdi-mnav-odds { /* */ } /* THE HIDDEN LINKS */ .sdi-mnav-home, .sdi-mnav-matchups, .sdi-mnav-cfl { /* these links are hidden */ display:none; } .sdi-mnav-more { /* */ display:inline; } /* And SHOW THESE DROPDOWN LINKS ... (use .sdi-sddm span.sdi-mnav-sport to target only the dropdown) */ .sdi-sddm span.sdi-mnav-nll, .sdi-sddm span.sdi-mnav-cfl, .sdi-sddm span.sdi-mnav-ahl, .sdi-sddm span.sdi-mnav-afl { display:block; } #sdi-iframe #sdi-othersports { /* Hiding the othersport nav in the QL i-frames */ display:none; } /* Link styles and behaviours *****************************/ #sdi-othersports a:link, #sdi-othersports a:visited { /* colour of the OTHERsport links */ color: #999; text-decoration:none; } #sdi-othersports .sdi-activesport a:link, #sdi-othersports .sdi-activesport a:visited { /* link for active sport is a different colour */ color:#A02C2C; text-decoration:none; } #sdi-insport a:link, #sdi-insport a:visited { /* colour of the INsport links */ color: #003399; text-decoration:none; } #sdi-navigation-row a:hover, #sdi-navigation-row a:active, #sdi-navigation-row .sdi-activesport a:hover, #sdi-navigation-row .sdi-activesport a:active { /* all the links hover the same (can be set separately) */ color:#000; text-decoration:underline; } /* for lists *********************************************************************************************/ ul.sdi-more { /* used in trends table on matchup page */ list-style-position: outside; list-style-type: disc; margin: 0px; margin-left:12px; padding-left:12px; } li.sdi-more { /* */ margin: 0px; line-height: 1.45em; /*between items in the list */ } /* for lists on the main matchups page */ ul.bulletlist, ul.bulletlist2 { list-style-position: outside; padding-left: 3em; font-family:Verdana, Arial, Helvetica, sans-serif; } .bulletlist li, .bulletlist2 li { line-height: 1.3em; /*between items in the list */ margin: 0px; } ul.bulletlist { /* this is the one for Odds, Injuries, and More (bottom section) */ list-style-type: disc; margin: 0px; margin-bottom: 1.5em; } ul.bulletlist2 {/* this is the one for Scores and Matchups (top section) */ list-style-type: circle; margin-left: 4em; padding-bottom: 1em; } /* MAIN MATCHUP (Directory) PAGES - make rows disappear by marking them display:none *********************************************************/ .sdi-row-gamematchups-top fieldset.sdi-linkmenu { /* */ padding-bottom:10px; padding-top:10px; clear:both; } .sdi-row-gamematchups-bottom fieldset.sdi-linkmenu { /* */ padding-bottom:10px; } .sdi-row-gamematchups-top .sdi-legend, .sdi-row-gamematchups-bottom .sdi-legend { /* */ margin-left:15px; } .sdi-league-in-depth, .sdi-league-main { /* */ width: 45%; float:left; margin: 10px; margin-left: 3%; margin-right:0; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; display:inline; } .sdi-league-main { /* */ width: 43%; margin: 2px; margin-left:5%; margin-right:0; background: url(http://images.sportsdirectinc.com/HST/shared_images/bullet.gif) left center no-repeat; text-indent: 14px; } .sdi-league-in-depth { /* */ height: 16em; border: 1px dashed #ccc; } .sdi-league-in-depth ul.bulletlist { /* this is the one for Odds, Injuries, and More (bottom section) */ list-style-type: disc; margin: 0px; margin-bottom: .5em; margin-top: .3em; padding-left: 20px; } .sdi-league-in-depth .bulletlist li { /* */ list-style-type: none; background: url(http://images.sportsdirectinc.com/HST/shared_images/bullet.gif) left center no-repeat; text-indent: 15px; } /* SOME FONTS, WHICH SHOULD BE INCORPORATED INTO DIV STYLES ******************************************/ .sdi-outofseason { /* for the message on the page when the season ends */ font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 0 10% 0 10%; } .mbt { /* should not be used, but might be in a data template somewhere */ font-size: 12px; font-family: Arial, Helvetica, sans-serif ; } .sdi-smtext { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } .sdi-smtext2 { font-size: 90%; font-family: Arial, Verdana, Helvetica, sans-serif; } .sdi-lgtext { font-size: 16px; font-family: Arial, Helvetica, sans-serif; } /* COLUMN WIDTHS ***************************************************************************/ /* ---------------------pages with 50-50 widths------------------------ */ .sdi-LeftCol-mid, .sdi-LefttCol-mid { padding: 0; margin: 0; width: 49%; float: left; font: Verdana, Arial, Helvetica, sans-serif; } .sdi-RightCol-mid { padding: 0; margin: 0; width: 49%; float: right; } /* ---------------------pages with 70-30 widths (player rosters use these)------ */ .sdi-WideCol { padding: 0; margin: 0; width: 60%; float: left; } .sdi-NarrowCol { padding: 0; margin: 0; width: 38%; float: right; } /* STYLES FOR THE DATA ***********************************************************************/ .sdi-so { /*div that surrounds the scores and odds table, incl game name, links, and 15-pixel space between the games*/ width: 100%; background-color: #Ffffff; margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom:2px; font-size: 10px; } html>body .sdi-so { /* cross-browser hack */ width:auto; } .sdi-so-title { /*THIS APPLIES TO BRICKS AS WELL AS HST - game name or table title in the sdi-so tables*/ width: 100%; background-color: #30658F; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; padding-top:2px; padding-bottom:2px; padding-left: 2px; font-size: 11px; margin-right:-2px; } .sdi-ncaaf-team-139, .sdi-ncaab-team-2178 { /*THIS APPLIES TO BRICKS - Sooners */ background-color: #9F2D2D; } .sdi-ncaaf-team-53, .sdi-ncaab-team-2243 { /*THIS APPLIES TO BRICKS - OSU Cowboys */ background-color: #CF6100; } #sdi-midsection .sdi-so-title { /*THIS APPLIES ONLY TO HST - game name or table title in the sdi-so tables*/ background-color: #333; } html>body .sdi-so-title { /* cross-browser hack */ width: 99.7%; } .sdi-so-title-bowlname { /*game name or table title in the sdi-so tables*/ width: 60%; background-color: #EEEEEE; color:#4B4B4B; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; border-bottom: 0; font-weight: normal; padding-top:1px; padding-bottom:1px; padding-left: 2px; font-size: 11px; margin-right:-2px; text-transform:uppercase; } .sdi-LeftCol-mid .sdi-so-title, .sdi-RightCol-mid .sdi-so-title { width: 99.3% } #sdi-midsection .sdi-so-title a:link, #sdi-midsection .sdi-so-title a:visited { /* when the link colour doesn't show up against the row colour */ FONT-WEIGHT: bold; COLOR: #EEEEEE; TEXT-DECORATION: underline; } #sdi-midsection .sdi-so-title a:hover { /* when the link colour doesn't show up against the row colour */ FONT-WEIGHT: bold; COLOR: #C00; TEXT-DECORATION: underline; } #sdi-midsection .sdi-so-title a:active { /* when the link colour doesn't show up against the row colour */ FONT-WEIGHT: bold; COLOR: #C6EBFF; TEXT-DECORATION: underline; } .sdi-data-top { /*title row of tables not within an so div. Used on TEAM directory tables and secondary matchup tables. Match this to sdi-so-title, except for width and padding*/ background-color: #30658F; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding-top:5px; padding-bottom:5px; padding-left: 2px; } .sdi-titlerow { /* team name - only in the injuries table */ width: 99%; background-color: #e6e6e6; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding:2px; border-left:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999; } table.sdi-data-wide {/*for the width of full tables*/ width: 100%; color: #333333; border-collapse: separate; text-align:left; } #sdi-midsection table {border-collapse:separate; border-spacing:1px; text-align:left;} td.sdi-datahead-sub { /* the subheader row of the scores and odds table and other tables; has background colour and bolded words */ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #F3F3F3; font-size: 10px; padding: 3px; } td.sdi-datahead-sub-nb { /* subheader rows or columns with non-bolded words */ font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F3F3F3; font-size: 10px; padding: 3px; } td.sdi-datahead-sub-odds, td.sdi-datahead-sub-odds-mlb, td.sdi-datahead-sub-odds-nfl { /* subheader rows/cells in the odds tables */ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #F3F3F3; font-size: 10px; padding: 3px; } td.sdi-datacell, td.sdi-datacell-hi, td.sdi-datacell-hi2 {/* individual cells - default - white back - used by all tables with smaller fonts */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 3px; } td.sdi-datacell {/* individual cells - default - white back - used by all tables with smaller fonts */ background-color: #ffffff; } td.sdi-datacell-hi {/* individual cells or rows - highlighted with a background colour */ background-color: #EEEEEE; } td.sdi-datacell-hi2 {/* individual cells or rows - highlighted with a background colour */ background-color: #FFFFDD; } /* ODDS - colours for home line, road line, both *********************************************************/ .sdi-rline { /* replaces .rline; road line for odds*/ border: 1px solid #cc0000; width: 100%; margin: 0; padding: 0; } .sdi-hline { /* replaces .hline; home line for odds*/ border: 1px solid #037909; width: 100%; margin: 0; padding: 0; } .sdi-bline { /* replaces .bline; both line for odds*/ border: 1px solid #000; width: 100%; margin: 0; padding: 0; } /* CLEARS and SPACERS **********************************************************************************/ .sdi-clear {/* to even up rows; overflow and height give layout and stop content shifting*/ clear: both; overflow:hidden; height: 0.1em; } .clear {/* to even up rows; should use .sdi-clear, but this one might be there somewhere */ clear: both; } .sdi-divclear {/* this one adds 1 pixel of space */ CLEAR: both; FONT-SIZE: 1px; HEIGHT: 1px } .sdi-row {/* to even up rows*/ clear: both; } .sdi-spacerhalf { height: 8px; overflow: hidden; } .sdi-spacerquarter { height: 4px; overflow: hidden; } html>body .sdi-row .sdi-spacerquarter { /* this FF hack is to make the row encompass what it contains; applicable to quickchart and quarterbacks on NFL matchups */ clear: both; height: 2px; } .sdi-spacer { height: 16px; overflow: hidden; } /* STYLES FOR THE I-FRAME CONTENT *********************************************************/ #sdi-ifr-scoreboard #sdi-iframe .sdi-clear { clear:none; height:0; } #sdi-iframe { /* For the quicklinks and scores pages that are called into iframes. */ FLOAT: left; MARGIN:0; WIDTH: 100%; padding:0; TEXT-ALIGN: left; background-color:#fff; height: 600px; font-size: 11px; } #sdi-iframe .sdi-legend { /* */ background-color:#ECE6D3; text-align: center; } #customScoreboard { /* I don't know what this was intended for, but I'm using it to make a white background behind the scores iframe */ background-color: #FFFFFF; height:300px; } #sdi-iframe .sdi-so { /*div that surrounds the scores and odds table, incl game name, links, and 15-pixel space between the games*/ width: 99.5%; } body:last-child:not(:root:root) #sdi-ifr-scoreboard #GameHolder { margin-top:-17px; } /* LIVE SCORES AND MATCHUPS STYLES (added to reg stylesheet Aug 4) *********************************************************/ .sdi-pr-rank, .sdi-pr-lastweek, .sdi-pr-team, .sdi-pr-record, .sdi-pr-pfpa, .sdi-pr-givetake, .sdi-pr-winperc, .sdi-pr-pr { BORDER:0; padding:0; WIDTH: 100%; background-color: #FFFFFF; text-align: center; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; } .sdi-pr-rank { background-color: #EEEEEE; } .sdi-pr-team { WIDTH: 125px; text-align: left; CURSOR: hand; color: #000000; text-decoration: underline; cursor:pointer; } div.sdi-calendar { /* for the date on the scores and matchups pages*/ margin-top: 0px; } .sdi-calendar { } table.sdi-calendar-table { border: 1px solid black; background-color:#FFFFFF; overflow: visible; visibility: hidden; position: absolute; width: 141px; height: 102px; z-index: 100; font-weight: normal; } .sdi-date-sm { /* for the date on the scores and matchups pages*/ margin-bottom: 5px; padding: 0; border: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .sdi-datenav { /* for the date navigation on the scores and matchups pages*/ margin-bottom: 0; padding: 0; border: 0px; float: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:bold; } .sdi-datenav a:link, .sdi-datenav a:visited, .sdi-datenav a:hover, .sdi-datenav a:active { /* for the date navigation on the scores and matchups pages*/ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:normal; } .onoff { float: left; } .sot { width: 100%; voice-family: "\"}\""; voice-family:inherit; border-width: 1px; border-style: solid; border-color: #D6D6BA; background-color: #F0F0F0; padding: 5px; margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; } .staticNav, .staticNCAABNav, .staticWNCAABNav, .staticNBANav, .staticNHLNav, .staticAHLNav, .staticKRDNav, .staticMLBNav, .staticNFLNav, .staticNCAAFNav, .staticAFLNav, .staticWNBANav, .staticMLSNav, .staticMILBNav { width: 16px; background-color: #F0F0F0; color: #00f; border: 0; font-weight: bold; text-align: center; font-family: Helvetica, sans-serif; font-size: 12px; height: 12px; line-height: 8px; padding: 0 0 0 0; margin: 0; cursor: hand; cursor: pointer; } .staticActive, .staticNCAABActive, .staticWNCAABActive, .staticNBAActive, .staticNHLActive, .staticAHLActive, .staticKRDActive, .staticNFLActive, .staticNCAAFActive, .staticAFLActive, .staticWNBAActive, .staticMLSActive, .staticMILBActive, .staticMLBActive { border: 0; background-color: transparent; color: #000; font-weight: bold; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 11px; line-height: 11px; padding: 0; margin: 0; } .staticActive { width: 45px; } .staticNCAABActive, .staticWNCAABActive, .staticNBAActive, .staticNHLActive, .staticAHLActive { width: 75px; } .staticKRDActive, .staticNFLActive, .staticNCAAFActive, .staticAFLActive, .staticWNBAActive { width: 75px; } .staticMLSActive { width: 90px; } .staticMLBActive, .staticMILBActive { width: 45px; } body:last-child:not(:root:root) .staticMLBActive { width: 48px; } body:last-child:not(:root:root) .staticMILBActive { width: 48px; } .staticScore, .staticAFLScore, .staticWNBAScore, .staticMLSScore, .staticMILBScore, .staticNCAABScore, .staticWNCAABScore, .staticNBAScore, .staticNHLScore, .staticAHLScore, .staticKRDScore, .staticMLBScore, .staticNFLScore, .staticNCAAFScore { background-color: #ffffff; color: #000; border: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 11px; line-height: 11px; padding: 0; margin: 0; } .staticScore, .staticWNBAScore, .staticMLSScore, .staticNCAABScore, .staticWNCAABScore, .staticNBAScore, .staticNHLScore, .staticAHLScore, .staticKRDScore { width: 25px; } .staticNFLScore, .staticNCAAFScore, .staticAFLScore { width: 25px; } .staticMLBScore, .staticMILBScore { width: 13px; } body:last-child:not(:root:root) .staticMLBScore { width: 19px; } body:last-child:not(:root:root) .staticMILBScore { width: 19px; } body:last-child:not(:root:root) .staticNCAABScore { width: 30px; } body:last-child:not(:root:root) .staticWNCAABScore { width: 30px; } .staticScoreTotal, .staticAFLScoreTotal, .staticWNBAScoreTotal, .staticMLSScoreTotal, .staticMILBScoreTotal, .staticNCAABScoreTotal, .staticWNCAABScoreTotal, .staticNBAScoreTotal, .staticNHLScoreTotal, .staticAHLScoreTotal, .staticKRDScoreTotal, .staticMLBScoreTotal, .staticNFLScoreTotal, .staticNCAAFScoreTotal { background-color: #ffffff; color: #900; border: 0; font-weight: bold; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 11px; line-height: 11px; padding: 0; margin: 0; } .staticScoreTotal, .staticWNBAScoreTotal, .staticMLSScoreTotal, .staticNCAABScoreTotal, .staticWNCAABScoreTotal, .staticNBAScoreTotal, .staticNHLScoreTotal, .staticAHLScoreTotal, .staticKRDScoreTotal { width: 25px; } .staticNFLScoreTotal, .staticNCAAFScoreTotal, .staticAFLScoreTotal { width: 25px; } .staticMLBScoreTotal, .staticMILBScoreTotal { width: 12px; } body:last-child:not(:root:root) .staticMLBScoreTotal { width: 19px; } body:last-child:not(:root:root) .staticMILBScoreTotal { width: 19px; } body:last-child:not(:root:root) .staticNBAScoreTotal { width: 30px; } body:last-child:not(:root:root) .staticNCAABScoreTotal { width: 30px; } body:last-child:not(:root:root) .staticWNCAABScoreTotal { width: 30px; } .staticOvertimeScore, .staticAFLOvertimeScore, .staticWNBAOvertimeScore, .staticMLSOvertimeScore, .staticMILBOvertimeScore, .staticNCAABOvertimeScore, .staticWNCAABOvertimeScore, .staticNBAOvertimeScore, .staticNHLOvertimeScore, .staticAHLOvertimeScore, .staticKRDOvertimeScore, .staticMLBOvertimeScore, .staticNFLOvertimeScore, .staticNCAAFOvertimeScore { width: 20px; background-color: #ffffff; color: #000; border: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 11px; line-height: 11px; padding: 0; margin: 0; } .staticStats, .staticAFLStats, .staticWNBAStats, .staticMLSStats, .staticMILBStats, .staticNCAABStats, .staticWNCAABStats, .staticNBAStats, .staticNHLStats, .staticAHLStats, .staticKRDStats, .staticMLBStats, .staticNFLStats, .staticNCAAFStats { width: 100px; background-color: #F0F0F0; color: #000; border: 0; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 11px; line-height: 11px; padding: 0; margin: 0; } .staticOdds, .staticAFLOdds, .staticWNBAOdds, .staticMLSOdds, .staticMILBOdds, .staticNCAABOdds, .staticWNCAABOdds, .staticNBAOdds, .staticNHLOdds, .staticAHLOdds, .staticKRDOdds, .staticMLBOdds, .staticNFLOdds, .staticNCAAFOdds { width: 32px; background-color: #ffffff; border: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 11px; line-height: 11px; padding: 0; margin: 0; color: #3300CC; cursor: hand; text-decoration:underline; } .staticOddsLeft, .staticAFLOddsLeft, .staticWNBAOddsLeft, .staticMLSOddsLeft, .staticMILBOddsLeft, .staticNCAABOddsLeft, .staticWNCAABOddsLeft, .staticNBAOddsLeft, .staticNHLOddsLeft, .staticAHLOddsLeft, .staticKRDOddsLeft, .staticMLBOddsLeft, .staticNFLOddsLeft, .staticNCAAFOddsLeft { width: 25px; background-color: #ffffff; color: #000; border: 0; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 11px; line-height: 11px; padding: 0; margin: 0; } .staticBetStatus, .staticAFLBetStatus, .staticWNBABetStatus, .staticMLSBetStatus, .staticMILBBetStatus, .staticNCAABBetStatus, .staticWNCAABBetStatus, .staticNBABetStatus, .staticNHLBetStatus, .staticAHLBetStatus, .staticKRDBetStatus, .staticMLBBetStatus, .staticNFLBetStatus, .staticNCAAFBetStatus { width: 70px; background-color: #ffffff; color: #000; border: 0; font-weight: bold; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 9px; line-height: 9px; padding: 0; margin: 0; } .staticShootout, .staticAFLShootout, .staticWNBAShootout, .staticMLSShootout, .staticMILBShootout, .staticNCAABShootout, .staticWNCAABShootout, .staticNHLShootout, .staticAHLShootout, .staticKRDShootout, .staticMLBShootout, .staticNFLShootout, .staticNCAAFShootout { width: 15px;background-color: #ffffff;color: #900;border: 0;font-weight: bold;text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; height: 10px; line-height: 10px;padding: 0;margin: 0; } body:last-child:not(:root:root) .staticNHLShootout { width: 20px; } body:last-child:not(:root:root) .staticAHLShootout { width: 20px; } .staticGoalieValue, .staticAFLGoalieValue, .staticWNBAGoalieValue, .staticMLSGoalieValue, .staticMILBGoalieValue, .staticNCAABGoalieValue, .staticWNCAABGoalieValue, .staticNHLGoalieValue, .staticAHLGoalieValue, .staticKRDGoalieValue, .staticMLBGoalieValue, .staticNFLGoalieValue, .staticNCAAFGoalieValue { width: 20px; background-color: #F0F0F0; color: #000; border: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; height: 12px; line-height: 11px; padding: 0; margin: 0; vertical-align: top; } .staticGoalieName, .staticAFLGoalieName, .staticWNBAGoalieName, .staticMLSGoalieName, .staticMILBGoalieName, .staticNCAABGoalieName, .staticWNCAABGoalieName, .staticNHLGoalieName, .staticAHLGoalieName, .staticKRDGoalieName, .staticMLBGoalieName, .staticNFLGoalieName, .staticNCAAFGoalieName { width: 96px;background-color: #F0F0F0;color: #000;border: 0;text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; height: 12px; line-height: 11px;padding: 0;margin: 0;vertical-align: top; } div.visible { display: visible; } div.hidden { display: none; } table.mlb_bso { width: 100%; border-width: 1px; border-style: solid; border-color: #999999; } td.mlb_bso { font-size: 10px; } .sdi-nfl-dates { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: black; CLEAR: both; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; COLOR: #000000; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: left; } .sdi-ncaaf-dates { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: black; CLEAR: both; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; COLOR: #000000; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: left; } /***************************************************************************************** */ /* styles for the calendars on the scores pages */ /***************************************************************************************** */ #sdi-rail-content-sm .sdi-title-page-type { /* this is to keep the line under the page title from going under the calendar div */ clear: left; width:auto; overflow: hidden; } .sdi-divScoreColumn_1-2 { padding: 0; margin: 0; width: 49%; float: left; } .sdi-divScoreColumn_2-2 { padding: 0; margin: 0; width: 49%; float: right; } .sdi-calendarcalendar-holder { /* for the scoreboard calendar and the date dropdowns */ float: right; width: 275px; margin-left: 10px; background-color:#FFFFFF; } #sdi-date-drops { /* */ float: right; text-align:right; margin-top: 14px; margin-right: 3px; display:none; } #sdi-date-drops #DropList { /* */ display: none; } #sdi-date-drops select { /* */ display:block; padding: 1px; margin: 1px; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; } .sdi-scores-calendar { /* holds the calender table */ width: 170px; margin-top: 0; margin-bottom: 0; float: right; text-align:left;margin-left:0; overflow:visible; } table.sdi-calendar { /* the actual calender table */ width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#fff; border-collapse:collapse; } #sdi-midsection table.sdi-calendar {border-spacing: 0;} table.sdi-calendar td {border:1px solid #ccc; text-align:center; font-weight:normal; padding:1px 4px 1px 4px; } table.sdi-calendar td b a:link, table.sdi-calendar td a:visited { text-decoration:none;} table.sdi-calendar td a:hover b, table.sdi-calendar td a:active b { text-decoration:none; background-color:#FFFF99;} table.sdi-calendar td.current-day, tr.sdi-calendar-month td {background-color:#EEEEEE; font-weight:bold;} tr.sdi-dayrow {background-color:#CBCBCB;} tr.sdi-dayrow td {padding:0px 4px 0px 4px; color:#FFFFFF} .sdi-scores-note { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight: normal; float:left; line-height: 1.5em; margin-bottom: 6px; display: none; } .sdi-conference-picker {clear:left; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } .sdi-conference-picker select { /* */ font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } .odds-showhide{ display: none; } /***************************************************************************************** */ /* end styles for the calendars on the scores pages */ /***************************************************************************************** */