User blog:DarthPigious/(WIP) Pig Lover Trading Cards: Daily Reward

<div style="background-color:#000080; background-image: radial-gradient(Brown, rgba(65,105,225,.4) 2px, transparent 40px), radial-gradient(Brown, rgba(135,206,250,.15) 1px, transparent 30px), radial-gradient(Brown, rgba(135,206,250,.1) 2px, transparent 40px), radial-gradient(rgba(135,206,250,.4), rgba(135,206,250,.1) 2px, transparent 30px); background-size: 90px 90px, 90px, 90px, 90px, 90px, 90px, 90px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; color: white; border: 3px solid goldenrod; border-radius:10px;width:95%; margin:auto; margin-bottom: 1%">

<div style="background-color:#FF0000; background-image: radial-gradient(Brown, rgba(65,105,225,.4) 2px, transparent 40px), radial-gradient(Brown, rgba(135,206,250,.15) 1px, transparent 30px), radial-gradient(Brown, rgba(135,206,250,.1) 2px, transparent 40px), radial-gradient(rgba(135,206,250,.4), rgba(135,206,250,.1) 2px, transparent 30px); background-size: 90px 90px, 90px, 90px, 90px, 90px, 90px, 90px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; color: white; border: 3px solid goldenrod; border-radius:10px;width:95%; margin:auto; margin-bottom: 1%">

<div style="background-color:#8B008B; background-image: radial-gradient(Brown, rgba(65,105,225,.4) 2px, transparent 40px), radial-gradient(Brown, rgba(135,206,250,.15) 1px, transparent 30px), radial-gradient(Brown, rgba(135,206,250,.1) 2px, transparent 40px), radial-gradient(rgba(135,206,250,.4), rgba(135,206,250,.1) 2px, transparent 30px); background-size: 90px 90px, 90px, 90px, 90px, 90px, 90px, 90px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; color: white; border: 3px solid goldenrod; border-radius:10px;width:95%; margin:auto; margin-bottom: 1%">

<div style="background-color:#D2691E; background-image: radial-gradient(Brown, rgba(65,105,225,.4) 2px, transparent 40px), radial-gradient(Brown, rgba(135,206,250,.15) 1px, transparent 30px), radial-gradient(Brown, rgba(135,206,250,.1) 2px, transparent 40px), radial-gradient(rgba(135,206,250,.4), rgba(135,206,250,.1) 2px, transparent 30px); background-size: 90px 90px, 90px, 90px, 90px, 90px, 90px, 90px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; color: white; border: 3px solid goldenrod; border-radius:10px;width:95%; margin:auto; margin-bottom: 1%">

<div style="background-color:#FFFFFF; background-image: radial-gradient(Brown, rgba(65,105,225,.4) 2px, transparent 40px), radial-gradient(Brown, rgba(135,206,250,.15) 1px, transparent 30px), radial-gradient(Brown, rgba(135,206,250,.1) 2px, transparent 40px), radial-gradient(rgba(135,206,250,.4), rgba(135,206,250,.1) 2px, transparent 30px); background-size: 90px 90px, 90px, 90px, 90px, 90px, 90px, 90px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; color: white; border: 3px solid goldenrod; border-radius:10px;width:95%; margin:auto; margin-bottom: 1%">

<div style="background-color:#ADD8E6; background-image: radial-gradient(Brown, rgba(65,105,225,.4) 2px, transparent 40px), radial-gradient(Brown, rgba(135,206,250,.15) 1px, transparent 30px), radial-gradient(Brown, rgba(135,206,250,.1) 2px, transparent 40px), radial-gradient(rgba(135,206,250,.4), rgba(135,206,250,.1) 2px, transparent 30px); background-size: 90px 90px, 90px, 90px, 90px, 90px, 90px, 90px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; color: white; border: 3px solid goldenrod; border-radius:10px;width:95%; margin:auto; margin-bottom: 1%">