master
*anna* 3 years ago
parent 9ea8b62d6a
commit 0e9d737ffe

@ -83,7 +83,7 @@
div.text_container {
bottom: 40px;
bottom: 20px;
left:40px;
right:40px;
position:fixed;
@ -363,6 +363,7 @@ div#player_img {
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.bubble1:after {
content: '';
@ -407,6 +408,7 @@ div#player_img {
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.bubble2:after {
content: '';

@ -105,8 +105,8 @@
<div class="bubble1 invert"style="display: none;"><span id="player_name"></span>, this is a guarded entrance. No one from your world is allowed to pass.</div>
<div class="bubble2 invert"style="display: none;">Unless you are able to pay us back with your pound of flesh. </div>
<div class="bubble1 invert"style="display: none;"><span id="player_name"></span>, this is a guarded entrance. No one from your world is allowed to pass</div>
<div class="bubble2 invert"style="display: none;">Unless you are able to pay us back with your pound of flesh </div>
<div class="text_container invert">
@ -281,6 +281,12 @@ $(document).keydown(function(e) {
}, 2000);
};
}
$(".bubble1").click(function () {
$(".bubble1").toggle();
});
$(".bubble2").click(function () {
$(".bubble2").toggle();
});
$("#meat1").click(function () {
console.log ("ora!")
@ -425,33 +431,7 @@ function enter() {
});
}
/*
function enter() {
$("#fighter1").hide();
document.getElementById("fighter1").style.position = "fixed";
$("#fighter1").css({ left: "82%", top:"40%"});
setTimeout ( function (){
$("#fighter1").show();
$("#fighter1").animate({ top: "100%"}, {
duration: 1000
}).promise().done(function(){
$("#fighter1").hide();
});
}, 500);
}
*/
</script>
<script type="text/javascript" src="index.js" ></script>

BIN
tree/imgs/.DS_Store vendored

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

@ -38,10 +38,8 @@
body {
font-family: jolyregular;
font-size: 1.8vw;
}
.instructions{
font-family:jolyregularitalic;
@ -64,7 +62,7 @@
div.text_container {
bottom: 40px;
bottom: 35px;
left:40px;
right:40px;
position:fixed;
@ -77,7 +75,6 @@ div.text_container {
right:80px;
position:fixed;
border-radius: 25vw;
padding-left: 10px;
padding-right: 10px;
font-family: sinistre;
@ -89,9 +86,7 @@ div.text_container {
border: 0.11vw black solid;
border-radius: 25vw;
color:black;
cursor:pointer;
font-size: 1.4vw;
}
button{
@ -122,6 +117,7 @@ span.button_text{
left: 15%;
position:absolute ;
z-index: 1;
cursor: pointer;
}
#player_img {
@ -136,6 +132,7 @@ span.button_text{
right: 7%;
position:absolute ;
z-index: 5;
cursor: pointer;
}
#gallina2{
@ -143,6 +140,15 @@ span.button_text{
right: 20%;
position:absolute ;
z-index: 5;
cursor: pointer;
}
#gallina3{
bottom: 52%;
left: 24%;
position:absolute ;
z-index: 5;
cursor: pointer;
}
#tree1 {
@ -171,8 +177,8 @@ span.button_text{
font-size: 16px;
line-height: 17px;
text-align: center;
width: 50px;
height: 20px;
width: 90px;
height: 50px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
@ -203,7 +209,51 @@ span.button_text{
margin-left: -10px;
display: block;
}
#chicken1_baloon {
bottom: 31%;
right: 10%;
position:absolute ;
z-index: 10;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 90px;
height: 50px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
#chicken1_baloon:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #ffffff transparent transparent;
bottom: -20px;
left: 68%;
margin-left: -10px;
}
#chicken1_baloon:before {
content: '';
position: absolute;
width: 0;
z-index: 0;
border-style: solid;
border-width: 0 21px 21px 0;
border-color: transparent #000000 transparent transparent;
bottom: -22px;
left: 68%;
margin-left: -10px;
display: block;
}
#mulino {
@ -253,7 +303,7 @@ img.corn{
.ned_baloon1 {
left: 5%;
bottom: 47%;
bottom: 43%;
position: absolute;
background: #ffffff;
color: #000000;
@ -267,6 +317,7 @@ img.corn{
padding: 18px;
border: #000000 solid 1px;
z-index:10;
cursor: pointer;
}
.ned_baloon1:after {
content: '';
@ -310,6 +361,7 @@ img.corn{
padding: 18px;
border: #000000 solid 1px;
z-index: 11;
cursor: pointer;
}
.ned_baloon2:after {
content: '';

@ -15,14 +15,16 @@
<img id="tree1" src="imgs/monteferro/tree.gif" height="220px">
<img id="gallina1" src="imgs/monteferro/gallina2.gif" height="60px">
<img id="gallina2" src="imgs/monteferro/gallina2.2.gif" height="60px">
<img id="gallina3" src="imgs/monteferro/gallina2.2.gif" height="60px">
<img class="farmer" id="farmer_figure" src="imgs/monteferro/farmer5.gif" style="display: none;" height="120px">
<div class="farmer" id="farmer_baloon" style="display: none;" >*!!!*</div>
<img class="farmer" id="farmer_figure" src="imgs/monteferro/farmer_replace.gif" style="display: none;" height="105px">
<div class="farmer" id="farmer_baloon" style="display: none;" >What are you guys doing here?</div>
<div id="chicken1_baloon" style="display: none;">I won't eat that corn if I were you ■</div>
<div class="baloons">
<div class="ned_baloon1" style="display: none;">I have reasons to suspect that the Monteferro Enterprise is poisoning the children's food with a substance called Fluoride. The drug is able to reduce an individual's power to resist domination by slowly calcifying the pineal gland. The school is using it to make children submissive and docile.</div>
<div class="ned_baloon2" style="display: none;" >The food coming from these fields has already been contaminated with the chemical: we should collect it and confront it with the one at the school canteen.</div>
<div class="ned_baloon1" style="display: none;">I have reasons to suspect that the Monteferro Enterprise is poisoning the children's food with a substance called Fluoride. The drug is able to reduce an individual's power to resist domination by slowly calcifying the pineal gland. The school is using it to make children submissive and docile</div>
<div class="ned_baloon2" style="display: none;" >The food coming from these fields has already been contaminated with the chemical: we should collect it and confront it with the one at the school canteen</div>
</div>
<div id="ground">
@ -58,8 +60,8 @@
<div class="text_container">
<div class="message1" style="display: none;">
Oh lord, it's horrible! What can you do to <button id="ned_more"><span class="button_text">stop this terrible abuse</span></button> ?
<div class="message1">
You are at one of the fields of the Monteferro Food Enterprise.
</div>
<div class="message2 instructions" style="display: none;">
<span class="instructions_arrow"></span> Click on the veggies to get the proofs you need: you must collect at least 5 poisoned corn cobs before the Monteferro's employees see you!
@ -88,9 +90,6 @@
$('.cobs_collected').html("0");
setTimeout (function () {
$(".ned_baloon1").show();
setTimeout (function () {
$(".message1").show();
},5000);
},1000);
}
@ -104,14 +103,34 @@
/*ned baloons */
$("#ned_more").click (function () {
$(".ned_baloon1").hide();
$(".message1").hide();
$("#gallina1").click (function () {
$("#chicken1_baloon").show();
});
$("#gallina2").click (function () {
$("#gallina2").attr("src","imgs/monteferro/roasted.gif");
});
$("#gallina3").click (function () {
$("#gallina3").attr("src","imgs/monteferro/roasted.gif");
});
$("#chicken1_baloon").click (function () {
$("#chicken1_baloon").toggle();
});
$(".ned_baloon1").click (function () {
$(".ned_baloon1").toggle();
$(".ned_baloon2").show();
setTimeout (function () {
$(".message2").show();
},4000);
});
$(".ned_baloon2").click (function () {
$(".message1").hide();
$(".message2").show();
$(".ned_baloon2").toggle();
});
$("#start_button").click (function () {
$(".ned_baloon2,.ned_baloon1, .message1, .message2 ").hide();
@ -260,11 +279,12 @@ var loose_counter = 0;
$('.cobs_collected').html("5");
}
if (loose_counter == 6) {
if (loose_counter == 3) {
$(".field_cover").css("z-index",10);
console.log ("you lost!");
fluoride_counter = 0;
loose_counter = 0;
$("#chicken1_baloon").hide();
$(".message_won").hide();
$(".message_lost, .farmer").show();
}

@ -350,7 +350,7 @@ a:hover {
.bubble1 {
bottom: 76%;
left: 46%;
left: 45%;
position: absolute;
background: #ffffff;
color: #000000;
@ -364,6 +364,7 @@ a:hover {
padding: 18px;
border: 1px black solid;
z-index: 10;
cursor: pointer;
}
.bubble1:after {
content: '';
@ -394,7 +395,7 @@ a:hover {
.bubble2 {
bottom: 73%;
left: 70%;
left: 69.5%;
position: absolute;
background: #ffffff;
color: #000000;
@ -408,6 +409,7 @@ a:hover {
padding: 18px;
border: #000000 solid 1px;
z-index: 10;
cursor: pointer;
}
.bubble2:after {
content: '';

@ -121,8 +121,8 @@
<img id="kiosk" class="blur" src="imgs/park/stand3.gif" height="150px" style="display: none;">
<div class="comic_div">
<div class="bubble1" style="display: none;" >Sorry, no fries today</div>
<div class="bubble2" style="display: none;" > Have you heard about the cat shelter?It looks like the cats disappeared during the night. They say they left no traces.</div>
<div class="bubble1" style="display: none;" >Sorry, no fries today</div>
<div class="bubble2" style="display: none;" > Have you heard about the cat shelter?It looks like the cats disappeared during the night. They say they left no traces</div>
</div>
</div>
@ -241,13 +241,18 @@
$("#kiosk").click (function(){
$(".bubble1").show();
setTimeout (function () {
$(".bubble2").show();
});
$(".bubble1").click (function (){
$(".bubble1").hide();
$(".bubble2").show();
setTimeout (function () {
$(".message4").hide();
$(".message5").show();
},2000);
},2000);
});
$(".bubble2").click (function (){
$(".bubble2").toggle();
});
</script>

@ -43,15 +43,15 @@
<img id="ned" src="imgs/park/ned2.gif" height="110px">
<img id="grass2" src="imgs/park/grass1.gif" height="90px">
<div class="woman_bubble" style="display: none;">I don't know, you should try to ask the news vendor.</div>
<div class="dog_bubble" style="display: none;">Have you heard what happened to the cats? [...]</div>
<div class="dog_bubble2" style="display: none;">It looks like they ran away from the cat shelter tonight.</div>
<div class="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around.</div>
<div class="fit2_bubble" style="display: none;">...</div>
<div class="fit1_bubble" style="display: none;">...</div>
<div class="ned_bubble1" style="display: none;">I was hoping that someone would find my newspaper.</div>
<div class="ned_bubble2" style="display: none;">My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was investigating the kids' conditions. Believe me, the situation is shadier than it looks. Do you wanna know what I just found out? [...]</div>
<div class="ned_bubble3" style="display: none;">The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's fields: I can show you the proof that what I'm saying is true. </div>
<div class="woman_bubble" style="display: none;">I don't know, you should try to ask the news vendor</div>
<div class="dog_bubble" style="display: none;">Have you heard what happened to the cats? </div>
<div class="dog_bubble2" style="display: none;">It looks like they ran away from the cat shelter tonight</div>
<div class="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around</div>
<div class="fit2_bubble" style="display: none;"></div>
<div class="fit1_bubble" style="display: none;"></div>
<div class="ned_bubble1" style="display: none;">I was hoping that someone would find my newspaper</div>
<div class="ned_bubble2" style="display: none;">My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was investigating the kids' conditions. Believe me, the situation is shadier than it looks. Do you wanna know what I just found out? </div>
<div class="ned_bubble3" style="display: none;">The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's fields: I can show you the proof that what I'm saying is true </div>
</div>
@ -126,12 +126,13 @@ $(document).keydown(function(e) {
});
}
if (left_Percentage > 80) {
if (left_Percentage > 70) {
$("#cat").addClass("flipped");
$("#cat").show();
$("#cat").animate({ left: "110%" }, {
duration: 2500
$("#cat").animate({ left: "20%" }, {
duration: 1500
}).promise().done(function(){
$("#cat").hide();
$("#cat").hide();
});
}
@ -213,6 +214,9 @@ $(document).keydown(function(e) {
$("#woman").click (function(){
$(".woman_bubble").show();
});
$(".woman_bubble").click (function(){
$(".woman_bubble").toggle();
});
@ -221,40 +225,56 @@ $(document).keydown(function(e) {
});
$(".dog_bubble").click (function(){
$(".message1").hide();
$(".message1, .dog_bubble").hide();
$(".dog_bubble2, .message_dog").toggle();
setTimeout ( function() {
$(".dog_bubble2, .message_dog").hide();
}, 5000)
});
$(".dog_bubble2").click (function(){
$(".message1").hide();
$(".message_dog, .dog_bubble2").toggle();
});
$("#newspaper_seller").click (function(){
$(".vendor_bubble").show();
});
$(".vendor_bubble").click (function(){
$(".vendor_bubble").toggle();
});
$("#sport1").click (function(){
$(".fit2_bubble").show();
});
$(".fit2_bubble").click (function(){
$(".fit2_bubble").toggle();
});
$("#sport2").click (function(){
$(".fit1_bubble").show();
});
$(".fit1_bubble").click (function(){
$(".fit1_bubble").toggle();
});
$("#ned").click (function(){
$(".ned_bubble1").toggle();
$(".ned_bubble1").show();
$(".message2").show();
$(".message1").hide();
setTimeout (function () {
$(".ned_bubble2").show();
},2000);
});
$(".ned_bubble1").click (function(){
$(".ned_bubble2").show();
$(".ned_bubble1").hide();
});
$(".ned_bubble2").click (function(){
$(".ned_bubble3").toggle();
$(".ned_bubble2").toggle();
$(".ned_bubble3").show();
$(".message2").hide();
setTimeout (function () {
$(".message3").show();
},3000);
$(".message3").show();
});
$(".ned_bubble3").click (function(){
$(".ned_bubble3").toggle();
});

@ -80,7 +80,7 @@
div.text_container {
bottom: 40px;
bottom: 20px;
left:40px;
right:40px;
position:fixed;
@ -336,6 +336,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index:50;
cursor: pointer;
}
.woman_bubble:after {
content: '';
@ -364,20 +365,21 @@ span.button_text{
display: block;
}
.dog_bubble {
bottom:33%;
left: 40%;
bottom:38.5%;
left: 36%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 16px;
text-align: center;
width:130px;
width:135px;
height: 39px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.dog_bubble:after {
content: '';
@ -416,12 +418,13 @@ span.button_text{
font-size: 16px;
line-height: 17px;
text-align: center;
width: 160px;
height: 65px;
width: 170px;
height: 58px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.vendor_bubble:after {
content: '';
@ -458,12 +461,13 @@ span.button_text{
font-family: sinistre;
font-size: 16px;
text-align: center;
width: 150px;
height: 70px;
width: 160px;
height: 65px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.woman2_bubble:after {
content: '';
@ -493,7 +497,7 @@ span.button_text{
}
.fit2_bubble {
bottom:31%;
bottom:33.5%;
left: 64%;
position: absolute;
background: #ffffff;
@ -501,12 +505,13 @@ span.button_text{
font-family: sinistre;
font-size: 16px;
text-align: center;
width: 150px;
height: 55px;
width: 170px;
height: 45px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.fit2_bubble:after {
content: '';
@ -543,12 +548,13 @@ span.button_text{
font-family: sinistre;
font-size: 16px;
text-align: center;
width: 150px;
height: 80px;
width: 170px;
height: 60px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.fit1_bubble:after {
content: '';
@ -593,6 +599,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index:50;
cursor: pointer;
}
.ned_bubble1:after {
content: '';
@ -637,6 +644,8 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index:50;
cursor: pointer;
}
.ned_bubble2:after {
content: '';
@ -666,7 +675,7 @@ span.button_text{
}
.ned_bubble3 {
top:50%;
top:47%;
left: 90%;
position: absolute;
background: #ffffff;
@ -681,6 +690,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index:50;
cursor: pointer;
}
.ned_bubble3:after {
content: '';

@ -44,15 +44,15 @@
<img id="ned" src="imgs/park/ned2.gif" height="110px">
<img id="grass2" src="imgs/park/grass1.gif" height="90px">
<div class="woman_bubble" style="display: none;">Have you heard about the food poisoning at the school? My son is out for the trip this week-end. I hope everything will be fine.</div>
<div class="woman2_bubble" style="display: none;">I'm so glad my grandchildren are away for the weekend.</div>
<div class="dog_bubble" style="display: none;">I would talk to Ned if I were you.</div>
<div class="vendor_bubble" style="display: none;">Did you read today's news? Crazy stuff is happening in the valley.</div>
<div class="fit2_bubble" style="display: none;">I heard that someone is already investigating.</div>
<div class="fit1_bubble" style="display: none;">The truth will come out, they are keeping an eye on Monteferro.</div>
<div class="woman_bubble" style="display: none;">Have you heard about the food poisoning at the school? My son is out for the trip this week-end. I hope everything will be fine</div>
<div class="woman2_bubble" style="display: none;">I'm so glad my grandchildren are away for the weekend</div>
<div class="dog_bubble" style="display: none;">I would talk to Ned if I were you</div>
<div class="vendor_bubble" style="display: none;">Did you read today's news? Crazy stuff is happening in the valley</div>
<div class="fit2_bubble" style="display: none;">I heard that someone is already investigating</div>
<div class="fit1_bubble" style="display: none;">The truth will come out, they are keeping an eye on Monteferro</div>
<div class="ned_bubble1" style="display: none;">Do you wanna hear what I jound found out?</div>
<div class="ned_bubble2" style="display: none;">My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was investigating the kids' conditions. Believe me, the situation is shadier than it looks.</div>
<div class="ned_bubble3" style="display: none;">The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's fields: I can show you the proof that what I'm saying is true.</div>
<div class="ned_bubble2" style="display: none;">My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was investigating the kids' conditions. Believe me, the situation is shadier than it looks</div>
<div class="ned_bubble3" style="display: none;">The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's fields: I can show you the proof that what I'm saying is true</div>
</div>
@ -225,39 +225,65 @@ $(document).keydown(function(e) {
$("#woman").click (function(){
$(".woman_bubble").show();
});
$(".woman_bubble").click (function(){
$(".woman_bubble").toggle();
});
$("#woman2").click (function(){
$(".woman2_bubble").show();
});
$(".woman2_bubble").click (function(){
$(".woman2_bubble").toggle();
});
$("#dog").click (function(){
$(".dog_bubble").show();
});
$(".dog_bubble").click (function(){
$(".dog_bubble").toggle();
});
$("#newspaper_seller").click (function(){
$(".vendor_bubble").show();
});
$(".vendor_bubble").click (function(){
$(".vendor_bubble").toggle();
});
$("#sport1").click (function(){
$(".fit2_bubble").show();
});
$(".fit2_bubble").click (function(){
$(".fit2_bubble").toggle();
});
$("#sport2").click (function(){
$(".fit1_bubble").show();
});
$(".fit1_bubble").click (function(){
$(".fit1_bubble").toggle();
});
$("#ned").click (function(){
$(".ned_bubble2").toggle();
$(".ned_bubble2").show();
$(".message1").hide();
});
$(".ned_bubble2").click( function() {
$(".ned_bubble2").hide();
$(".ned_bubble3").show();
setTimeout (function () {
$(".ned_bubble3").show();
setTimeout (function () {
$(".message3").show();
},2000);
},2000);
},1000);
})
$(".ned_bubble3").click( function() {
$(".ned_bubble3").toggle();
});
/*
$(".ned_more").click (function(){
$(".ned_bubble3").toggle();

@ -80,7 +80,7 @@
div.text_container {
bottom: 40px;
bottom: 20px;
left:40px;
right:40px;
position:fixed;
@ -217,7 +217,7 @@ span.button_text{
z-index:4;
}
#cat{
bottom: 20%;
bottom: 22%;
left: 70%;
position: absolute;
z-index:3;
@ -314,7 +314,7 @@ span.button_text{
}
.woman_bubble {
top:13%;
top:8%;
left: 31%;
position: absolute;
background: #ffffff;
@ -329,6 +329,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.woman_bubble:after {
@ -358,8 +359,8 @@ span.button_text{
display: block;
}
.dog_bubble {
bottom:33%;
left: 40%;
bottom:35%;
left: 39%;
position: absolute;
background: #ffffff;
color: #000000;
@ -373,6 +374,7 @@ span.button_text{
border: #000000 solid 1px;
cursor:pointer;
z-index: 50;
cursor: pointer;
}
.dog_bubble:after {
content: '';
@ -416,6 +418,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.dog_bubble2:after {
content: '';
@ -460,6 +463,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.vendor_bubble:after {
content: '';
@ -503,6 +507,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.fit2_bubble:after {
content: '';
@ -545,6 +550,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
.fit1_bubble:after {
content: '';
@ -589,6 +595,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index:50;
cursor: pointer;
}
.ned_bubble1:after {
content: '';
@ -678,6 +685,7 @@ span.button_text{
padding: 18px;
border: #000000 solid 1px;
z-index:50;
cursor: pointer;
}
.ned_bubble3:after {
content: '';

@ -444,9 +444,6 @@ img#cat3{
}
/* hide scroll bar */
/* width */
::-webkit-scrollbar {

@ -38,7 +38,7 @@
</div>
<div class="spot2 blur">
<img id="fire2" class="bad" src="imgs/saurian_headquarter/fire2.gif" height="90px">
<img id="cat2" class="good" src="imgs/saurian_headquarter/cat2.gif" height="80px"style="display: none;">
<img id="cat2" class="good" src="imgs/saurian_headquarter/baloons.gif" height="80px"style="display: none;">
</div>
<div class="spot3 blur">
<img id="fire3" class="bad" src="imgs/saurian_headquarter/fire3.gif" height="90px">
@ -61,7 +61,7 @@
</div>
<div class="figure2 blur">
<img id="saurian2" class="bad" src="imgs/saurian_headquarter/saurian2.gif" height="100px">
<img id="person2" class="good" src="imgs/saurian_headquarter/person2.gif" height="90px" style="display: none;">
<img id="person2" class="good" src="imgs/saurian_headquarter/person8.gif" height="90px" style="display: none;">
</div>
<div class="figure3 blur">
<img id="saurian3" class="bad" src="imgs/saurian_headquarter/saurian3.gif" height="110px">
@ -85,7 +85,7 @@
</div>
<div class="figure8 blur">
<img id="saurian8" class="bad" src="imgs/saurian_headquarter/saurian8.gif" height="110px">
<img id="person8" class="good" src="imgs/saurian_headquarter/person8.gif" height="100px" style="display: none;">
<img id="person8" class="good" src="imgs/saurian_headquarter/person2.gif" height="100px" style="display: none;">
</div>
<div class="figure9 blur">
<img id="saurian9" class="bad" src="imgs/saurian_headquarter/saurian9.gif" height="110px">
@ -102,7 +102,7 @@
</div>
<div class="scenography3 blur">
<img class="bad" src="imgs/saurian_headquarter/stone_once.gif" height="150px">
<img class="good" src="imgs/saurian_headquarter/baloons.gif" height="80px" style="display: none;">
<img class="good" src="imgs/saurian_headquarter/cat2.gif" height="80px" style="display: none;">
</div>
<div class="scenography4 blur">
<img class="bad" src="imgs/saurian_headquarter/stone_once.gif" height="150px">

Loading…
Cancel
Save