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

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

Loading…
Cancel
Save