Rosters

<!-- IF USING TEXT NAMES AND NO ICONS THEN ADD THIS CSS AND CHANGE COLORS AS YOU SEE FIT - not required but some style to wrap around text names looks a bit better -->
<style>
#roster_column_left a{
  background:#263e68;/*change bg color to what you want*/
  color:#fff;/*change font color to what you want*/
  display:block;
  line-height:20px;
  border-radius:5px;
  white-space:nowrap;
  padding:0 3px;
  margin:0 0 3px 0;
  text-decoration:none;
  text-align: center;
}
#roster_column_left a:hover{
  background:#cd2122;/*change hover bg color to what you want*/
  color:#fff;/*change hover font color to what you want*/
}
</style>


<!-- CSS TO STYLE TO TRADE REVIEW ADDON -->
<style>
#MFLroster tr.total_salary_row th,
    tr.tradedifference td {
    color:#fff
}
#MFLroster tr.total_salary_row th {
    background:#600;
    color:#fff
}
#MFLroster tr.salary_cap_row th {
    background:#060;
    color:#fff
}
#MFLroster .savingsreview {
    background: var(--site-bg-image-one,#222)!important;
    border-top:4px solid var(--accent-dark,var(--accent,#777))
}
</style>

<script>
var tradeViewPermission = true;     // true = display trade button , false = hide trade button
// var tradeViewPermission must be set to true to set showTradesDefault to true , otherwise leave showTradesDefault as false
var showTradesDefault      = false;  // Set to ture to display the trades tab on page load , other wise set to false to show roster tab
var fid_commish         = "0004";   // enter 4 digit franchiseID of commissioners franchise , if commish has no franchise skip
var showNav             = false;     // true = mfl nav menu for weekly rosters and display grid , false = hide mfl nav menu
var showMFLdefaultBtn   = true;     // set to true to add button to click and show MFL default rosters page
var showAllstatus       = false;    // set to true always display roster IR - Taxi Squad and Assets on page load - then you can toggle to hide
var rosCapdisplay       = '0';	    // 0=icon; 1=logo; 2=name; 3=abbrev; 4=default appearance - set to display on roster table captions
var rosEnableSwipe      = false;    // set to true to enable swiping of rosters on mobile devices
                                    // If using contracts and/or salaries you MUST set leagueTypeNormal to false
var leagueTypeNormal    = true;     // set to true for none salary and/or contract leagues , false if using contracts or salaries

// IF LEAGUETYPENORMAL IS TRUE THEN SET THIS OTHERWISE IGNORE
var SetLeftColumnWidth  = 150;      // set width of icons/text names that toggle to display rosters - 200px should be max setting

// IF USING ICONS VERSE NAME THEN SET THIS OTHERWISE IGNORE
var SetCaptionIconWidth = 250;      // set width of icons in roster table captions

var RosterEnableMedia   = true;     // true = if your skin is using responsive design must set true , false = skin not using responsive css

// Show Trade calculator for sarlary and contrace leagues
var showCalculator      = false;     // set to true to add calculations to the trade section
var showTopCalculator   = false;     // set to true to display calculations at the top of your screen (useful for large rosters)
var calcHeaderName = 'Giving Away';  // Title for what your team is trading away or giving up in the trade
var hideTilClk = false; // Set to true to hide the calculations tables until player trade checkbox is clicked
</script>

<!-- MFL TABBED ROSTER-TRADE JS FILE -->
<script src="https://www.mflscripts.com/mfl-apps/rosters/script.js"></script>