Mini Boxscores

Be sure your league is setup properly before installing any scripts.Setup Video
This mini-boxscore shows the MFL matchups in a given week. It can be toggled to show NFL scores and it will scroll from one week to the next. While the games are in progress it will show the "on pace" points in addition to the actual score for MFL games. If no matchups are set it will default to an "all-play" scoreboard. The mini-boxscore uses css classes from the skin so that it will match the rest of the site as best as possible and will scale down to mobile sites nicely. The script supports custom icons, icon, logos and abbrev if set.
There is a "uncompressed" file in this directory that you can edit and host yourself if you want to make changes.
Install this script in a HomePageMessage marked as "header". There is a var setting where you can decide to show on your homepage or all pages of your site. Below you can copy the script and paste into your site.
All scripts require cache.js and font awesome file to be placed in a header message as the 1st line. Please review the section "Custom Scripts" Here
This script is already included in our custom template. Do not install it again. Custom template users do not need to load cache.js or font awesome.

Mini Boxscore JSPlace in header message

<!-- MINI SCOREBOARD HTML -->
<div id="MFLBoxWrapper"></div> 

<!-- MINI SCOREBOARD SETTINGS -->
<script>
var mflBoxHomePageOnly = true;
var mflBoxDetails = true;    // MUST SET TO FALSE FOR ALL PLAY - BEST BALL - PLAYOFF LEAGUES
var mflBoxUseIcon = true;     // if true will use mfl icon unless user-defined below has been set
var mflBoxUseLogo = false;    // if true will use mfl logo unless user-defined below has been set
var mflBoxUseAbbrev = true;   // if true will use mfl abbrev
var mflBoxIconBase = "";      // user-defined image (example where images are mini0001.gif, mini0002.gif etc. use "http://www.myhost.com/images/mini") 
var mflBoxIconExt = "";       //user-defined extension (from example above use "gif")
var mflBoxPositionSort = new Array("Coach","Off","QB","TMQB","RB","TMRB","WR","TMWR","TE","TMTE","PK","TMPK","PN","TMPN","DT","DE","TMDL","LB","TMLB","CB","S","TMDB","Def","ST");
var mflBoxIncludeTiebreaker = false;
var mflBoxShowNonStarter = true;
var mflBoxShowMFLByeTeams = true;
var mflBoxHideFantasyMatchups = false;  // Set this to true if you want to hide Fantasy Matchups - note this var or the following var - one must be set to "false" or nothing will appear in the boxscores
var mflBoxHideNFLMatchups     = false;  // Set this to true if you want to hide NFL Matchups - note this var or the previous var - one must be set to "false" or nothing will appear in the boxscores
var mflBoxHidePaceScores      = false;  // Set this to true to remove the projected points - pace scores from the fantasy matchups boxscores
</script>

<!-- MINI SCOREBOARD JS FILE -->
<script src="https://www.mflscripts.com/mfl-apps/scoreboard/mini-boxscore/script.js"></script>
CSS to format the boxscores is included in the JS file above. To customize the boxscores to match your site better. Below you can copy and add the CSS to your stylesheet or homepagemessage. Edit it as you see fit to match your site better.

Mini Boxscore CSSPlace in CSS or HPM

<!-- MINI SCOREBOARD CSS -->
<style>
#MFLBoxContainer .MFLGameTable {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1)
}
.MFLBoxArrowRight:before,
.MFLBoxArrowLeft:before {
    color: #bbb;
}
.MFLBoxArrowLeft:hover:before,
.MFLBoxArrowRight:hover:before {
    color: #263e68;
}
.MFLBoxArrowLeft.MFLBoxArrowFaded:before,
.MFLBoxArrowRight.MFLBoxArrowFaded:before {
  color: #bbb
}
#MFLBoxWrapper .MFLBoxPlayerDetailsClose {
  color: #fff;
  border: .125rem solid var(--accent,#B82601);
  background: var(--accent,#B82601)
}
#MFLBoxWrapper .MFLBoxPlayerDetailsClose:hover {
  background: var(--accent,#B82601);
  border-color: var(--accent,#B82601)
}
#MFLBoxWrapper #MFLBoxPlayerDetails {
  background: #fff;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #000
}
#MFLBoxWrapper .MFLBoxPlayerDetailsTR:hover {
  background-color:var(--lightest-color , #FBF3F2)
}
#MFLBoxWrapper #MFLBoxPlayerDetails .MFLPaceScorePositive {
  color: green;
}
#MFLBoxWrapper #MFLBoxPlayerDetails .MFLPaceScoreNegative {
  color: red;
}
#MFLBoxWrapper .MFLBoxLiveStatsContent {
  background-color: #fff;
  color: #000;
  border: 8px solid #ccc
}
#MFLBoxWrapper .MFLBoxLiveStatsClose {
  color: red
}
#MFLBoxWrapper .MFLBoxLiveStatsClose:hover {
  color: red
}
#MFLBoxWrapper #MFLBoxMatchups div.warning {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  color:red
}
#MFLBoxWrapper #MFLBoxContainer input[type="button"] {
  background: var(--main-four , var(--main , #080e25));
  color: #fff
}
#MFLBoxWrapper #MFLBoxContainer input[type="button"]:hover {
  background: var(--accent-three , var(--accent , #B82601))
}
#MFLBoxWrapper #MFLBoxContainer input[style="cursor:default"] {
  background: var(--accent-three , var(--accent , #B82601))
}
#MFLBoxWrapper .MFLGameLinks .MFLWinMarker, #MFLBoxWrapper .MFLGameLinks .MFLNFLWinMarker {
    color: #00a517;
}
</style>