Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* The Colors */
.FatButtonLBlue {
background: #639eff;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: black;
}
.FatButtonRBlue {
background: #0000ff;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonRRed {
background: #ff0000;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonLRed {
background: #ff3a3a;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonBlack {
background: #000000;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonLGreen {
background: #a2b25b;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: black;
}
.FatButtonRGreen {
background: #4d5624;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonRPink {
background: #bc0074;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonLPink {
background: #ff498f;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonYellow {
background: #ffe200;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
/* The Hovering Colors */
.FatButtonLBlue:hover {
background: #639edd;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: black;
}
.FatButtonRBlue:hover {
background: #0000dd;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonRRed:hover {
background: #dd0000;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonLRed:hover {
background: #dd3a3a;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonBlack:hover {
background: #1e1e1e;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonLGreen:hover {
background: #8d9b4f;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: black;
}
.FatButtonRGreen:hover {
background: #363d19;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonRPink:hover {
background: #9e0061;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonLPink:hover {
background: #d63b77;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}
.FatButtonYellow:hover {
background: #ceaf00;
border-radius: 10px;
padding: 5px;
font-size: 15pt;
color: white;
}