CSS Game - The Right Move
How do I make an css game - the right move?
What is a css game - the right move? How do you make a css game - the right move? This script and codes were developed by WebSonick on 15 October 2022, Saturday.
CSS Game - The Right Move Previews
CSS Game - The Right Move - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS Game - The Right Move</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="wrapper"> <div id="content"> <h3>CSS play - The Right Move</h3> <div id="info"> <i id="p1"></i><i id="p2"></i><i id="p3"></i><i id="p4"></i><i id="p5"></i><i id="p6"></i><i id="p7"></i><i id="p8"></i><i id="p9"></i><i id="p10"></i> <i id="p11"></i><i id="p12"></i><i id="p13"></i><i id="p14"></i><i id="p15"></i><i id="p16"></i><i id="p17"></i><i id="p18"></i><i id="p19"></i><i id="p20"></i> <i id="p21"></i><i id="p22"></i><i id="p23"></i><i id="p24"></i><i id="p25"></i><i id="p26"></i><i id="p27"></i><i id="p28"></i><i id="p29"></i><i id="p30"></i> <i id="p31"></i><i id="p32"></i><i id="p33"></i><i id="p34"></i><i id="p35"></i><i id="p36"></i><i id="p37"></i><i id="p38"></i><i id="p39"></i><i id="p40"></i> <i id="p41"></i><i id="p42"></i><i id="p43"></i><i id="p44"></i><i id="p45"></i><i id="p46"></i><i id="p47"></i><i id="p48"></i><i id="p49"></i><i id="p50"></i> <i id="p51"></i><i id="p52"></i><i id="p53"></i><i id="p54"></i><i id="p55"></i><i id="p56"></i><i id="p57"></i><i id="p58"></i><i id="p59"></i><i id="p60"></i> <i id="p61"></i><i id="p62"></i><i id="p63"></i><i id="p64"></i><i id="p65"></i><i id="p66"></i><i id="p67"></i><i id="p68"></i><i id="p69"></i><i id="p70"></i> <i id="p71"></i><i id="p72"></i><i id="p73"></i><i id="p74"></i><i id="p75"></i><i id="p76"></i><i id="p77"></i><i id="p78"></i><i id="p79"></i><i id="p80"></i> <i id="p81"></i><i id="p82"></i><i id="p83"></i> <div id="removal"> <img src="http://web-sonick.zz.mu/images/road/road.png" class="road" alt=""> <b class="grn gr3"> <a class="p2" href="#p83"></a><a class="p5" href="#p6"></a><a class="p7" href="#p8"></a><a class="p9" href="#p10"></a><a class="p20" href="#p30"></a><a class="p21" href="#p22"></a><a class="p31" href="#p23"></a><a class="p33" href="#p34"></a><a class="p38" href="#p39"></a><a class="p41" href="#p42"></a><a class="p46" href="#p47"></a><a class="p48" href="#p49"></a><a class="p57" href="#p58"></a><a class="p60" href="#p61"></a><a class="p63" href="#p64"></a><a class="p68" href="#p69"></a><a class="p72" href="#p73"></a><a class="p75" href="#p76"></a><a class="p78" href="#p79"></a> </b> <b class="grn gr2"> <a class="p1" href="#p78"></a><a class="p2" href="#p68"></a><a class="p4" href="#p5"></a><a class="p13" href="#p20"></a><a class="p24" href="#p25"></a><a class="p27" href="#p28"></a><a class="p32" href="#p33"></a><a class="p37" href="#p38"></a><a class="p46" href="#p48"></a><a class="p50" href="#p9"></a><a class="p52" href="#p72"></a><a class="p56" href="#p57"></a><a class="p62" href="#p63"></a><a class="p77" href="#p29"></a> </b> <b class="grn gr1"> <a class="p1" href="#p2"></a><a class="p3" href="#p4"></a><a class="p11" href="#p14"></a><a class="p12" href="#p13"></a><a class="p15" href="#p16"></a><a class="p17" href="#p18"></a><a class="p26" href="#p27"></a><a class="p36" href="#p37"></a><a class="p43" href="#p46"></a><a class="p51" href="#p52"></a><a class="p53" href="#p54"></a><a class="p55" href="#p56"></a> </b> <b class="brn br1"> <a class="p1" href="#p43"></a><a class="p2" href="#p3"></a><a class="p5" href="#p9"></a><a class="p6" href="#p7"></a><a class="p10" href="#p8"></a><a class="p20" href="#p21"></a><a class="p22" href="#p23"></a><a class="p30" href="#p31"></a><a class="p46" href="#p4"></a><a class="p48" href="#p50"></a><a class="p58" href="#p59"></a><a class="p73" href="#p74"></a> </b> <b class="brn br2"> <a class="p1" href="#p80"></a><a class="p3" href="#p12"></a><a class="p4" href="#p11"></a><a class="p13" href="#p14"></a><a class="p21" href="#p24"></a><a class="p31" href="#p32"></a><a class="p34" href="#p35"></a><a class="p39" href="#p40"></a><a class="p43" href="#p44"></a><a class="p50" href="#p51"></a><a class="p57" href="#p66"></a><a class="p59" href="#p60"></a><a class="p72" href="#p25"></a><a class="p74" href="#p75"></a> </b> <b class="brn br3"> <a class="p3" href="#p70"></a><a class="p11" href="#p17"></a><a class="p12" href="#p70"></a><a class="p14" href="#p15"></a><a class="p18" href="#p19"></a><a class="p24" href="#p26"></a><a class="p28" href="#p29"></a><a class="p32" href="#p36"></a><a class="p38" href="#p71"></a><a class="p40" href="#p41"></a><a class="p43" href="#p82"></a><a class="p44" href="#p45"></a><a class="p51" href="#p55"></a><a class="p52" href="#p53"></a><a class="p56" href="#p67"></a><a class="p60" href="#p62"></a><a class="p64" href="#p42"></a><a class="p66" href="#p77"></a><a class="p80" href="#p81"></a> </b> <a class="fail" href="#p1">No more moves - click to try again</a> <a class="pass" href="#p1">Congratulations that was The Right Move - click to have another go</a> </div> </div> <br class="clear"> </div>
</div>
</body>
</html>
CSS Game - The Right Move - Script Codes CSS Codes
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.
Copyright (c) 2005-2012 Stu Nicholls. All rights reserved.
=================================================================== */
#removal {width:700px; height:100px; position:relative; margin:100px auto; z-index:100; font-family:arial, sans-serif;}
#removal b {display:block; width:100px; height:100px; position:absolute; bottom:0; z-index:10;
-webkit-transition:0.8s;
-moz-transition:0.8s;
-ms-transition:0.8s;
-o-transition:0.8s;
transition:0.8s;
}
#removal b.grn {background:url(http://web-sonick.zz.mu/images/road/67.png) no-repeat center center;}
#removal b.brn {background:url(http://web-sonick.zz.mu/images/road/66.png) no-repeat center center;}
#removal b a {display:block; width:0; height:0;}
#removal b.grn a:hover {background:url(http://web-sonick.zz.mu/images/road/vroomL.gif);}
#removal b.brn a:hover {background:url(http://web-sonick.zz.mu/images/road/vroomR.gif);}
#removal .gr3 {left:0;}
#removal .gr2 {left:100px;}
#removal .gr1 {left:200px;}
#removal .br1 {left:400px;}
#removal .br2 {left:500px;}
#removal .br3 {left:600px;}
#removal .p1 {width:100px; height:100px;}
#removal .road {position:absolute; left:-20px; top:-12px;}
a.fail {font-size:18px; color:red; font-weight:bold; display:none; position:absolute; z-index:50; text-decoration:none; width:700px; text-align:center;}
a.pass {font-size:18px; color:green; font-weight:bold; display:none; position:absolute; z-index:50; text-decoration:none; width:700px; text-align:center;}
#info i {display:none;}
#p1:target ~ #removal .gr3 {left:0;}
#p1:target ~ #removal .gr2 {left:100px;}
#p1:target ~ #removal .gr1 {left:200px;}
#p1:target ~ #removal .br1 {left:400px;}
#p1:target ~ #removal .br2 {left:500px;}
#p1:target ~ #removal .br3 {left:600px;}
#p1:target ~ #removal .p1 {width:100px; height:100px;}
#p2:target ~ #removal .gr3 {left:0;}
#p2:target ~ #removal .gr2 {left:100px;}
#p2:target ~ #removal .gr1 {left:300px;}
#p2:target ~ #removal .br1 {left:400px;}
#p2:target ~ #removal .br2 {left:500px;}
#p2:target ~ #removal .br3 {left:600px;}
#p2:target ~ #removal .p1 {width:0; height:0;}
#p2:target ~ #removal .p2 {width:100px; height:100px;}
#p3:target ~ #removal .gr3 {left:0;}
#p3:target ~ #removal .gr2 {left:100px;}
#p3:target ~ #removal .br1 {left:200px;}
#p3:target ~ #removal .gr1 {left:300px;}
#p3:target ~ #removal .br2 {left:500px;}
#p3:target ~ #removal .br3 {left:600px;}
#p3:target ~ #removal .p1 {width:0; height:0;}
#p3:target ~ #removal .p3 {width:100px; height:100px;}
#p4:target ~ #removal .gr3 {left:0;}
#p4:target ~ #removal .gr2 {left:100px;}
#p4:target ~ #removal .br1 {left:200px;}
#p4:target ~ #removal .gr1 {left:400px;}
#p4:target ~ #removal .br2 {left:500px;}
#p4:target ~ #removal .br3 {left:600px;}
#p4:target ~ #removal .p1 {width:0; height:0;}
#p4:target ~ #removal .p4 {width:100px; height:100px;}
#p5:target ~ #removal .gr3 {left:0;}
#p5:target ~ #removal .br1 {left:200px;}
#p5:target ~ #removal .gr2 {left:300px;}
#p5:target ~ #removal .gr1 {left:400px;}
#p5:target ~ #removal .br2 {left:500px;}
#p5:target ~ #removal .br3 {left:600px;}
#p5:target ~ #removal .p1 {width:0; height:0;}
#p5:target ~ #removal .p5 {width:100px; height:100px;}
#p6:target ~ #removal .gr3 {left:100px;}
#p6:target ~ #removal .br1 {left:200px;}
#p6:target ~ #removal .gr2 {left:300px;}
#p6:target ~ #removal .gr1 {left:400px;}
#p6:target ~ #removal .br2 {left:500px;}
#p6:target ~ #removal .br3 {left:600px;}
#p6:target ~ #removal .p1 {width:0; height:0;}
#p6:target ~ #removal .p6 {width:100px; height:100px;}
#p7:target ~ #removal .br1 {left:0;}
#p7:target ~ #removal .gr3 {left:100px;}
#p7:target ~ #removal .gr2 {left:300px;}
#p7:target ~ #removal .gr1 {left:400px;}
#p7:target ~ #removal .br2 {left:500px;}
#p7:target ~ #removal .br3 {left:600px;}
#p7:target ~ #removal .p1 {width:0; height:0;}
#p7:target ~ #removal .p7 {width:100px; height:100px;}
#p8:target ~ #removal .br1 {left:0;}
#p8:target ~ #removal .gr3 {left:200px;}
#p8:target ~ #removal .gr2 {left:300px;}
#p8:target ~ #removal .gr1 {left:400px;}
#p8:target ~ #removal .br2 {left:500px;}
#p8:target ~ #removal .br3 {left:600px;}
#p8:target ~ #removal .p1 {width:0; height:0;}
#p8:target ~ #removal .fail {display:block;}
#p9:target ~ #removal .gr3 {left:0;}
#p9:target ~ #removal .br1 {left:100px;}
#p9:target ~ #removal .gr2 {left:300px;}
#p9:target ~ #removal .gr1 {left:400px;}
#p9:target ~ #removal .br2 {left:500px;}
#p9:target ~ #removal .br3 {left:600px;}
#p9:target ~ #removal .p1 {width:0; height:0;}
#p9:target ~ #removal .p9 {width:100px; height:100px;}
#p10:target ~ #removal .br1 {left:100px;}
#p10:target ~ #removal .gr3 {left:200px;}
#p10:target ~ #removal .gr2 {left:300px;}
#p10:target ~ #removal .gr1 {left:400px;}
#p10:target ~ #removal .br2 {left:500px;}
#p10:target ~ #removal .br3 {left:600px;}
#p10:target ~ #removal .p1 {width:0; height:0;}
#p10:target ~ #removal .p10 {width:100px; height:100px;}
#p11:target ~ #removal .gr3 {left:0;}
#p11:target ~ #removal .gr2 {left:100px;}
#p11:target ~ #removal .br1 {left:200px;}
#p11:target ~ #removal .br2 {left:300px;}
#p11:target ~ #removal .gr1 {left:400px;}
#p11:target ~ #removal .br3 {left:600px;}
#p11:target ~ #removal .p1 {width:0; height:0;}
#p11:target ~ #removal .p11 {width:100px; height:100px;}
#p12:target ~ #removal .gr3 {left:0;}
#p12:target ~ #removal .gr2 {left:100px;}
#p12:target ~ #removal .br1 {left:200px;}
#p12:target ~ #removal .gr1 {left:300px;}
#p12:target ~ #removal .br2 {left:400px;}
#p12:target ~ #removal .br3 {left:600px;}
#p12:target ~ #removal .p1 {width:0; height:0;}
#p12:target ~ #removal .p12 {width:100px; height:100px;}
#p13:target ~ #removal .gr3 {left:0;}
#p13:target ~ #removal .gr2 {left:100px;}
#p13:target ~ #removal .br1 {left:200px;}
#p13:target ~ #removal .br2 {left:400px;}
#p13:target ~ #removal .gr1 {left:500px;}
#p13:target ~ #removal .br3 {left:600px;}
#p13:target ~ #removal .p1 {width:0; height:0;}
#p13:target ~ #removal .p13 {width:100px; height:100px;}
#p14:target ~ #removal .gr3 {left:0;}
#p14:target ~ #removal .gr2 {left:100px;}
#p14:target ~ #removal .br1 {left:200px;}
#p14:target ~ #removal .br2 {left:300px;}
#p14:target ~ #removal .gr1 {left:500px;}
#p14:target ~ #removal .br3 {left:600px;}
#p14:target ~ #removal .p1 {width:0; height:0;}
#p14:target ~ #removal .p14 {width:100px; height:100px;}
#p15:target ~ #removal .gr3 {left:0;}
#p15:target ~ #removal .gr2 {left:100px;}
#p15:target ~ #removal .br1 {left:200px;}
#p15:target ~ #removal .br2 {left:300px;}
#p15:target ~ #removal .br3 {left:400px;}
#p15:target ~ #removal .gr1 {left:500px;}
#p15:target ~ #removal .p1 {width:0; height:0;}
#p15:target ~ #removal .p15 {width:100px; height:100px;}
#p16:target ~ #removal .gr3 {left:0;}
#p16:target ~ #removal .gr2 {left:100px;}
#p16:target ~ #removal .br1 {left:200px;}
#p16:target ~ #removal .br2 {left:300px;}
#p16:target ~ #removal .br3 {left:400px;}
#p16:target ~ #removal .gr1 {left:600px;}
#p16:target ~ #removal .p1 {width:0; height:0;}
#p16:target ~ #removal .fail {display:block;}
#p17:target ~ #removal .gr3 {left:0;}
#p17:target ~ #removal .g2 {left:100px;}
#p17:target ~ #removal .br1 {left:200px;}
#p17:target ~ #removal .br2 {left:300px;}
#p17:target ~ #removal .gr1 {left:400px;}
#p17:target ~ #removal .br3 {left:500px;}
#p17:target ~ #removal .p1 {width:0; height:0;}
#p17:target ~ #removal .p17 {width:100px; height:100px;}
#p18:target ~ #removal .gr3 {left:0;}
#p18:target ~ #removal .gr2 {left:100px;}
#p18:target ~ #removal .br1 {left:200px;}
#p18:target ~ #removal .br2 {left:300px;}
#p18:target ~ #removal .br3 {left:500px;}
#p18:target ~ #removal .gr1 {left:600px;}
#p18:target ~ #removal .p1 {width:0; height:0;}
#p18:target ~ #removal .p18 {width:100px; height:100px;}
#p19:target ~ #removal .gr3 {left:0;}
#p19:target ~ #removal .gr2 {left:100px;}
#p19:target ~ #removal .br1 {left:200px;}
#p19:target ~ #removal .br2 {left:300px;}
#p19:target ~ #removal .br3 {left:400px;}
#p19:target ~ #removal . {left:500px;}
#p19:target ~ #removal .gr1 {left:600px;}
#p19:target ~ #removal .p1 {width:0; height:0;}
#p19:target ~ #removal .fail {display:block;}
#p20:target ~ #removal .gr3 {left:0;}
#p20:target ~ #removal .br1 {left:200px;}
#p20:target ~ #removal .gr2 {left:300px;}
#p20:target ~ #removal .br2 {left:400px;}
#p20:target ~ #removal .gr1 {left:500px;}
#p20:target ~ #removal .br3 {left:600px;}
#p20:target ~ #removal .p1 {width:0; height:0;}
#p20:target ~ #removal .p20 {width:100px; height:100px;}
#p21:target ~ #removal .gr3 {left:0;}
#p21:target ~ #removal .br1 {left:100px;}
#p21:target ~ #removal .gr2 {left:300px;}
#p21:target ~ #removal .br2 {left:400px;}
#p21:target ~ #removal .gr1 {left:500px;}
#p21:target ~ #removal .br3 {left:600px;}
#p21:target ~ #removal .p1 {width:0; height:0;}
#p21:target ~ #removal .p21 {width:100px; height:100px;}
#p22:target ~ #removal .br1 {left:100px;}
#p22:target ~ #removal .gr3 {left:200px;}
#p22:target ~ #removal .gr2 {left:300px;}
#p22:target ~ #removal .br2 {left:400px;}
#p22:target ~ #removal .gr1 {left:500px;}
#p22:target ~ #removal .br3 {left:600px;}
#p22:target ~ #removal .p1 {width:0; height:0;}
#p22:target ~ #removal .p22 {width:100px; height:100px;}
#p23:target ~ #removal .br1 {left:0;}
#p23:target ~ #removal .gr3 {left:200px;}
#p23:target ~ #removal .gr2 {left:300px;}
#p23:target ~ #removal .br2 {left:400px;}
#p23:target ~ #removal .gr1 {left:500px;}
#p23:target ~ #removal .br3 {left:600px;}
#p23:target ~ #removal .p1 {width:0; height:0;}
#p23:target ~ #removal .fail {display:block;}
#p24:target ~ #removal .gr3 {left:0;}
#p24:target ~ #removal .br1 {left:100px;}
#p24:target ~ #removal .br2 {left:200px;}
#p24:target ~ #removal .gr2 {left:300px;}
#p24:target ~ #removal .gr1 {left:500px;}
#p24:target ~ #removal .br3 {left:600px;}
#p24:target ~ #removal .p1 {width:0; height:0;}
#p24:target ~ #removal .p24 {width:100px; height:100px;}
#p25:target ~ #removal .gr3 {left:0;}
#p25:target ~ #removal .br1 {left:100px;}
#p25:target ~ #removal .br2 {left:200px;}
#p25:target ~ #removal .gr2 {left:400px;}
#p25:target ~ #removal .gr1 {left:500px;}
#p25:target ~ #removal .br3 {left:600px;}
#p25:target ~ #removal .p1 {width:0; height:0;}
#p25:target ~ #removal .fail {display:block;}
#p26:target ~ #removal .gr3 {left:0;}
#p26:target ~ #removal .br1 {left:100px;}
#p26:target ~ #removal .br2 {left:200px;}
#p26:target ~ #removal .gr2 {left:300px;}
#p26:target ~ #removal .br3 {left:400px;}
#p26:target ~ #removal .gr1 {left:500px;}
#p26:target ~ #removal .p1 {width:0; height:0;}
#p26:target ~ #removal .p26 {width:100px; height:100px;}
#p27:target ~ #removal .gr3 {left:0;}
#p27:target ~ #removal .br1 {left:100px;}
#p27:target ~ #removal .br2 {left:200px;}
#p27:target ~ #removal .gr2 {left:300px;}
#p27:target ~ #removal .br3 {left:400px;}
#p27:target ~ #removal .gr1 {left:600px;}
#p27:target ~ #removal .p1 {width:0; height:0;}
#p27:target ~ #removal .p27 {width:100px; height:100px;}
#p28:target ~ #removal .gr3 {left:0;}
#p28:target ~ #removal .br1 {left:100px;}
#p28:target ~ #removal .br2 {left:200px;}
#p28:target ~ #removal .br3 {left:400px;}
#p28:target ~ #removal .gr2 {left:500px;}
#p28:target ~ #removal .gr1 {left:600px;}
#p28:target ~ #removal .p1 {width:0; height:0;}
#p28:target ~ #removal .p28 {width:100px; height:100px;}
#p29:target ~ #removal .gr3 {left:0;}
#p29:target ~ #removal .br1 {left:100px;}
#p29:target ~ #removal .br2 {left:200px;}
#p29:target ~ #removal .br3 {left:300px;}
#p29:target ~ #removal .gr2 {left:500px;}
#p29:target ~ #removal .gr1 {left:600px;}
#p29:target ~ #removal .p1 {width:0; height:0;}
#p29:target ~ #removal .fail {display:block;}
#p30:target ~ #removal .gr3 {left:100px;}
#p30:target ~ #removal .br1 {left:200px;}
#p30:target ~ #removal .gr2 {left:300px;}
#p30:target ~ #removal .br2 {left:400px;}
#p30:target ~ #removal .gr1 {left:500px;}
#p30:target ~ #removal .br3 {left:600px;}
#p30:target ~ #removal .p1 {width:0; height:0;}
#p30:target ~ #removal .p30 {width:100px; height:100px;}
#p31:target ~ #removal .br1 {left:0;}
#p31:target ~ #removal .gr3 {left:100px;}
#p31:target ~ #removal .gr2 {left:300px;}
#p31:target ~ #removal .br2 {left:400px;}
#p31:target ~ #removal .gr1 {left:500px;}
#p31:target ~ #removal .br3 {left:600px;}
#p31:target ~ #removal .p1 {width:0; height:0;}
#p31:target ~ #removal .p31 {width:100px; height:100px;}
#p32:target ~ #removal .br1 {left:0;}
#p32:target ~ #removal .gr3 {left:100px;}
#p32:target ~ #removal .br2 {left:200px;}
#p32:target ~ #removal .gr2 {left:300px;}
#p32:target ~ #removal .gr1 {left:500px;}
#p32:target ~ #removal .br3 {left:600px;}
#p32:target ~ #removal .p1 {width:0; height:0;}
#p32:target ~ #removal .p32 {width:100px; height:100px;}
#p33:target ~ #removal .br1 {left:0;}
#p33:target ~ #removal .gr3 {left:100px;}
#p33:target ~ #removal .br2 {left:200px;}
#p33:target ~ #removal .gr2 {left:400px;}
#p33:target ~ #removal .gr1 {left:500px;}
#p33:target ~ #removal .br3 {left:600px;}
#p33:target ~ #removal .p1 {width:0; height:0;}
#p33:target ~ #removal .p33 {width:100px; height:100px;}
#p34:target ~ #removal .br1 {left:0;}
#p34:target ~ #removal .br2 {left:200px;}
#p34:target ~ #removal .gr3 {left:300px;}
#p34:target ~ #removal .gr2 {left:400px;}
#p34:target ~ #removal .gr1 {left:500px;}
#p34:target ~ #removal .br3 {left:600px;}
#p34:target ~ #removal .p1 {width:0; height:0;}
#p34:target ~ #removal .p34 {width:100px; height:100px;}
#p35:target ~ #removal .br1 {left:0;}
#p35:target ~ #removal .br2 {left:100px;}
#p35:target ~ #removal .gr3 {left:300px;}
#p35:target ~ #removal .gr2 {left:400px;}
#p35:target ~ #removal .gr1 {left:500px;}
#p35:target ~ #removal .br3 {left:600px;}
#p35:target ~ #removal .p1 {width:0; height:0;}
#p35:target ~ #removal .fail {display:block;}
#p36:target ~ #removal .br1 {left:0;}
#p36:target ~ #removal .gr3 {left:100px;}
#p36:target ~ #removal .br2 {left:200px;}
#p36:target ~ #removal .gr2 {left:300px;}
#p36:target ~ #removal .br3 {left:400px;}
#p36:target ~ #removal .gr1 {left:500px;}
#p36:target ~ #removal .p1 {width:0; height:0;}
#p36:target ~ #removal .p36 {width:100px; height:100px;}
#p37:target ~ #removal .br1 {left:0;}
#p37:target ~ #removal .gr3 {left:100px;}
#p37:target ~ #removal .br2 {left:200px;}
#p37:target ~ #removal .gr2 {left:300px;}
#p37:target ~ #removal .br3 {left:400px;}
#p37:target ~ #removal .gr1 {left:600px;}
#p37:target ~ #removal .p1 {width:0; height:0;}
#p37:target ~ #removal .p37 {width:100px; height:100px;}
#p38:target ~ #removal .br1 {left:0;}
#p38:target ~ #removal .gr3 {left:100px;}
#p38:target ~ #removal .br2 {left:200px;}
#p38:target ~ #removal .br3 {left:400px;}
#p38:target ~ #removal .gr2 {left:500px;}
#p38:target ~ #removal .gr1 {left:600px;}
#p38:target ~ #removal .p1 {width:0; height:0;}
#p38:target ~ #removal .p38 {width:100px; height:100px;}
#p39:target ~ #removal .br1 {left:0;}
#p39:target ~ #removal .br2 {left:200px;}
#p39:target ~ #removal .gr3 {left:300px;}
#p39:target ~ #removal .br3 {left:400px;}
#p39:target ~ #removal .gr2 {left:500px;}
#p39:target ~ #removal .gr1 {left:600px;}
#p39:target ~ #removal .p1 {width:0; height:0;}
#p39:target ~ #removal .p39 {width:100px; height:100px;}
#p40:target ~ #removal .br1 {left:0;}
#p40:target ~ #removal .br2 {left:100px;}
#p40:target ~ #removal .gr3 {left:300px;}
#p40:target ~ #removal .br3 {left:400px;}
#p40:target ~ #removal .gr2 {left:500px;}
#p40:target ~ #removal .gr1 {left:600px;}
#p40:target ~ #removal .p1 {width:0; height:0;}
#p40:target ~ #removal .p40 {width:100px; height:100px;}
#p41:target ~ #removal .br1 {left:0;}
#p41:target ~ #removal .br2 {left:100px;}
#p41:target ~ #removal .br3 {left:200px;}
#p41:target ~ #removal .gr3 {left:300px;}
#p41:target ~ #removal .gr2 {left:500px;}
#p41:target ~ #removal .gr1 {left:600px;}
#p41:target ~ #removal .p1 {width:0; height:0;}
#p41:target ~ #removal .p41 {width:100px; height:100px;}
#p42:target ~ #removal .br1 {left:0;}
#p42:target ~ #removal .br2 {left:100px;}
#p42:target ~ #removal .br3 {left:200px;}
#p42:target ~ #removal .gr3 {left:400px;}
#p42:target ~ #removal .gr2 {left:500px;}
#p42:target ~ #removal .gr1 {left:600px;}
#p42:target ~ #removal .p1 {width:0; height:0;}
#p42:target ~ #removal .pass {display:block;}
#p43:target ~ #removal .gr3 {left:0;}
#p43:target ~ #removal .gr2 {left:100px;}
#p43:target ~ #removal .gr1 {left:200px;}
#p43:target ~ #removal .br1 {left:300px;}
#p43:target ~ #removal .br2 {left:500px;}
#p43:target ~ #removal .br3 {left:600px;}
#p43:target ~ #removal .p1 {width:0; height:0;}
#p43:target ~ #removal .p43 {width:100px; height:100px;}
#p44:target ~ #removal .gr3 {left:0;}
#p44:target ~ #removal .gr2 {left:100px;}
#p44:target ~ #removal .gr1 {left:200px;}
#p44:target ~ #removal .br1 {left:300px;}
#p44:target ~ #removal .br2 {left:400px;}
#p44:target ~ #removal .br3 {left:600px;}
#p44:target ~ #removal .p1 {width:0; height:0;}
#p44:target ~ #removal .p44 {width:100px; height:100px;}
#p45:target ~ #removal .gr3 {left:0;}
#p45:target ~ #removal .gr2 {left:100px;}
#p45:target ~ #removal .gr1 {left:200px;}
#p45:target ~ #removal .br1 {left:300px;}
#p45:target ~ #removal .br2 {left:400px;}
#p45:target ~ #removal .br3 {left:500px;}
#p45:target ~ #removal .p1 {width:0; height:0;}
#p45:target ~ #removal .fail {display:block;}
#p46:target ~ #removal .gr3 {left:0;}
#p46:target ~ #removal .gr2 {left:100px;}
#p46:target ~ #removal .br1 {left:300px;}
#p46:target ~ #removal .gr1 {left:400px;}
#p46:target ~ #removal .br2 {left:500px;}
#p46:target ~ #removal .br3 {left:600px;}
#p46:target ~ #removal .p1 {width:0; height:0;}
#p46:target ~ #removal .p46 {width:100px; height:100px;}
#p47:target ~ #removal .gr3 {left:100px;}
#p47:target ~ #removal .gr2 {left:200px;}
#p47:target ~ #removal .br1 {left:300px;}
#p47:target ~ #removal .gr1 {left:400px;}
#p47:target ~ #removal .br2 {left:500px;}
#p47:target ~ #removal .br3 {left:600px;}
#p47:target ~ #removal .p1 {width:0; height:0;}
#p47:target ~ #removal .fail {display:block;}
#p48:target ~ #removal .gr3 {left:0;}
#p48:target ~ #removal .gr2 {left:200px;}
#p48:target ~ #removal .br1 {left:300px;}
#p48:target ~ #removal .gr1 {left:400px;}
#p48:target ~ #removal .br2 {left:500px;}
#p48:target ~ #removal .br3 {left:600px;}
#p48:target ~ #removal .p1 {width:0; height:0;}
#p48:target ~ #removal .p48 {width:100px; height:100px;}
#p49:target ~ #removal .gr3 {left:100px;}
#p49:target ~ #removal .gr2 {left:200px;}
#p49:target ~ #removal .br1 {left:300px;}
#p49:target ~ #removal .gr1 {left:400px;}
#p49:target ~ #removal .br2 {left:500px;}
#p49:target ~ #removal .br3 {left:600px;}
#p49:target ~ #removal .p1 {width:0; height:0;}
#p49:target ~ #removal .fail {display:block;}
#p50:target ~ #removal .gr3 {left:0;}
#p50:target ~ #removal .br1 {left:100px;}
#p50:target ~ #removal .gr2 {left:200px;}
#p50:target ~ #removal .gr1 {left:400px;}
#p50:target ~ #removal .br2 {left:500px;}
#p50:target ~ #removal .br3 {left:600px;}
#p50:target ~ #removal .p1 {width:0; height:0;}
#p50:target ~ #removal .p50 {width:100px; height:100px;}
#p51:target ~ #removal .gr3 {left:0;}
#p51:target ~ #removal .br1 {left:100px;}
#p51:target ~ #removal .gr2 {left:200px;}
#p51:target ~ #removal .br2 {left:300px;}
#p51:target ~ #removal .gr1 {left:400px;}
#p51:target ~ #removal .br3 {left:600px;}
#p51:target ~ #removal .p1 {width:0; height:0;}
#p51:target ~ #removal .p51 {width:100px; height:100px;}
#p52:target ~ #removal .gr3 {left:0;}
#p52:target ~ #removal .br1 {left:100px;}
#p52:target ~ #removal .gr2 {left:200px;}
#p52:target ~ #removal .br2 {left:300px;}
#p52:target ~ #removal .gr1 {left:500px;}
#p52:target ~ #removal .br3 {left:600px;}
#p52:target ~ #removal .p1 {width:0; height:0;}
#p52:target ~ #removal .p52 {width:100px; height:100px;}
#p53:target ~ #removal .gr3 {left:0;}
#p53:target ~ #removal .br1 {left:100px;}
#p53:target ~ #removal .gr2 {left:200px;}
#p53:target ~ #removal .br2 {left:300px;}
#p53:target ~ #removal .br3 {left:400px;}
#p53:target ~ #removal .gr1 {left:500px;}
#p53:target ~ #removal .p1 {width:0; height:0;}
#p53:target ~ #removal .p53 {width:100px; height:100px;}
#p54:target ~ #removal .gr3 {left:0;}
#p54:target ~ #removal .br1 {left:100px;}
#p54:target ~ #removal .gr2 {left:200px;}
#p54:target ~ #removal .br2 {left:300px;}
#p54:target ~ #removal .br3 {left:400px;}
#p54:target ~ #removal .gr1 {left:600px;}
#p54:target ~ #removal .p1 {width:0; height:0;}
#p54:target ~ #removal .fail {display:block;}
#p55:target ~ #removal .gr3 {left:0;}
#p55:target ~ #removal .br1 {left:100px;}
#p55:target ~ #removal .gr2 {left:200px;}
#p55:target ~ #removal .br2 {left:300px;}
#p55:target ~ #removal .gr1 {left:400px;}
#p55:target ~ #removal .br3 {left:500px;}
#p55:target ~ #removal .p1 {width:0; height:0;}
#p55:target ~ #removal .p55 {width:100px; height:100px;}
#p56:target ~ #removal .gr3 {left:0;}
#p56:target ~ #removal .br1 {left:100px;}
#p56:target ~ #removal .gr2 {left:200px;}
#p56:target ~ #removal .br2 {left:300px;}
#p56:target ~ #removal .br3 {left:500px;}
#p56:target ~ #removal .gr1 {left:600px;}
#p56:target ~ #removal .p1 {width:0; height:0;}
#p56:target ~ #removal .p56 {width:100px; height:100px;}
#p57:target ~ #removal .gr3 {left:0;}
#p57:target ~ #removal .br1 {left:100px;}
#p57:target ~ #removal .br2 {left:300px;}
#p57:target ~ #removal .gr2 {left:400px;}
#p57:target ~ #removal .br3 {left:500px;}
#p57:target ~ #removal .gr1 {left:600px;}
#p57:target ~ #removal .p1 {width:0; height:0;}
#p57:target ~ #removal .p57 {width:100px; height:100px;}
#p58:target ~ #removal .br1 {left:100px;}
#p58:target ~ #removal .gr3 {left:200px;}
#p58:target ~ #removal .br2 {left:300px;}
#p58:target ~ #removal .gr2 {left:400px;}
#p58:target ~ #removal .br3 {left:500px;}
#p58:target ~ #removal .gr1 {left:600px;}
#p58:target ~ #removal .p1 {width:0; height:0;}
#p58:target ~ #removal .p58 {width:100px; height:100px;}
#p59:target ~ #removal .br1 {left:0;}
#p59:target ~ #removal .gr3 {left:200px;}
#p59:target ~ #removal .br2 {left:300px;}
#p59:target ~ #removal .gr2 {left:400px;}
#p59:target ~ #removal .br3 {left:500px;}
#p59:target ~ #removal .gr1 {left:600px;}
#p59:target ~ #removal .p1 {width:0; height:0;}
#p59:target ~ #removal .p59 {width:100px; height:100px;}
#p60:target ~ #removal .br1 {left:0;}
#p60:target ~ #removal .br2 {left:100px;}
#p60:target ~ #removal .gr3 {left:200px;}
#p60:target ~ #removal .gr2 {left:400px;}
#p60:target ~ #removal .br3 {left:500px;}
#p60:target ~ #removal .gr1 {left:600px;}
#p60:target ~ #removal .p1 {width:0; height:0;}
#p60:target ~ #removal .p60 {width:100px; height:100px;}
#p61:target ~ #removal .br1 {left:0;}
#p61:target ~ #removal .br2 {left:100px;}
#p61:target ~ #removal .gr3 {left:300px;}
#p61:target ~ #removal .gr2 {left:400px;}
#p61:target ~ #removal .br3 {left:500px;}
#p61:target ~ #removal .gr1 {left:600px;}
#p61:target ~ #removal .p1 {width:0; height:0;}
#p61:target ~ #removal .fail {display:block;}
#p62:target ~ #removal .br1 {left:0;}
#p62:target ~ #removal .br2 {left:100px;}
#p62:target ~ #removal .gr3 {left:200px;}
#p62:target ~ #removal .br3 {left:300px;}
#p62:target ~ #removal .gr2 {left:400px;}
#p62:target ~ #removal .gr1 {left:600px;}
#p62:target ~ #removal .p1 {width:0; height:0;}
#p62:target ~ #removal .p62 {width:100px; height:100px;}
#p63:target ~ #removal .br1 {left:0;}
#p63:target ~ #removal .br2 {left:100px;}
#p63:target ~ #removal .gr3 {left:200px;}
#p63:target ~ #removal .br3 {left:300px;}
#p63:target ~ #removal .gr2 {left:500px;}
#p63:target ~ #removal .gr1 {left:600px;}
#p63:target ~ #removal .p1 {width:0; height:0;}
#p63:target ~ #removal .p63 {width:100px; height:100px;}
#p64:target ~ #removal .br1 {left:0;}
#p64:target ~ #removal .br2 {left:100px;}
#p64:target ~ #removal .br3 {left:300px;}
#p64:target ~ #removal .gr3 {left:400px;}
#p64:target ~ #removal .gr2 {left:500px;}
#p64:target ~ #removal .gr1 {left:600px;}
#p64:target ~ #removal .p1 {width:0; height:0;}
#p64:target ~ #removal .p64 {width:100px; height:100px;}
#p66:target ~ #removal .gr3 {left:0;}
#p66:target ~ #removal .br1 {left:100px;}
#p66:target ~ #removal .br2 {left:200px;}
#p66:target ~ #removal .gr2 {left:400px;}
#p66:target ~ #removal .br3 {left:500px;}
#p66:target ~ #removal .gr1 {left:600px;}
#p66:target ~ #removal .p1 {width:0; height:0;}
#p66:target ~ #removal .p66 {width:100px; height:100px;}
#p67:target ~ #removal .gr3 {left:0;}
#p67:target ~ #removal .br1 {left:100px;}
#p67:target ~ #removal .gr2 {left:200px;}
#p67:target ~ #removal .br2 {left:300px;}
#p67:target ~ #removal .br3 {left:400px;}
#p67:target ~ #removal .gr1 {left:600px;}
#p67:target ~ #removal .p1 {width:0; height:0;}
#p67:target ~ #removal .fail {display:block;}
#p68:target ~ #removal .gr3 {left:0;}
#p68:target ~ #removal .gr2 {left:200px;}
#p68:target ~ #removal .gr1 {left:300px;}
#p68:target ~ #removal .br1 {left:400px;}
#p68:target ~ #removal .br2 {left:500px;}
#p68:target ~ #removal .br3 {left:600px;}
#p68:target ~ #removal .p1 {width:0; height:0;}
#p68:target ~ #removal .p68 {width:100px; height:100px;}
#p69:target ~ #removal .gr3 {left:100px;}
#p69:target ~ #removal .gr2 {left:200px;}
#p69:target ~ #removal .gr1 {left:300px;}
#p69:target ~ #removal .br1 {left:400px;}
#p69:target ~ #removal .br2 {left:500px;}
#p69:target ~ #removal .br3 {left:600px;}
#p69:target ~ #removal .p1 {width:0; height:0;}
#p69:target ~ #removal .fail {display:block;}
#p70:target ~ #removal .gr3 {left:0;}
#p70:target ~ #removal .gr2 {left:100px;}
#p70:target ~ #removal .br1 {left:200px;}
#p70:target ~ #removal .gr1 {left:300px;}
#p70:target ~ #removal .br2 {left:400px;}
#p70:target ~ #removal .br3 {left:500px;}
#p70:target ~ #removal .p1 {width:0; height:0;}
#p70:target ~ #removal .fail {display:block;}
#p71:target ~ #removal .br1 {left:0;}
#p71:target ~ #removal .gr3 {left:100px;}
#p71:target ~ #removal .br2 {left:200px;}
#p71:target ~ #removal .br3 {left:300px;}
#p71:target ~ #removal .gr2 {left:500px;}
#p71:target ~ #removal .gr1 {left:600px;}
#p71:target ~ #removal .p1 {width:0; height:0;}
#p71:target ~ #removal .fail {display:block;}
#p72:target ~ #removal .gr3 {left:0;}
#p72:target ~ #removal .br1 {left:100px;}
#p72:target ~ #removal .br2 {left:300px;}
#p72:target ~ #removal .gr2 {left:400px;}
#p72:target ~ #removal .gr1 {left:500px;}
#p72:target ~ #removal .br3 {left:600px;}
#p72:target ~ #removal .p1 {width:0; height:0;}
#p72:target ~ #removal .p72 {width:100px; height:100px;}
#p73:target ~ #removal .br1 {left:100px;}
#p73:target ~ #removal .gr3 {left:200px;}
#p73:target ~ #removal .br2 {left:300px;}
#p73:target ~ #removal .gr2 {left:400px;}
#p73:target ~ #removal .gr1 {left:500px;}
#p73:target ~ #removal .br3 {left:600px;}
#p73:target ~ #removal .p1 {width:0; height:0;}
#p73:target ~ #removal .p73 {width:100px; height:100px;}
#p74:target ~ #removal .br1 {left:0;}
#p74:target ~ #removal .gr3 {left:200px;}
#p74:target ~ #removal .br2 {left:300px;}
#p74:target ~ #removal .gr2 {left:400px;}
#p74:target ~ #removal .gr1 {left:500px;}
#p74:target ~ #removal .br3 {left:600px;}
#p74:target ~ #removal .p1 {width:0; height:0;}
#p74:target ~ #removal .p74 {width:100px; height:100px;}
#p75:target ~ #removal .br1 {left:0;}
#p75:target ~ #removal .br2 {left:100px;}
#p75:target ~ #removal .gr3 {left:200px;}
#p75:target ~ #removal .gr2 {left:400px;}
#p75:target ~ #removal .gr1 {left:500px;}
#p75:target ~ #removal .br3 {left:600px;}
#p75:target ~ #removal .p1 {width:0; height:0;}
#p75:target ~ #removal .p75 {width:100px; height:100px;}
#p76:target ~ #removal .br1 {left:0;}
#p76:target ~ #removal .br2 {left:100px;}
#p76:target ~ #removal .gr3 {left:300px;}
#p76:target ~ #removal .gr2 {left:400px;}
#p76:target ~ #removal .gr1 {left:500px;}
#p76:target ~ #removal .br3 {left:600px;}
#p76:target ~ #removal .p1 {width:0; height:0;}
#p76:target ~ #removal .fail {display:block;}
#p77:target ~ #removal .gr3 {left:0;}
#p77:target ~ #removal .br1 {left:100px;}
#p77:target ~ #removal .br2 {left:200px;}
#p77:target ~ #removal .br3 {left:300px;}
#p77:target ~ #removal .gr2 {left:400px;}
#p77:target ~ #removal .gr1 {left:600px;}
#p77:target ~ #removal .p1 {width:0; height:0;}
#p77:target ~ #removal .p77 {width:100px; height:100px;}
#p78:target ~ #removal .gr3 {left:0;}
#p78:target ~ #removal .gr1 {left:200px;}
#p78:target ~ #removal .gr2 {left:300px;}
#p78:target ~ #removal .br1 {left:400px;}
#p78:target ~ #removal .br2 {left:500px;}
#p78:target ~ #removal .br3 {left:600px;}
#p78:target ~ #removal .p1 {width:0; height:0;}
#p78:target ~ #removal .p78 {width:100px; height:100px;}
#p79:target ~ #removal .gr3 {left:100px;}
#p79:target ~ #removal .gr1 {left:200px;}
#p79:target ~ #removal .gr2 {left:300px;}
#p79:target ~ #removal .br1 {left:400px;}
#p79:target ~ #removal .br2 {left:500px;}
#p79:target ~ #removal .br3 {left:600px;}
#p79:target ~ #removal .p1 {width:0; height:0;}
#p79:target ~ #removal .fail {display:block;}
#p80:target ~ #removal .gr3 {left:0;}
#p80:target ~ #removal .gr2 {left:100px;}
#p80:target ~ #removal .gr1 {left:200px;}
#p80:target ~ #removal .br2 {left:300px;}
#p80:target ~ #removal .br1 {left:400px;}
#p80:target ~ #removal .br3 {left:600px;}
#p80:target ~ #removal .p1 {width:0; height:0;}
#p80:target ~ #removal .p80 {width:100px; height:100px;}
#p81:target ~ #removal .gr3 {left:0;}
#p81:target ~ #removal .gr2 {left:100px;}
#p81:target ~ #removal .gr1 {left:200px;}
#p81:target ~ #removal .br2 {left:300px;}
#p81:target ~ #removal .br1 {left:400px;}
#p81:target ~ #removal .br3 {left:500px;}
#p81:target ~ #removal .p1 {width:0; height:0;}
#p81:target ~ #removal .fail {display:block;}
#p82:target ~ #removal .gr3 {left:0;}
#p82:target ~ #removal .gr2 {left:100px;}
#p82:target ~ #removal .gr1 {left:200px;}
#p82:target ~ #removal .br1 {left:300px;}
#p82:target ~ #removal .br3 {left:400px;}
#p82:target ~ #removal .br2 {left:500px;}
#p82:target ~ #removal .p1 {width:0; height:0;}
#p82:target ~ #removal .fail {display:block;}
#p83:target ~ #removal .gr2 {left:100px;}
#p83:target ~ #removal .gr3 {left:200px;}
#p83:target ~ #removal .gr1 {left:300px;}
#p83:target ~ #removal .br1 {left:400px;}
#p83:target ~ #removal .br2 {left:500px;}
#p83:target ~ #removal .br3 {left:600px;}
#p83:target ~ #removal .p1 {width:0; height:0;}
#p83:target ~ #removal .fail {display:block;}
#wrapper {width:1125px; margin-left:27%;}
#content {width:800px; float:left;}
#content2 {width:1125px; clear:left;}
#info {width:750px; min-height:230px; padding:10px 24px; background:#fff; border:1px solid #ddd; border-radius:3px; box-shadow:0 15px 10px -15px rgba(0,0,0,0.4); background:grey;}
#info2,
.results
{width:1075px; min-height:200px; padding:10px 24px; background:#fff; border:1px solid #ddd; border-radius:3px; box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);}
#info p {font-size:12px; line-height:18px;}
#info p.info {margin-left:10px;}
#info h2 {padding:10px 0 5px 10px; margin:0; font-size:15px; color:#151;}
#info h3 {padding:5px 0 10px 10px; margin:0; font-size:12px; color:#048; font-weight:normal;}
body { background:url(http://armsonick.zz.mu/Demos/ImageHost/images/1381606828background.png);
}
h3 {border:solid 1px white; background:grey;
color:white; text-align:center;}
| Developer | WebSonick |
| Username | WebSonick |
| Uploaded | October 15, 2022 |
| Rating | 3 |
| Size | 5,565 Kb |
| Views | 10,120 |
Do you need developer help for CSS Game - The Right Move?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
WebSonick (WebSonick) Script Codes
| Name | Size |
| SpongeBob SquarePants CSS3 | 2,786 Kb |
| Blog Simple Web Page | 3,146 Kb |
| Night sky with twinkling stars - CSS3 only | 1,973 Kb |
| Rain JS | 2,303 Kb |
| Snow | 3,075 Kb |
| HTML CSS photo gallery | 3,143 Kb |
| CSS3 Text Effect | 1,861 Kb |
| Logo Hover effect | 1,795 Kb |
| Horizontal Portfolio | 5,089 Kb |
| 404 Error Page | 3,203 Kb |
Create amazing captions with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Boxes | H3l1um | 2,563 Kb |
| Monochrome Form | AlienPiglet | 3,096 Kb |
| Pruebas de d3.js | Juanmanuelcarnerero | 2,485 Kb |
| LBCA - Mail canvas | Emnbdx | 3,856 Kb |
| JQuery exercise | Brian-baum | 3,780 Kb |
| Text Looping Transition | Agelber | 5,619 Kb |
| Fullscreen audio play button | 72 | 2,148 Kb |
| Login with flip 3d animation | Mariusbalaj | 3,014 Kb |
| Fixed with using Calc | Tomleo | 2,542 Kb |
| Pure CSS candle light animation by One element | Ksksoft | 2,193 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!