MFL Skin Selector

Be sure your league is setup properly before installing any scripts.Setup Video

This directory contains the MFL Skin Selector. The script is ONLY to be installed and used for leagues using any of the MFL default skins. Place the script in a header message and an icon will appear in the main menu where all franchises can pick there own skins to use at any time. Font awesome is required as most in our scripts so no need to install it again if already installed.

The "script.js" file has an uncompressed version that can be edited and hosted on your own server.

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

Custom template users do not need to load cache.js or font awesome.

MFL Skin SelectorPlace in header message

<style>
.editSkins {
  z-index: 99999;
  max-width: 18rem;
  width: 96%;
  margin: auto;
  position: fixed;
  top: 3.125rem;
  left: 50%;
  transform: translate(-50%, 0%);
  background: #fff;
  border: 0 solid rgb(0, 0, 0);
  box-shadow: rgb(0 0 0) 0 0 1.563rem;
  border-radius: 0.188rem;
  padding: 0.625rem;
  max-height: calc(90% - 3.125rem);
  overflow: auto;
}
#SkinEditCap {
  font-size: 1.375rem;
  text-align: center;
  background: none;
  padding: 0.5rem 0.313rem;
  text-align: left;
  text-transform: uppercase;
  color: #080e25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  font-weight: 700;
  font-family: 'Roboto Condensed',sans-serif;
}
.editSkins input,
.editSkins label {
  vertical-align: middle;
  cursor: pointer;
}
</style>

<!-- MFL SKIN SELECTOR JS FILE -->
<script src="https://www.mflscripts.com/mfl-apps/switchThemes/mflSkins/script.js"></script>