MediaWiki:FluidCast.css

/* FLUID CAST */

width: 100%; margin-bottom: -14px; }
 * 1) fluid-cast {

margin: 0; }
 * 1) fluid-cast > p {

/* CAST IMAGES */

/* CONNIE */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/a/a3/NavConnie.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #connie {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #connie:hover {

/* DYLAN */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/89/NavDylan.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #dylan {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #dylan:hover {

/* ETHAN */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/6/6f/NavEthan.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #ethan {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #ethan:hover {

/* ARCHIE */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/d/de/NavArchie.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #archie {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #archie:hover {

/* WILL */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/2/26/NavWill.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #will {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #will:hover {

/* RASH */

/* #fluid-cast #rash { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/87/NavRash.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -8px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }

opacity: 1; transition: opacity 0.75s; } */
 * 1) fluid-cast #rash:hover {

/* CHARLIE */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/4/4e/NavCharlie.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #charlie {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #charlie:hover {

/* DUFFY */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/87/NavDuffy.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -8px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #duffy {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #duffy:hover {

/* JACOB */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/89/NavJacob.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -8px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #jacob {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #jacob:hover {

/* ROBYN */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/7/79/NavRobyn.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -8px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #robyn {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #robyn:hover {

/* DAVID */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/9/98/NavDavid.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -8px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #david {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #david:hover {

/* JADE */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/3/3b/NavJade.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -8px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #jade {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #jade:hover {

/* MARTY */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/8/81/NavMarty.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -8px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #marty {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #marty:hover {

/* IAIN */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/b/ba/NavIain.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -16px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #iain {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #iain:hover {

/* RUBY */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/4/46/NavRuby.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -16px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #ruby {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #ruby:hover {

/* NOEL */

background-image: url(https://vignette.wikia.nocookie.net/casualty/images/0/04/NavNoel.jpg/revision/latest); background-position: center; background-size: cover; width: calc(100% / 6); min-height: 143px; top: -16px; margin: 0; padding: 0; opacity: 0.9; transition: opacity 0.75s; position: relative; display: inline-block; }
 * 1) fluid-cast #noel {

opacity: 1; transition: opacity 0.75s; }
 * 1) fluid-cast #noel:hover {

/* LINKS */

/* #fluid-cast #rash 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; }
 * 1) fluid-cast #connie a,
 * 2) fluid-cast #dylan a,
 * 3) fluid-cast #ethan a,
 * 4) fluid-cast #archie a,
 * 5) fluid-cast #will a,
 * 1) fluid-cast #jacob a,
 * 2) fluid-cast #charlie a,
 * 3) fluid-cast #duffy a,
 * 4) fluid-cast #robyn a,
 * 5) fluid-cast #david a,
 * 6) fluid-cast #jade a,
 * 7) fluid-cast #marty a,
 * 8) fluid-cast #iain a,
 * 9) fluid-cast #ruby a,
 * 10) fluid-cast #noel a {