master
*anna* 3 years ago
parent 77611803c9
commit 58e8a0221f

BIN
.DS_Store vendored

Binary file not shown.

BIN
tree/.DS_Store vendored

Binary file not shown.

BIN
tree/imgs/.DS_Store vendored

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

@ -55,15 +55,6 @@
}
/*
#ground{
position:relative ;
height:90vh;
width:4000px;
}
*/
#groundline {
position: fixed;
top:130px;
@ -79,7 +70,7 @@ div.text_container {
right:40px;
position:absolute;
margin: auto;
line-height: 1.4em;
line-height: 1.3em;
}
button{
@ -334,18 +325,18 @@ span.button_text{
.bubble1 {
bottom: 74%;
left: 43%;
left: 46%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.2vw;
line-height: 3.5vw;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 14vw;
height: 4vw;
border-radius: 13px;
padding: 0px;
width: 120px;
height: 35px;
border-radius: 10px;
padding: 18px;
border: 1px black solid;
z-index: 10;
}
@ -378,18 +369,18 @@ span.button_text{
.bubble2 {
bottom: 75%;
left: 70%;
left: 68%;
position: absolute;
background: #ffffff;
color: #000000;
font-family:sinistre;
font-size: 1.2vw;
line-height: 1.5vw;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 16vw;
height: 6vw;
border-radius: 13px;
padding: 1vw;
width: 160px;
height: 85px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 10;
}

@ -24,7 +24,7 @@
<img id="flower3" src="imgs/park/flower3.1.gif" height="40px">
<img id="flower4" src="imgs/park/flower1.1.gif" height="30px">
<img id="flower5" src="imgs/park/flower1.gif" height="30px">
<img id="grass1" src="imgs/park/grass1.gif" height="70px">
<img id="grass1" src="imgs/park/grass1.gif" height="90px">
<img id="statue" src="imgs/park/statue.gif" height="150px">
<img id="tree4" src="imgs/park/tree4.gif" height="160px">
<img id="flower6" src="imgs/park/flower1.1.gif" height="30px">
@ -35,7 +35,9 @@
<img id="sport2" src="imgs/park/fitness2.gif" height="70px">
<img id="newspaper_seller" src="imgs/park/newspaper_seller.gif" height="120px">
<img id="woman" src="imgs/park/woman.gif" height="140px">
<img id="ned" src="imgs/park/ned.gif" height="120px">
<img id="dog" src="imgs/park/dog1.gif" height="90px">
<img id="ned" src="imgs/park/ned2.gif" height="120px">
<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="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around.</div>

@ -183,7 +183,7 @@ span.button_text{
#grass2{
bottom: 25%;
left: 10%;
left: 82%;
position: absolute;
z-index:17;
}
@ -215,28 +215,29 @@ span.button_text{
#flower8{
bottom: 30%;
left: 95%;
left: 97%;
position: absolute;
}
#dog{
bottom: 32%;
left: 50%;
bottom: 26%;
left: 38%;
position: absolute;
z-index:17;
}
#tree5{
bottom: 50%;
top: 10%;
right: 4%;
position: absolute;
z-index:10;
}
/* looking for ned scene*/
#woman{
bottom: 60%;
top: 20%;
left: 30%;
position: absolute;
cursor: pointer;
@ -262,27 +263,28 @@ span.button_text{
}
#ned {
bottom: 47%;
top: 25%;
right: 8%;
position: absolute;
cursor: pointer;
}
.woman_bubble {
bottom:82%;
top:13%;
left: 31%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.2vw;
line-height: 18px;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 14vw;
height: 4.2vw;
width: 135px;
height: 55px;
border-radius: 10px;
padding: 1vw;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
}
.woman_bubble:after {
@ -319,14 +321,15 @@ span.button_text{
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.2vw;
line-height: 18px;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 14vw;
height: 4.2vw;
width: 160px;
height: 55px;
border-radius: 10px;
padding: 13px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
}
.vendor_bubble:after {
content: '';
@ -362,14 +365,14 @@ span.button_text{
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.2vw;
line-height: 18px;
font-size: 16px;
text-align: center;
width: 5vw;
height: 2.5vw;
width: 40px;
height: 18px;
border-radius: 10px;
padding: 0px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
}
.fit2_bubble:after {
content: '';
@ -404,14 +407,14 @@ span.button_text{
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.2vw;
line-height: 18px;
font-size: 16px;
text-align: center;
width: 5vw;
height: 2.5vw;
width: 40px;
height: 18px;
border-radius: 10px;
padding: 0px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
}
.fit1_bubble:after {
content: '';
@ -441,20 +444,21 @@ span.button_text{
}
.ned_bubble1 {
bottom:69%;
left: 83%;
top:3%;
left: 88%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.2vw;
line-height: 18px;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 12vw;
height: 5vw;
width: 150px;
height: 50px;
border-radius: 10px;
padding: 9px;
padding: 18px;
border: #000000 solid 1px;
z-index:50;
}
.ned_bubble1:after {
content: '';
@ -484,20 +488,21 @@ span.button_text{
}
.ned_bubble2 {
bottom:42%;
left: 78%;
top:17%;
left: 84%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.3vw;
line-height: 18px;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 20vw;
height: 11.5vw;
width: 200px;
height: 180px;
border-radius: 10px;
padding: 14px;
padding: 18px;
border: #000000 solid 1px;
z-index:50;
}
.ned_bubble2:after {
content: '';
@ -527,20 +532,21 @@ span.button_text{
}
.ned_bubble3 {
bottom:15%;
left: 86%;
top:50%;
left: 90%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 1.2vw;
line-height: 18px;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 20vw;
height: 10vw;
width: 220px;
height: 140px;
border-radius: 10px;
padding: 14px;
padding: 18px;
border: #000000 solid 1px;
z-index:50;
}
.ned_bubble3:after {
content: '';

Loading…
Cancel
Save