diff --git a/.DS_Store b/.DS_Store index 175849c..a8fb82e 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/.DS_Store b/tree/.DS_Store index 300f916..9918dca 100644 Binary files a/tree/.DS_Store and b/tree/.DS_Store differ diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store index f8b8db0..775b854 100644 Binary files a/tree/imgs/.DS_Store and b/tree/imgs/.DS_Store differ diff --git a/tree/imgs/monteferro/ned2.gif b/tree/imgs/monteferro/ned2.gif new file mode 100644 index 0000000..a2d7e12 Binary files /dev/null and b/tree/imgs/monteferro/ned2.gif differ diff --git a/tree/imgs/park/ned2.gif b/tree/imgs/park/ned2.gif new file mode 100644 index 0000000..a2d7e12 Binary files /dev/null and b/tree/imgs/park/ned2.gif differ diff --git a/tree/park.css b/tree/park.css index 5c49f5b..aad1c3e 100644 --- a/tree/park.css +++ b/tree/park.css @@ -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; } diff --git a/tree/park_N.html b/tree/park_N.html index d38f563..077fa1e 100644 --- a/tree/park_N.html +++ b/tree/park_N.html @@ -24,7 +24,7 @@ - + @@ -35,7 +35,9 @@ - + + + diff --git a/tree/park_walk.css b/tree/park_walk.css index 0902b20..fdcfd8e 100644 --- a/tree/park_walk.css +++ b/tree/park_walk.css @@ -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: '';