Jump to content


Photo

Mobile friendly template...

html css js template

165 replies to this topic

#31 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,380 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 09 June 2017 - 05:09 AM

few css adjustments for global stylesheet 

 

1. 2 column commish page adjustment

2. td.hint needs colored

3. when you add the report-wrapper , its adding to inner tables also , so remove style

4. reset calendar to full width

#body_commissioner_setup table.two_column_layout{margin:0}
td.hint{color:#cd2122!important} /* Use Same Color as .warning */
.report-wrapper .report-wrapper{background:none;border-radius:0;margin:0;padding:0;border:0;box-shadow:none}
#monthly_calendar{width:100%}

 

 

or add to global.js to unwrap the inner double .report-wrapper

this way no double style in the inner tables on pages like weekly results , starting lineups etc.... that have a report with inner reports , or you could add different class and style , pad, margin those to look different

$(".report-wrapper .report-wrapper .report").unwrap(); 

 

 

i would also remove all your style being applied to the champions plaque module , its a bit jacked up now , when i remove all the style looks fine default


FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#32 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,380 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 09 June 2017 - 10:47 AM

New Scoreboard

 

Place this into a HPM 

 

This will work for all dark skins that you have

 

<!-- LOAD SCOREBOARD FORMATTING CSS FILE -->
<link rel="stylesheet" type="text/css" href="//www.nitrografixx.com/MFL-Scoreboard/skin/Scoreboard_base.css">

<!-- LOAD SCOREBOARD RESPONSIVE CSS FILE REMOVE THIS IF NOT USING RESPONSIVE DESIGNS  -->
<link rel="stylesheet" type="text/css" href="//www.nitrografixx.com/MFL-Scoreboard/skin/responsive_scoreboard.css">

<!-- LOAD SCOREBOARD JS FILE  -->
<script src="//www.nitrografixx.com/MFL-Scoreboard/scoreboard.js"></script>

<script>
var scoreboardName = "";
var scoreboardTestMode = false; // Set to false when done customizations
var importScoreboardSkin = true;  // Set to false for custom designed skins and templates
var includeProjections = true;
var includeSOS = true;
var includeStarterTotals = true;
var includeBenchTotals = true;
var allPlaySetup = false;
var hideTiebreakingPlayer = false;
var useNFLIconInPlayerTable = true;
var useMFLIconInPlayerTable = false;

var includeCustomPlayers = false;
var includeLoadingScreen = true;

//MAIN SCOREBOARD AREA (FULL TEAM NAME, TEAM ABBREV, LOGOS OR ICONS) 
//DEFAULT IS FULL TEAM NAME
var scoreboardUseIcon = true; // if true will use mfl icon unless user-defined below has been set
var scoreboardUseLogo = false; // if true will use mfl logo unless user-defined below has been set
var scoreboardUseAbbrev = false; // if true will use mfl abbrev
var scoreboardIconBase = ""; // user-defined image (example where images are team0001.png, team0002.png etc. use "http://www.myhost.com/images/team") 
var scoreboardIconExt = "";  //user-defined extension (from example above use "png")
var scoreboardRoadImageFlip = false; // horizontal flip of image for road team
var scoreboardHomeImageFlip = false; // horizontal flip of image for home team

//MINI-SCOREBOARD AREA
var miniScoreboardUseIcon = false; // if true will use mfl icon unless user-defined below has been set
var miniScoreboardUseLogo = false; // if true will use mfl logo unless user-defined below has been set
var miniScoreboardUseAbbrev = false; // if true will use mfl abbrev
var miniScoreboardIconBase = ""; // user-defined image (example where images are mini0001.gif, mini0002.gif etc. use "http://www.myhost.com/images/mini") 
var miniScoreboardIconExt = ""; //user-defined extension (from example above use "gif")

//OTHER IMAGES
var redZoneImage = "//www.nitrografixx.com/MFL-Scoreboard/red_zone.png";
var hasBallImage = "//www.nitrografixx.com/MFL-Scoreboard/has_ball.png";
var newScoreImage = "//www.nitrografixx.com/MFL-Scoreboard/new_score.png";
var recentUpdateImage = "//www.nitrografixx.com/MFL-Scoreboard/new_stats.png";
var recentNegativeUpdateImage = "//www.nitrografixx.com/MFL-Scoreboard/new_stats_down.png";

var nflLogoPath = "//www.nitrografixx.com/MFL-Popups/NFL-custom-logos/";
var nflLogoExt = "png";

var scoreboardStylesheetPath = "//www.nitrografixx.com/MFL-Scoreboard/skin/";
</script> 





<style>

/*   SCOREBOARD STYLE
========================= */
/* Apply this globally for all skins to format the custom lineups and custom scoreboard pages */
#outerMFLScoreboardDiv table{width:100%;}
#outerMFLScoreboardDiv td.matchupLolite,#outerMFLScoreboardDiv td.matchupHilite,#outerMFLScoreboardDiv #myTopTableHolder,#outerMFLScoreboardDiv #myBottomTableHolder {padding:0;}
#outerMFLScoreboardDiv td.matchupLolite td,#outerMFLScoreboardDiv td.matchupHilite td,#outerMFLScoreboardDiv #myBottomTableHolder td,#outerMFLScoreboardDiv #myTopTableHolder td {padding:2px}
#outerMFLScoreboardDiv .MFLMainScoreboard td,#outerMFLScoreboardDiv #scoreboardHeader,#lineup-form span.reportnavigation,#MFLScoreboardLoading h3 {text-align:center}

/*   SKIN SPECIFIC SCOREBOARD COLORING
======================================= */
/* color link of populating text in boxscores box and current week in weekly navigation */
#MFLFantasyMatchupsUpdate,#MFLNFLMatchupsUpdate,.navWeekCurr,.MFLNFLLiveClock,.MFLLiveClock {color:#fff;text-align:center!important}
/* border color for each fantasy and nfl box score table  */
.MFLGameTable,.MFLNFLGameTable{border-color:#333}
/* font color for boxscores winner arrow and pace score  */
.MFLGameLinks .MFLPaceScore,.MFLGameLinks .MFLWinMarker,.MFLGameLinks .MFLNFLWinMarker{color:#fff}
/* hover and current state background opactity color for boxscores  */
#MFLBoxHolder td.matchupHilite,#MFLBoxHolder td.matchupHilite:hover{background:rgba(0,0,0,.5)}
#MFLBoxHolder td.matchupLolite:hover {background:rgba(0,0,0,.3)}
/* background and border color for the table that is holding the team - scoreboard title - scoring digits - records  */
.MFLMainScoreboard {background:none;border:0;}
/* background graident color for the banner area for scoreboard name  */
#MFLCenterTop{color:#000;background: #fff;border:1px solid #111;background: -moz-linear-gradient(top,  #ccc 0%, #fff 50%, #ccc 100%);background: -webkit-linear-gradient(top,  #ccc 0%,#fff 50%,#ccc 100%);background: linear-gradient(to bottom,  #ccc 0%,#fff 50%,#ccc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );}
/* franchise team names and nfl team names box background and text colors  */
#MFLRoadTeamName,#MFLHomeTeamName{color:#ddd;border-color:#111;background: #333333;background: -moz-linear-gradient(top,  #333333 1%, #666666 50%, #333333 99%);background: -webkit-linear-gradient(top,  #333333 1%,#666666 50%,#333333 99%);background: linear-gradient(to bottom,  #333333 1%,#666666 50%,#333333 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 );}
/* background gradient for scoreboard scores digits  */
#MFLRoadScore span,#MFLHomeScore span {border-color:#000;background: #000000;background: -moz-linear-gradient(top,  #000000 0%, #333333 50%, #000000 100%);background: -webkit-linear-gradient(top,  #000000 0%,#333333 50%,#000000 100%);background: linear-gradient(to bottom,  #000000 0%,#333333 50%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );}
/* color for horizontal lines in center of scoreboard scores digits  */
#MFLRoadScore span:before,#MFLHomeScore span:before{background:#000}
#MFLRoadScore span:after,#MFLHomeScore span:after{background:#555}
/* gradient colors for the small side boxes on each side of scores digit center lines  */
#MFLRoadScore span a:after,#MFLHomeScore span a:after,#MFLRoadScore span a:before,#MFLHomeScore span a:before{border-color:#222;background: #555}
/* border color for container holding scores digits  */
#MFLRoadScore,#MFLHomeScore{border-color:#111;background:#111}
/* Franchise and Team records background and text color  */
#MFLRoadTeamRecord,#MFLHomeTeamRecord {color:#ddd;border-color:#111;background: #000000;background: -moz-linear-gradient(top,  #000000 0%, #333333 50%, #000000 100%);background: -webkit-linear-gradient(top,  #000000 0%,#333333 50%,#000000 100%);background: linear-gradient(to bottom,  #000000 0%,#333333 50%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );}
/* color for scoring digits  */
#MFLRoadScore span a,#MFLHomeScore span a{color:#fff}
/* P-YTP-PMR backgrounds and text coloring  */
.MFLMainScoreboard td.MFLScoreboardTitle {color:#ddd;border-color:#111;background: #000000;background: -moz-linear-gradient(top,  #000000 0%, #333333 50%, #000000 100%);background: -webkit-linear-gradient(top,  #000000 0%,#333333 50%,#000000 100%);background: linear-gradient(to bottom,  #000000 0%,#333333 50%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );}
#MFLRoadPlayers,#MFLRoadYTP,#MFLRoadPMR,#MFLHomePlayers,#MFLHomeYTP,#MFLHomePMR {color:#fff;border-color:#111;background: #333333;background: -moz-linear-gradient(top,  #333333 1%, #666666 50%, #333333 99%);background: -webkit-linear-gradient(top,  #333333 1%,#666666 50%,#333333 99%);background: linear-gradient(to bottom,  #333333 1%,#666666 50%,#333333 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 );}
/* table row background color for games over or currently playing  */
.rowGameOver {background:rgba(0,0,0,.5)}
.CurrentlyPlaying {background:rgba(218,165,62,.2)}
/* change colors for S.O.S td cells for matchups poor to great  */
.MFLTeamLineup td.oppRankGreatMatchup{background:#04B404;color:#000}
.MFLScoreboardLineups td.oppRankGoodMatchup{background:#01DF01;color:#000}
.MFLScoreboardLineups td.oppRankAvgMatchup{background:#FFFF00;color:#000}
.MFLScoreboardLineups td.oppRankPoorMatchup{background:#FF8000;color:#000}
.MFLScoreboardLineups td.oppRankBadMatchup{background:#FF0000;color:#000}
/* the small tooltip popup arrows shown when hovering actual and pace scores  */
#scoreboardTooltip:after {border-top-color:#666!important;}
#scoreboardTooltip.top:after{border-bottom-color:#666!important;}
.MFLLiveTeam img{height:20px}
/* loading circle color  */
.MFLPlayerPopupLoader{border-color:#111;border-top-color:#fff;}
/* popup close button  */
#MFLPlayerPopupClose {color: #fff;background: #444;border: 1px solid #111;width:20px;line-height:20px}
#MFLPlayerPopupClose:hover {background:#111;border-color:#555;}

body #scoreboardTooltip {background-color:#292929!important;border:2px solid #666;padding:2px}
#scoreboardTooltip .report caption {margin-bottom:5px}
#scoreboardTooltip .report caption span{font-size:20px;height:30px;line-height:30px;margin:0;color:#fff;}
#scoreboardTooltip table {border-spacing:1px!important}
#scoreboardTooltip table td {border:1px solid rgba(45,45,45,0.3)}
#scoreboardTooltip td table td{border:0}
#MFLScoreboardContainer .report {background:#292929;border:2px solid #111;border-radius:3px}
.MFLMainScoreboard .nflicon,.MFLGameLinks .nflicon {background:none;border:0}
</style>

FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#33 braven112

braven112

    Veteran

  • Members
  • PipPipPip
  • 1,173 posts
  • Location:mfladdons.com
  • Interests:Seatle Seahawks

Posted 10 June 2017 - 10:09 AM

few css adjustments for global stylesheet 

 

1. 2 column commish page adjustment

2. td.hint needs colored

3. when you add the report-wrapper , its adding to inner tables also , so remove style

4. reset calendar to full width

#body_commissioner_setup table.two_column_layout{margin:0}
td.hint{color:#cd2122!important} /* Use Same Color as .warning */
.report-wrapper .report-wrapper{background:none;border-radius:0;margin:0;padding:0;border:0;box-shadow:none}
#monthly_calendar{width:100%}

 

 

or add to global.js to unwrap the inner double .report-wrapper

this way no double style in the inner tables on pages like weekly results , starting lineups etc.... that have a report with inner reports , or you could add different class and style , pad, margin those to look different

$(".report-wrapper .report-wrapper .report").unwrap(); 

 

 

i would also remove all your style being applied to the champions plaque module , its a bit jacked up now , when i remove all the style looks fine default

Thanks, I made these changes last night.  I used the js solution to unwrap the duplicate report-wrapper.  I may be able to refactor this a little further and remove the report-wrapper class and use the new mobile-wrap instead.  Do you happen to know if it wraps every report like report-wrapper does?

 

Do you know where I can find an example of the td.hint class?


MFLaddons.com, your home for MFL templates and graphics.

Visit MFL.football for a free mobile friendly MFL template.


#34 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,380 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 10 June 2017 - 08:05 PM

i saw the td.hint the other day and they have it inline styled a blue color , i cant remember where it was though.

 

div.mobile-wrap is on all homepage message modules and various reports across the site , so its not universal

 

I have the following script working to add div.mobile-wrap to all table.reports and remove any sub div that are added for nested tables. I also wrapped various forms and table with the same div.mobile-wrap so when you style , everything looks the same....Message board page , submit lineup , homepage message , home page tab setup , trades , add/drops  ect..... , I also added some text adjustments on a few captions that have long wording. 

 

I wrapped all the weekly nav menus that display weekly selection links 1-17 , in a new wrapper so that all can be styled the same .  I made the "Hint" alerts have 2 classes depending on if its inside a div.mobile-wrap or outside in the body , so if body bg is dark and report wrapper is light , you can color them differently , will do the same for h3 and h4 in/out of the wrappers

 

All 2 column tables have same separation as homepage modules and all other reports , also added mobile class for responsive designs to everything that needs it

 

still quite a bit to do , but you can throw the following up on a test site and set to no-skin - did quick css for it to show some report wrappers consistency , will search for any reports / tables / forms / captions that i can adjust - also added span to captions that are missing them

 

Will also make the weekly nav menu convert to drop down boxes on mobiles , showing weeks 1-20 , its hard to take a finger without zooming and select just one week.

 

 

In Header message

<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,700|Roboto+Condensed:400,700|Roboto:400,400i,700" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<div id="container-wrap"><!--- ENTER ALL HPMS AFTER THIS AND CLOSE IN FOOTER -->

 

 

In Footer message

</div><!--- CLOSE CONTAINER WRAP IN HEADER -->

<script>
  // Remove div.mobile-wrap inline style
  $('.mobile-wrap').removeAttr('style');

  // Wrap all container reports with div.mobile-wrap
  $('#container-wrap table.report,blockquote,.homepagemessage,#body_options_05 table[align="center"]:last').wrap('<div class="mobile-wrap"></div>');
  $('#container-wrap .mobile-wrap td.two_column_layout').parents('table').unwrap();
  $('#container-wrap td.two_column_layout table').wrap('<div class="mobile-wrap"></div>');

  // Message Board Page Adjustments
  $('#body_board_show #container-wrap').wrapInner('<div class="mobile-wrap"><table class="report addCaption" cellspacing="1" align="center"><tbody><tr><td></td></tr></tbody></table></div>');
  $('#body_board_show #container-wrap .addCaption').prepend('<caption><span>Message Board Topics</span></caption>');
  $('#body_board_show table span.nav').appendTo('#body_board_show #container-wrap .addCaption caption:first');
  $('#body_board_show table th.messageboardbar').eq(1).remove();
  $('#body_board_show table caption').eq(1).remove();

  $('#body_options_80 #container-wrap ol').wrap('<div class="mobile-wrap"><table class="report addCaption" cellspacing="1" align="center"><tbody><tr><td></td></tr></tbody></table></div>');

  $('#body_options_66 #container-wrap form').wrap('<div class="mobile-wrap"><table class="report addCaption" cellspacing="1" align="center"><tbody><tr><td></td></tr></tbody></table></div>');

  // Unwrap nested div.mobile-wrap
  $('#container-wrap .mobile-wrap .mobile-wrap table,#body_options_05 .mobile-wrap .mobile-wrap table[align="center"]:last').unwrap();

  // Add mobile-view class to all dual table column td cells
  $('#container-wrap td.two_column_layout').addClass('mobile-view');

  $('#body_player #container-wrap td[width="33%"],#body_player #container-wrap td[width="67%"]').addClass('mobile-view');

  // Wrap forms div.mobile-wrap to style same as reports containers
  $('#body_options_71 #container-wrap form table,#body_add_drop #container-wrap form table').parents('form').wrap('<div class="mobile-wrap form-wrapper"></div>');
  $('#body_options_12 #container-wrap form').wrap('<div class="mobile-wrap form-wrapper"></div>');
  $('#body_options_12 #container-wrap form .mobile-wrap table').unwrap();

  // wrap and adjust homepage message forms to look like table reports
  $('#options_12 .mobile-wrap.form-wrapper form').closest('.mobile-wrap.form-wrapper').wrapInner('<table class="report addCaption" cellspacing="1" align="center"><tbody><tr><td></td></tr></tbody></table>');
  $('#options_12 .addCaption b').wrap('<caption><span></span></caption>');
  $('#options_12 .addCaption b').contents().unwrap();
  $('#options_12 .addCaption').prepend($('form caption'));

  // Remove captions on outer table that dont need to be there
  $('#options_06 td.two_column_layout,#options_169 td.two_column_layout,#options_22 td.two_column_layout').closest('table').addClass('caption-remove');
  $('.caption-remove > caption').remove();

  // Add span to captions the are missing it
  $('table caption:not(:has(span))').wrapInner('<span></span>');

  //Update standings accronyms
  $('th.divpct').text('Div %');
  $('th.all_play_wlt').text('All-Play');
  $('th.h2hpct').text('%');

  //turn hints into new style
  $('div.mobile-wrap .reportnavigation:contains("Hint:")').removeClass().addClass('alert alert-info-table').wrap('<div style="text-align:center"></div>');
  $('body .reportnavigation:contains("Hint:")').removeClass().addClass('alert alert-info-body');
  $('.reportnavigation:contains("Top FAQ:")').removeClass().addClass('alert alert-info-body');
  $('.reportnavigation:contains("Weekly NFL Injury Status is in this color.")').hide();

  //navigation menu links
  $('.reportnavigation:contains("Power Rank As Of Week:")').removeClass().addClass('weekly-navbar');
  $('.reportnavigation:contains("Standings As Of Week:")').removeClass().addClass('weekly-navbar');
  $('.reportnavigation:contains("Go To Week:")').removeClass().addClass('weekly-navbar');
  $('.reportnavigation:contains("Submit Lineup For Week:")').removeClass().addClass('weekly-navbar');
  $('.reportnavigation:contains("Edit Newsletter for Week:")').removeClass().addClass('weekly-navbar');
  $('.reportnavigation:contains("Select A Category:")').removeClass().addClass('weekly-navbar').wrap('<div style="text-align:center"></div>');
  $('.weekly-navbar .reportnavigationheader').text('Select Week: ');


  //remove empty td's on add/drop page
  $('#body_options_43 td').filter(function() {
    var html = $(this).html();
    if (html == '' || html == ' ')
      return true;
  }).remove();

  //remove empty td's on draft page
  $('#body_options_52 td[colspan="3"] table > td').filter(function() {
    var html2 = $(this).html();
    if (html2 == '' || html2 == ' ')
      return true;
  }).addClass('empty');

  //rename some longer captions
  $('#message_board_summary caption span').text('Message Board Summary');
  $('#owner_activity caption span').text('Owner Activity');
  $('#next_weeks_fantasy_schedule caption span').text('H2H Matchups');
  $('#last_weeks_fantasy_results caption span').text('H2H Results');
  $('#fantasy_recap caption span').text('Game Of The Week Recap');
  $('#fantasy_preview caption span').text('Game Of The Week Preview');

  $('#body_player #container-wrap table').eq(0).addClass('playerBio-Table');
</script>

 

 

Style

<style>
/***************************************/
/*       oragnize css below            */
/***************************************/
#homepagecolumns{width:100%;table-layout:fixed}
#container-wrap{padding:10px}
.mobile-view{width:50%}
.homepagecolumn,.mobile-view{vertical-align:top;padding-right:15px}
.homepagecolumn:last-child,.mobile-view:last-child{padding-right:0}
img{vertical-align:middle}
.bannerimage{margin:0 auto;width:100%;}
.bannerimage img,.leaguelogo{max-width:100%;}
.welcome{white-space:nowrap;position:absolute;padding:5px;right:0;text-align:right;margin:0 auto;width:100%;}
.brandlogo{display:none;}
.pagetitle h1{font-size:30px;width:100%;margin:20px 0}
/***************************************/
/*             HTML - BODY             */
/***************************************/
/* Must include on site */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*, *::before, *::after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
body {background:#fff;color:#444}
body a,body a:link,body a:active,body a:visited{color:#666;} /* body text  */
body a:hover,body a:link:hover,body a:active:hover,body a:visited:hover{color:#444} /* body text hover  */
.pagebody {max-width:1200px;margin:0 auto;margin-bottom:20px}
/***************************************/
/*        MFL RESPONSIVE MENU          */
/***************************************/
.myfantasyleague_menu{border-bottom-color:#444}
.myfantasyleague_menu,.myfantasyleague_menu ul,.myfantasyleague_menu ul li ul{background:#ddd}
.myfantasyleague_menu ul ul li{background:#ddd}
.myfantasyleague_menu > ul > li.has-sub > a:after{border-top-color:#444}
.myfantasyleague_menu ul ul > li.has-sub > a:after{border-left-color:#444}
.myfantasyleague_menu > ul > li.has-sub:hover > a:after{border-top-color:#444}
.myfantasyleague_menu ul ul > li.has-sub:hover > a:after{border-left-color:#444}
.myfantasyleague_menu ul li a,.myfantasyleague_menu ul li:hover ul li a,.myfantasyleague_menu ul li ul li:hover ul li a{color:#444}
.myfantasyleague_menu ul li:hover a,.myfantasyleague_menu ul li ul li:hover a,.myfantasyleague_menu ul li ul li ul li:hover a{color:#444}
.myfantasyleague_menu li:hover > a{background:#fff;box-shadow:none}
.myfantasyleague_menu ul li ul li:hover > a{background:#fff}
.myfantasyleague_menu li.player-search input[type="text"]{color:#000}
.myfantasyleague_menu li.player-search a:hover{color:#444}
.myfantasyleague_menu ul li ul{border-top-color:#444}
.myfantasyleague_menu ul ul li a,.myfantasyleague_menu ul ul li.has-sub a{border-color:#888}
.myfantasyleague_menu ul ul li.has-sub li:first-of-type{border-top-color:#888}
/***************************************/
/*        MFL RESPONSIVE TABS          */
/***************************************/
.myfantasyleague_tabmenu ul#homepagetabs{border-bottom-color:#444}
.myfantasyleague_tabmenu{background:#ddd}
.myfantasyleague_tabmenu #homepagetabs li{border-left:0;border-right-color:#888}
.myfantasyleague_tabmenu #homepagetabs li a{color:#222}
.myfantasyleague_tabmenu #homepagetabs li:hover{background:#fff;box-shadow:none}
.myfantasyleague_tabmenu #homepagetabs li:hover a{color:#444}
.myfantasyleague_tabmenu #homepagetabs li.currenttab a{color:#eee}
.myfantasyleague_tabmenu #homepagetabs li.currenttab,.myfantasyleague_tabmenu #homepagetabs li.currenttab:hover{box-shadow:none;background:#444}
/***************************************/
/*           REPORT WRAPPER            */
/***************************************/
#container-wrap table,#container-wrap .report,#container-wrap .homepagemessage{width:100%;margin:0;border:0;border-spacing:0}
#container-wrap .mobile-wrap table,#container-wrap .mobile-wrap table,#container-wrap .mobile-wrap .report .homepagemessage {border-spacing:1px}
#container-wrap .mobile-wrap {background:#ddd;border:2px solid #444;border-radius:5px;color:#000;margin:10px auto;padding:16px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling: touch;} /* style for report containers */
.report{background:#ddd} /* must set report bg to same color as the wrapping container */
#container-wrap .mobile-wrap a,#container-wrap .mobile-wrap a:link,#container-wrap .mobile-wrap a:active,#container-wrap .mobile-wrap a:visited{color:#000}  /* report container text if not defined */
#container-wrap .mobile-wrap a:hover,#container-wrap .mobile-wrap a:link:hover,#container-wrap .mobile-wrap a:active:hover,#container-wrap .mobile-wrap a:visited:hover{color:blue}   /* report container text hover if not defined */
/***************************************/
/*           REPORT CAPTIONS           */
/***************************************/
.homepagemodule.report caption span{pointer-events:none}
.homepagemodule.report caption span a,.homepagemodule.report caption span.module_expand{pointer-events:all}
#container-wrap .mobile-wrap .homepagemodule caption,#container-wrap .mobile-wrap caption{font-size:20px;text-align:center;background:#444;padding:5px}
#container-wrap .mobile-wrap caption,#container-wrap .mobile-wrap caption a,#container-wrap .mobile-wrap caption a:link,
#container-wrap .mobile-wrap caption a:active,#container-wrap .mobile-wrap caption a:visited{color:#eee}  /* caption text */
#container-wrap .mobile-wrap caption a:hover,#container-wrap .mobile-wrap caption a:link:hover,#container-wrap .mobile-wrap caption a:active:hover,
#container-wrap .mobile-wrap caption a:visited:hover{color:#fff}  /* caption text hover */
#container-wrap .mobile-wrap caption .module_expand{color:#888}
#container-wrap .mobile-wrap caption .module_expand:hover{color:#ccc}
#container-wrap .mobile-wrap .homepagemodule caption.withfranchiseicon,#container-wrap .mobile-wrap caption.withfranchiseicon{background:none}  /* caption with icon no bg color */
#container-wrap .mobile-wrap caption.withfranchiseicon,#container-wrap .mobile-wrap caption.withfranchiseicon a,#container-wrap .mobile-wrap caption.withfranchiseicon a:link,
#container-wrap .mobile-wrap captio.withfranchiseiconn a:active,#container-wrap .mobile-wrap caption.withfranchiseicon a:visited{color:#444}  /* caption.withfranchise icon text color different since we have different bg color */
#container-wrap .mobile-wrap caption.withfranchiseicon a:hover,#container-wrap .mobile-wrap caption.withfranchiseicon a:link:hover,#container-wrap .mobile-wrap caption.withfranchiseicon a:active:hover,
#container-wrap .mobile-wrap caption.withfranchiseicon a:visited:hover{color:#888}  /* caption.withfranchise text hover */
#container-wrap .mobile-wrap caption .ownername {color:#000;font-size:12px;}  /* owners name in caption with an icon as seen on rosters page , set to display none if you dont want to see */
/***************************************/
/*       REPORT TABLE HEADERS          */
/***************************************/
#container-wrap .mobile-wrap th{background:#ccc;font-size:12px;font-style:normal;font-weight:400}
#container-wrap .mobile-wrap th,#container-wrap .mobile-wrap th a,#container-wrap .mobile-wrap th a:link,#container-wrap .mobile-wrap th a:active,#container-wrap .mobile-wrap th a:visited{color:#444}  /* caption text */
#container-wrap .mobile-wrap th a:hover,#container-wrap .mobile-wrap th a:link:hover,#container-wrap .mobile-wrap th a:active:hover,#container-wrap .mobile-wrap th a:visited:hover{color:#000}  /* caption text hover */
/***************************************/
/*              REPORT TD              */
/***************************************/
#container-wrap .mobile-wrap .oddtablerow td,#container-wrap .mobile-wrap .eventablerow td{padding:3px}
#container-wrap .mobile-wrap .oddtablerow td{background:#fff}
#container-wrap .mobile-wrap .eventablerow td{background:#eee}
#container-wrap .mobile-wrap .oddtablerow td,#container-wrap .mobile-wrap .oddtablerow td a,#container-wrap .mobile-wrap .oddtablerow td a:link,#container-wrap .mobile-wrap .oddtablerow td a:active,#container-wrap .mobile-wrap .oddtablerow td a:visited,#container-wrap .mobile-wrap .eventablerow td,#container-wrap .mobile-wrap .eventablerow td a,#container-wrap .mobile-wrap .eventablerow td a:link,#container-wrap .mobile-wrap .eventablerow td a:active,#container-wrap .mobile-wrap .eventablerow td a:visited{color:#444}
#container-wrap .mobile-wrap .oddtablerow td a:hover,#container-wrap .mobile-wrap .oddtablerow td a:link:hover,#container-wrap .mobile-wrap .oddtablerow td a:active:hover,#container-wrap .mobile-wrap .oddtablerow td a:visited:hover,#container-wrap .mobile-wrap .eventablerow td a:hover,#container-wrap .mobile-wrap .eventablerow td a:link:hover,#container-wrap .mobile-wrap .eventablerow td a:active:hover,#container-wrap .mobile-wrap .eventablerow td a:visited:hover{color:#000}
/*    Report footer background and text - link coloring    */
#container-wrap .mobile-wrap .oddtablerow.reportfooter td,#container-wrap .mobile-wrap .eventablerow.reportfooter td,#container-wrap .mobile-wrap td.reportfooter{background:#aaa;color:#000}
#container-wrap .mobile-wrap .oddtablerow.reportfooter td a,#container-wrap .mobile-wrap .oddtablerow.reportfooter td a:link,#container-wrap .mobile-wrap .oddtablerow.reportfooter td a:active,#container-wrap .mobile-wrap .oddtablerow.reportfooter td a:visited,#container-wrap .mobile-wrap .eventablerow.reportfooter td a,#container-wrap .mobile-wrap .eventablerow.reportfooter td a:link,#container-wrap .mobile-wrap .eventablerow.reportfooter td a:active,#container-wrap .mobile-wrap .eventablerow.reportfooter td a:visited,#container-wrap .mobile-wrap td.reportfooter a,#container-wrap .mobile-wrap td.reportfooter a:link,#container-wrap .mobile-wrap td.reportfooter a:active,#container-wrap .mobile-wrap td.reportfooter td a:visited{color:blue}
#container-wrap .mobile-wrap .oddtablerow.reportfooter td a:hover,#container-wrap .mobile-wrap .oddtablero.reportfooter td a:link:hover,#container-wrap .mobile-wrap .oddtablerow.reportfooter td a:active:hover,#container-wrap .mobile-wrap .oddtablerow.reportfooter td a:visited:hover,#container-wrap .mobile-wrap .eventablerow.reportfooter td a:hover,#container-wrap .mobile-wrap .eventablero.reportfooter td a:link:hover,#container-wrap .mobile-wrap .eventablerow.reportfooter td a:active:hover,#container-wrap .mobile-wrap .eventablerow.reportfooter td a:visited:hover,#container-wrap .mobile-wrap td.reportfooter a:hover,#container-wrap .mobile-wrap td.reportfooter a:link:hover,#container-wrap .mobile-wrap td.reportfooter a:active:hover,#container-wrap .mobile-wrap td.reportfooter td a:visited:hover{color:#000}
/***************************************/
/*             STANDINGS H3            */
/***************************************/
#container-wrap .mobile-wrap #standings h3,#container-wrap .mobile-wrap #brief_standings h3{background:#aaa;color:#000;font-size:24px;text-transform:uppercase;border:2px solid #444}
#container-wrap .mobile-wrap #brief_standings h3{font-size:16px}
#container-wrap .mobile-wrap .standingslogo{max-width:100%}
/***************************************/
/*    SUBMIT BUTTON - CHAT BUTTON      */
/***************************************/
/* style buttons outside tables in the body */
input[type="button"],input[type="submit"]{padding:10px;margin-bottom:10px;margin-top:10px;color:#fff;font-weight:700;text-transform:uppercase;cursor:pointer;background:#444;border-radius:2px;border:2px solid #444}
input[type="button"]:hover,input[type="submit"]:hover{background:#888;border-color:#888;color:#fff}
/* style buttons inside tables */
.mobile-wrap input[type="button"],.mobile-wrap input[type="submit"]{padding:10px;margin-bottom:10px;margin-top:10px;color:#fff;font-weight:700;text-transform:uppercase;cursor:pointer;background:#444;border-radius:2px;border:2px solid #444}
.mobile-wrap input[type="button"]:hover,.mobile-wrap input[type="submit"]:hover{background:#666;border-color:#666;color:#fff}
/* style chat button and field */
#league_chat form{padding:5px;text-align:center;}
#league_chat input[type="button"],#player_search input[type="button"]{width:100%}
input#chat_text_field,#player_search input{width:100%!important;padding:8px}
input[type="password"],input[type="text"]{padding:4px;font-size:1.1em;min-width:100px;border:1px solid #ddd}
/***************************************/
/*            MESSAGE BOARD            */
/***************************************/
.messageboardbar{width:100%;display:inline-block}
.messageboardbar + td{display:block;width:100%;text-align:center}   
/***************************************/
/*           HINT MESSAGES             */
/***************************************/
.alert{padding:5px;margin:5px 0;height:25px;line-height:25px;display:inline-table;text-align:left;border:2px solid #777;border-radius:3px}
#body_commissioner_setup .alert{text-align:center}
/* style hint alerts inside tables */
.alert-info-table{width:99%;background:#d9edf7;color:#444;border-color:#ADD8E6;border-width:1px}  
.alert.alert-info-table .reportnavigationheader{color:#222;padding-right:5px}
.alert.alert-info-table a,.alert.alert-info-table a:link,.alert.alert-info-table a:active,.alert.alert-info-table a:visited{color:red!important}
.alert.alert-info-table a:hover,.alert.alert-info-table a:link:hover,.alert.alert-info-table a:active:hover,.alert.alert-info-table a:visited:hover{color:#222!important}
/* style hint alerts outside tables in the body */
.alert-info-body{width:100%;background:#ddd;color:#444;border-color:#444} 
.alert.alert-info-body .reportnavigationheader{color:red;padding-right:5px}
.alert.alert-info-body a,.alert.alert-info-body a:link,.alert.alert-info-body a:active,.alert.alert-info-body a:visited{color:blue}
.alert.alert-info-body a:hover,.alert.alert-info-body a:link:hover,.alert.alert-info-body a:active:hover,.alert.alert-info-body a:visited:hover{color:red}
/***************************************/
/*          WEEKLY NAV MENUS           */
/***************************************/
.weekly-navbar{margin:5px 0;height:30px;line-height:30px;display:inline-table;text-align:center;color:#ccc;width:100%}
.weekly-navbar .reportnavigationheader{color:#444;padding-right:10px;vertical-align:middle}
.weekly-navbar{color:#fff} /* color of dash lines set same color as navbar a to hide */
.weekly-navbar a,.weekly-navbar a:link,.weekly-navbar a:active,.weekly-navbar a:visited,.weekly-navbar .currentweek{color:#fff;background:#888;border-radius:2px;text-decoration:none;display:inline-block;height:24px;width:24px;line-height:24px;text-align:center;vertical-align:middle;margin-right:-6px;margin-left:-6px}
.weekly-navbar a:hover,.weekly-navbar a:link:hover,.weekly-navbar a:active:hover,.weekly-navbar a:visited:hover{color:#fff;background:#444}
.weekly-navbar .currentweek{background:#444;color:#fff;font-weight:400}
/***************************************/
/*                FOOTER               */
/***************************************/
.pagefooter{background:#ddd;padding:40px 10px;border-top:4px solid #444;color:#444}
.pagefooter a,.pagefooter a:link,.pagefooter a:active,.pagefooer a:visited{color:#444}
.pagefooter a:hover,.pagefooter a:link:hover,.pagefooter a:active:hover,.pagefooer a:visited:hover{color:#222}
/***************************************/
/*         MISC ADJUSTMENTS            */
/***************************************/
#bar_chart .weeklypointtotals table td,#body_options_20 .weeklypointtotals table td{border-right:0;border-left:0;padding-right:0;padding-left:0;border:0}
#container-wrap .mobile-wrap table.playoffbracket {border-spacing:0;}
#options_12 form{text-align:center}
#MSG,#body_options_05 textarea{width:100%;margin:10px 0}
form[name="home_page_setup"]{text-align:center}
.playerBio-Table{table-layout:fixed}
#body_player td[width="33%"]{width:33%}  
#body_player td[width="67%"]{width:67%}
table#add,table#drop{background:#fff}
#chat_audio_clip{display:none}
/***************************************/
/*          RESPONSIVE STYLE           */
/***************************************/
@media only screen and (max-width:48.000em) {
#body_player td[width="33%"],#body_player td[width="67%"]{width:100%}
.mobile-view,.homepagecolumn{width:100%;float:left;margin-top:0;padding:0!important} /* float and make all reports and table flow into a single column */
.weekly-navbar .reportnavigationheader{display:block;padding-right:0}
/***************************************/
/*        MFL RESPONSIVE MENU          */
/***************************************/
/*  FORMATTING  */
.myfantasyleague_menu ul li b{display:none}.myfantasyleague_menu{height:0;padding-top:45px;padding-top:2.813rem;position:relative}.myfantasyleague_menu > label,.myfantasyleague_menu ul li label{display:block;width:100%;height:47px;height:2.938rem;border-radius:5px;border-radius:.313rem;position:absolute;right:0;top:0;cursor:pointer}.myfantasyleague_menu > label span,.myfantasyleague_menu ul li label span{width:35px;width:2.188rem;height:35px;height:2.188rem;position:absolute;right:5px;right:.313rem;top:6px;top:.375rem;border-radius:5px;border-radius:.313rem}.myfantasyleague_menu ul li ul li.has-sub label span{right:24px;right:1.5rem}.myfantasyleague_menu > label span:before,.myfantasyleague_menu ul li label span:before{display:block;content:"";width:18px;width:1.125rem;height:2px;height:.125rem;position:absolute;left:50%;top:50%;margin-left:-9px;margin-left:-.5625rem;margin-top:-1px;margin-top:-.0625rem;-webkit-transition:.25s;transition:.25s}.myfantasyleague_menu > label span:after,.myfantasyleague_menu ul li label span:after{display:block;content:"";width:2px;width:.125rem;height:18px;height:1.125rem;position:absolute;left:50%;top:50%;margin-left:-1px;margin-left:-.0625rem;margin-top:-9px;margin-top:-.5625rem;-webkit-transition:.25s;transition:.25s}.myfantasyleague_menu > span{display:block;font-size:16px;font-size:1rem;line-height:16px;line-height:1rem;position:absolute;left:10px;left:.625rem;top:15px;top:.9375rem}.myfantasyleague_menu li{display:block}.myfantasyleague_menu ul,.myfantasyleague_menu ul ul{margin:0;display:block;position:static;max-height:0;overflow:hidden;-webkit-transition:.25s;transition:.25s;box-shadow:none}.myfantasyleague_menu > ul > li.has-sub > a{background-image:none}.myfantasyleague_menu ul ul > li.has-sub > a{background-image:none}.myfantasyleague_menu ul li{float:none;display:block;position:relative}.myfantasyleague_menu ul ul li label,.myfantasyleague_menu ul ul li > ul,.myfantasyleague_menu ul ul li:hover > ul{margin-top:0}.myfantasyleague_menu ul{border:0}.myfantasyleague_menu ul li a{float:none;border:0;border-style:solid;border-top-width:1px;text-indent:10px;text-indent:.625rem;font-size:14px;font-size:.875rem}.myfantasyleague_menu ul ul li a{border:0;border-style:solid;border-top-width:1px}.myfantasyleague_menu li ul li a,.myfantasyleague_menu li a{line-height:45px;line-height:2.813rem}.myfantasyleague_menu ul ul li a:before{top:50%;margin-top:-6px;margin-top:-.375rem;position:absolute;display:inline-block;content:'';width:0;height:0;border:6px solid transparent;border:.375rem solid transparent;border-left:6px solid #fff;border-left:.375rem solid #fff}.myfantasyleague_menu ul li ul li a{text-indent:25px;text-indent:1.563rem}.myfantasyleague_menu ul li ul li a:before{left:20px;left:1.25rem}.myfantasyleague_menu ul li ul li.has-sub ul li a{text-indent:40px;text-indent:2.5rem}.myfantasyleague_menu ul li ul li.has-sub ul li a:before{left:35px;left:2.188rem}.myfantasyleague_menu li:hover > a{text-decoration:none;box-shadow:none;background-image:none}.myfantasyleague_menu li ul li ul li:hover > a{text-decoration:none}.myfantasyleague_menu input:checked ~ label span:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.myfantasyleague_menu input:checked ~ label span:after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.myfantasyleague_menu input:checked ~ ul{max-height:8000px;max-height:500rem}.myfantasyleague_menu ul ul{border:0}.myfantasyleague_menu ul li ul{border-top:0;background:none}.myfantasyleague_menu > ul > li.has-sub > a:after,.myfantasyleague_menu ul ul > li.has-sub > a:after{display:none}.myfantasyleague_menu ul{border-style:solid;border-bottom-width:4px}.myfantasyleague_menu ul ul{border-bottom:0}.myfantasyleague_menu ul ul li.has-sub:first-of-type li:first-of-type,.myfantasyleague_menu ul ul li.has-sub li:first-of-type,.myfantasyleague_menu ul ul li.has-sub li,.myfantasyleague_menu ul ul li a,.myfantasyleague_menu ul ul li.has-sub a{border:0}.myfantasyleague_menu ul ul li a{border-style:solid;border-top-width:1px}.myfantasyleague_menu ul ul li.has-sub li{margin-left:0}.myfantasyleague_menu ul ul li.has-sub a{border-style:solid;border-top-width:1px}.myfantasyleague_menu ul ul li:hover > ul,.myfantasyleague_menu ul ul li:first-of-type:hover > ul{margin-top:0}li.mfl-icon img{display:none}li.mfl-icon a span{display:inline-block}
/*  SKIN SPECIFIC COLORING  */
.myfantasyleague_menu{background:#ddd}.myfantasyleague_menu > label span{background:#444}
.myfantasyleague_menu ul li label span{background:#444}
.myfantasyleague_menu > label span:before,.myfantasyleague_menu > label span:after{background:#fff}
.myfantasyleague_menu ul li label span:before,.myfantasyleague_menu ul li label span:after{background:#fff}
.myfantasyleague_menu > span{color:#444}
.myfantasyleague_menu ul ul li a:before{border-left-color:#444}
.myfantasyleague_menu #sub0:first-of-type:checked ~ ul{border-bottom:4px solid #444}
.myfantasyleague_menu ul ul li a,.myfantasyleague_menu ul ul li.has-sub a,.myfantasyleague_menu ul li a{border-top-color:#888;color:#444}
.myfantasyleague_menu li a,.myfantasyleague_menu li.mfl-icon a:hover{background:#fff}
/***************************************/
/*        MFL RESPONSIVE TABS          */
/***************************************/
/*  FORMATTING  */
.myfantasyleague_tabmenu ul#homepagetabs{padding:0;list-style:none;white-space:nowrap;text-align:left;border:0;box-shadow:none}
.myfantasyleague_tabmenu #homepagetabs li{margin:0;padding:0}
.myfantasyleague_tabmenu ul#homepagetabs li b{display:none}
.myfantasyleague_tabmenu label{display:block;width:100%;height:45px;height:2.813rem;position:absolute;right:0;top:0;cursor:pointer}
.myfantasyleague_tabmenu{height:0;padding-top:45px;padding-top:2.813rem;position:relative}
.myfantasyleague_tabmenu > label span{width:35px;width:2.188rem;height:35px;height:2.188rem;position:absolute;right:5px;right:.3125rem;top:6px;top:.375rem;border-radius:5px;border-radius:.3125rem}
.myfantasyleague_tabmenu > label span:before{display:block;content:"";width:18px;width:1.125rem;height:2px;height:.125rem;position:absolute;left:50%;top:50%;margin-left:-9px;margin-left:-.5625rem;margin-top:-1px;margin-top:-.0625rem;-webkit-transition:.25s;transition:.25s}
.myfantasyleague_tabmenu > label span:after{display:block;content:"";width:2px;width:.125rem;height:18px;height:1.125rem;position:absolute;left:50%;top:50%;margin-left:-1px;margin-left:-.0625rem;margin-top:-9px;margin-top:-.5625rem;-webkit-transition:.25s;transition:.25s}
.myfantasyleague_tabmenu > span{display:block;font-size:16px;font-size:1rem;line-height:16px;line-height:1rem;position:absolute;left:10px;left:.625rem;top:15px;top:.9375rem}
.myfantasyleague_tabmenu #homepagetabs li{display:block}
.myfantasyleague_tabmenu ul,.myfantasyleague_tabmenu ul ul{margin:0;display:block;position:static;max-height:0;overflow:hidden}
.myfantasyleague_tabmenu > ul > li.has-sub > a,.myfantasyleague_tabmenu #homepagetabs ul > li.has-sub > a{background-image:none}
.myfantasyleague_tabmenu ul#homepagetabs li{float:none;display:block;position:relative;border:0}
.myfantasyleague_tabmenu ul#homepagetabs li label{display:block;width:100%;height:100%;background:none;position:absolute;left:0;top:0;cursor:pointer}
.myfantasyleague_tabmenu ul#homepagetabs{border:0;border-bottom-width:4px;border-style:solid}
.myfantasyleague_tabmenu ul#homepagetabs li a{display:block;font-size:14px;font-size:.875rem;text-decoration:none;padding:0 20px 0 10px;padding:0 1.25rem 0 .625rem;float:none;border:0;border-top-width:1px;border-style:solid;text-indent:10px;text-indent:.625rem;text-align:left;border-right:0}
.myfantasyleague_tabmenu #homepagetabs li.currenttab,.myfantasyleague_tabmenu #homepagetabs li.currenttab:hover{background-image:none;box-shadow:none}
.myfantasyleague_tabmenu input:checked ~ label span:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.myfantasyleague_tabmenu input:checked ~ label span:after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.myfantasyleague_tabmenu input:checked ~ ul{max-height:3000px;max-height:187.5rem}
.myfantasyleague_tabmenu #homepagetabs li:hover{background-color:transparent}
/*  SKIN SPECIFIC COLORING  */
.myfantasyleague_tabmenu{background:#ddd}
.myfantasyleague_tabmenu > span{color:#444}
.myfantasyleague_tabmenu > label span{background:#444}
.myfantasyleague_tabmenu > label span:before,.myfantasyleague_tabmenu > label span:after{background:#fff}
.myfantasyleague_tabmenu ul#homepagetabs{border-bottom-color:#444}
.myfantasyleague_tabmenu ul#homepagetabs li a{color:#444;border-top-color:#888}
.myfantasyleague_tabmenu #homepagetabs li.currenttab,.myfantasyleague_tabmenu #homepagetabs li.currenttab:hover{background:#888}
.myfantasyleague_tabmenu #homepagetabs li:hover{background:transparent}
.myfantasyleague_tabmenu #homepagetabs li:hover a{color:#444;text-decoration:none}
.myfantasyleague_tabmenu #homepagetabs li.currenttab a{color:#fff}
.myfantasyleague_tabmenu input:checked ~ ul{border-bottom:4px solid #444}
.myfantasyleague_tabmenu ul#homepagetabs li,.myfantasyleague_tabmenu ul#homepagetabs li:hover{background:#fff}
}
</style>

FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#35 Kleve13

Kleve13

    Member

  • Members
  • PipPip
  • 15 posts

Posted 28 June 2017 - 06:33 AM

I've tried to implement the basic homepage, but can't get the Log In to show.  I've got the Trade Block and Rules links, but the Log In appears hidden or missing or something. Can someone take a look and let me know what I'm doing wrong?

 

http://www75.myfanta...2017/home/45841

 

Thanks,

K13



#36 braven112

braven112

    Veteran

  • Members
  • PipPipPip
  • 1,173 posts
  • Location:mfladdons.com
  • Interests:Seatle Seahawks

Posted 01 July 2017 - 12:33 AM

I've tried to implement the basic homepage, but can't get the Log In to show.  I've got the Trade Block and Rules links, but the Log In appears hidden or missing or something. Can someone take a look and let me know what I'm doing wrong?

 

http://www75.myfanta...2017/home/45841

 

Thanks,

K13

 

Looks like you got it working.  One thing I would change those is the way you import the template.  Instead of copying the css and adding your customization, import the most up to date version and add your changes.  I've made a few updates today that you no longer have.

Importing it like this will keep it up to date.

 

@import url("http://mfl.football/assets/css/colors/light/roboto-smf.css}");
 /*put your custom css below*/

MFLaddons.com, your home for MFL templates and graphics.

Visit MFL.football for a free mobile friendly MFL template.


#37 Kleve13

Kleve13

    Member

  • Members
  • PipPip
  • 15 posts

Posted 06 July 2017 - 03:49 PM

Yeah, I actually had the advanced HTML editor turned on and it was messing with the code. Once I turned it off, everything was working.

And, thanks for heads up on how to implement the css. I'll fix that tonight.

#38 braven112

braven112

    Veteran

  • Members
  • PipPipPip
  • 1,173 posts
  • Location:mfladdons.com
  • Interests:Seatle Seahawks

Posted 07 July 2017 - 12:26 AM

Yeah, I actually had the advanced HTML editor turned on and it was messing with the code. Once I turned it off, everything was working.

And, thanks for heads up on how to implement the css. I'll fix that tonight.

 

I've also noticed a conflict when you include the horizontal menu.  It seems to wrap the whole page in a div and/or closes divs in the wrong order...ultimately screwing up the footer.  The footer is supposed to span full width.

 

If you remove that menu, it will fix the issue.  Its located under "reports and settings"


MFLaddons.com, your home for MFL templates and graphics.

Visit MFL.football for a free mobile friendly MFL template.


#39 Squintz82

Squintz82

    Veteran

  • Members
  • PipPipPip
  • 59 posts

Posted 07 July 2017 - 02:03 PM

This template is outstanding, thanks for posting!

 

One issue I can't get past, however. Whenever I paste in the code in a message, then hit "update message", the page redirects to an error. It seems to stem from the scripts being pasted in. 



#40 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,380 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 08 July 2017 - 05:11 AM

This template is outstanding, thanks for posting!

 

One issue I can't get past, however. Whenever I paste in the code in a message, then hit "update message", the page redirects to an error. It seems to stem from the scripts being pasted in. 

 

 

this is a new issue that is happening in Chrome this season , the message still saves , but gives an error 

 

nothing to do with the script installed , not sure what the bug is with MFL and Chrome , but if you use any other browser it doesn't happen


FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#41 Squintz82

Squintz82

    Veteran

  • Members
  • PipPipPip
  • 59 posts

Posted 10 July 2017 - 10:40 AM

Braven, TOS...

 

Last season I spent some time building a responsive template on the old framework. One page that came out great was the lineup submission page, and I'd love to offer up the css to this template. It's fully responsive from 1280+ down to 320. I'm not very advanced when it come to web development, but I have a pretty good grasp of CSS (I'm a UI designer by trade). However, I'm sure my CSS could use some cleanup.

 

I'm in the process of adding the CSS to the template that Braven created for my site this year. However, the one roadblock I'm having is that MFL changes the structure of the HTML after week 1 (additional columns and data), so the CSS pseudo classes I setup break after the offseason. Is there a way to force the Submit Lineups page to display the week 1 structure, specifically the Rush / Pass opponent ranking columns? Or will I have to update the CSS after week 1?

 

Below is a link to some screenshots of what it looks like from last season. I've also included my current CSS file, however I'm still in the middle of implementing this for this season on Braven's template. It's not 100% working yet since I stopped working on it when I realized things would break after week 1.

 

Let me know if anyone would be interested implementing this to Braven's template.

 

https://www.dropbox....fkbq1QSbua?dl=0



#42 DA-G-GURU

DA-G-GURU

    Veteran

  • Members
  • PipPipPip
  • 1,162 posts
  • Gender:Male
  • Location:DAGrafixDesigns.com

Posted 10 July 2017 - 10:52 AM

I wouldn't waste my time on that, use Habman and TOS lineup script as its fully responsive and is sick looking...

 

http://forums.myfant...showtopic=35722

 


 


Simply The Best in Grafix and CSS webdesign since 2005

www.dagrafixdesigns.com

---------------
Twitter @DA_Sticks

#43 Squintz82

Squintz82

    Veteran

  • Members
  • PipPipPip
  • 59 posts

Posted 10 July 2017 - 10:54 AM

I wouldn't waste my time on that, use Habman and TOS lineup script as its fully responsive and is sick looking...

 

http://forums.myfant...showtopic=35722

 


 

 

Hadn't even seen theirs. Very cool.

 

*Edit*

 

Yeah, I installed theirs and it's a million times better. Thanks Sticks.



#44 braven112

braven112

    Veteran

  • Members
  • PipPipPip
  • 1,173 posts
  • Location:mfladdons.com
  • Interests:Seatle Seahawks

Posted 10 July 2017 - 08:09 PM

Thanks for the offer. If you have any other optimizations or improvements please let me know.

MFLaddons.com, your home for MFL templates and graphics.

Visit MFL.football for a free mobile friendly MFL template.


#45 tenaciousg

tenaciousg

    Veteran

  • Members
  • PipPipPip
  • 96 posts

Posted 11 July 2017 - 01:32 AM

First of all, thank you all for this amazing contribution. My long time league has been in dire need of a makeover, and honestly less is more for us nowadays, so this thing is just perfect and beautiful.

I have what is likely a very stupid question. You tell us in the install instructions to get rid of all Home page modules. Then at the end you talk about Top Performers, Free Agents, Scoreboard, and Custom Modules. Where and how do we add these, and will they mess up the "1 module" we have currently showing.

Thanks for helping. And thanks for your work.



Reply to this topic



  



0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users