a.squiffy-link { text-decoration: underline; background-color:black; color: Red; cursor: pointer; } a.squiffy-link.disabled { background-color:black; text-decoration: inherit; color: black !important; cursor: inherit; } a.squiffy-header-link { background-color:black; text-decoration:underline; text-transform:uppercase; color: Green; font-size:large; cursor: pointer; } div#squiffy-container { background-color:black; max-width: 800px; max-height: 800px; margin-left: auto; margin-right: auto; align:center; font-family: Calibri, Cochin, Georgia, Times, "Times New Roman", serif; font-weight: bold; } div#squiffy-header { background-color:black; font-size: 16px; text-align: center; } div#squiffy { background-color:black; font-size: 16px; color: white; } hr { background-color:black; border: 50; height: 50; border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); margin-top: 10px; margin-bottom: 10px; } /* Style rule for Squiffy Main Game */ body {background-color: black;} p {font-weight:bolder; font-size:15px; cursor:auto;} b {font-family:Calibri; text-transform:uppercase; font-size:medium;} h2 {font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;} h3 {font-size:large;} /* Chapter and Stage Header */ h4 {font-size:large; text-transform:uppercase; text-shadow:2px 2px 8px white; color:white; line-height:40%;} div{empty-cells:show; height: auto} tr{empty-cells:show} /* Style rule for Character Select */ #tablecha1 {border:8px; border-style:solid; border-color:blue; min-height: 50px; max-width: 800px; box-shadow: 0 -1px 5px 6px silver; text-shadow:2px 2px 8px red; text-decoration:blink; text-transform:uppercase; text-align:center; align:center; font-size:48px; color:gray; font-style:italic;} #tablecha2 {border:4px; border-style:solid; border-color:aqua; max-height: 70px; max-width: 650px; align:center; box-shadow: 2px 4px 5px 6px gray;} #tablecha2:hover {background-color: #bc9f81; color: #1e2953;} #tablecha3 {border:4px; border-style:solid; border-color:silver; max-height: 70px; max-width: 650px; align:center; box-shadow: 2px 4px 5px 6px red;} #tablecha3:hover {background-color: #bc9f81; color: #1e2953;} /* Character - Small Avatar IDs */ /* ?? - ? */ .picoutP1-001-??? {border:solid 2px gray; border-style:solid; border-radius: 5px; box-shadow:5px 5px 5px gray; min-height:60px; min-width:60px; background: url('data:image/png;base64, ') } .picoutP2-001-??? {border:solid 2px gray; border-style:solid; border-radius: 5px; box-shadow:-5px 5px 5px gray; min-height:60px; min-width:60px; background: url('data:image/png;base64, ') } /* GAME OVER - TEXT ANIMATION CODE */ #gameoverdiv { width: 200px; height: 200px; font-size:large; text-transform:uppercase; text-shadow:2px 2px 8px blue; -webkit-animation-name: example; -webkit-animation-duration: 8s; /* Text Shadow Animation */ animation-name: example; animation-duration: 8s; /* Text Color Animation */ } /* Text Shadow Animation */ @-webkit-keyframes example { 0% {text-shadow:2px 2px 8px blue;} 25% {text-shadow:2px 2px 8px red;} 50% {text-shadow:3px 3px 12px blue;} 100% {text-shadow:3px 3px 12px red;} } /* Text Color Animation */ @keyframes example { from {color: blue} to {color: red;} } /* END OF TEXT ANIMATION */ /* Sample Codes .picoutP1-001-??? {border:solid 2px gray; border-style:solid; border-radius: 5px; box-shadow:5px 5px 5px gray; min-height:60px; min-width:60px; background: url('data:image/png;base64, ') } .picoutP2-001-??? {border:solid 2px gray; border-style:solid; border-radius: 5px; box-shadow:-5px 5px 5px gray; min-height:60px; min-width:60px; background: url('data:image/png;base64, ') } Button Codes: .rightmidpunch-image {width:135px; height:60px; display: inline-block; background: url('data:image/png;base64, '); no-repeat; } .rightmidpunch-image:hover { background-color: blue; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.7; transition: .5s ease; background: url('data:image/png;base64, '); no-repeat; } */