User:Lythronax/sandbox17

/* FLUID CAST */

.fluid-cast { width: 100%; margin-bottom: 10px; font-size: 0; line-height: 0; }

.fluid-cast > p { margin: 0; }

.fluid-cast .cast { background-image: none; background-position: center; background-size: cover; width: calc(100% / 6); margin: 0; padding: calc(100% / 6) 0 0 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }

.fluid-cast .cast:hover { opacity: 1; transition: opacity 0.75s; }

/* CAST IMAGES */

/* CONNIE */

.fluid-cast #connie { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/a/a3/NavConnie.jpg/revision/latest); }

/* DYLAN */

.fluid-cast #dylan { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/89/NavDylan.jpg/revision/latest); }

/* ETHAN */

.fluid-cast #ethan { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/6/6f/NavEthan.jpg/revision/latest); }

/* ARCHIE */

.fluid-cast #archie { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/d/de/NavArchie.jpg/revision/latest); }

/* WILL */

.fluid-cast #will { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/2/26/NavWill.jpg/revision/latest); }

/* RASH */

/* .fluid-cast #rash { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/87/NavRash.jpg/revision/latest); } */

/* CHARLIE */

.fluid-cast #charlie { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/4/4e/NavCharlie.jpg/revision/latest); }

/* JACOB */

.fluid-cast #jacob { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/89/NavJacob.jpg/revision/latest); }

/* ROBYN */

.fluid-cast #robyn { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/7/79/NavRobyn.jpg/revision/latest); }

/* DAVID */

.fluid-cast #david { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/9/98/NavDavid.jpg/revision/latest); }

/* JADE */

.fluid-cast #jade { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/3/3b/NavJade.jpg/revision/latest); }

/* MARTY */

.fluid-cast #marty { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/81/NavMarty.jpg/revision/latest); }

/* IAIN */

.fluid-cast #iain { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/b/ba/NavIain.jpg/revision/latest); }

/* RUBY */

.fluid-cast #ruby { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/4/46/NavRuby.jpg/revision/latest); }

/* DUFFY */

.fluid-cast #duffy { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/87/NavDuffy.jpg/revision/latest); }

/* NOEL */

.fluid-cast #noel { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/0/04/NavNoel.jpg/revision/latest); }

/* LINKS */

.fluid-cast .cast a { background: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 50%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); color: #FFFFFF; text-shadow: 0 1px 2px #000000; font-size: 12px; font-weight: bold; line-height: 100%; width: calc(100% - 5px); position: absolute; bottom: 0px; left: 0px; padding: 100px 0 5px 5px; }