diff --git a/tree/canteen.css b/tree/canteen.css index 86d25e4..9570af8 100644 --- a/tree/canteen.css +++ b/tree/canteen.css @@ -121,6 +121,15 @@ span.button_text{ z-index: 1; } +#ned_flame { + bottom: 25%; + left: 17%; + position:absolute ; + z-index: 2; +} + + + #player_img { bottom: 24%; left: 8%; @@ -194,92 +203,90 @@ div.figure5 { /* baloons*/ -.ned_baloon1 { - left: 5%; - bottom: 47%; - position: absolute; - background: #ffffff; - color: #000000; - font-family: sinistre; - font-size: 16px; - line-height: 17px; - text-align: center; - width: 285px; - height: 135px; - border-radius: 10px; - padding: 18px; - border: #000000 solid 1px; - z-index:10; -} -.ned_baloon1:after { - content: ''; - position: absolute; - display: block; - width: 0; - z-index: 1; - border-style: solid; - border-color: #ffffff transparent; - border-width: 20px 20px 0; - bottom: -20px; - left: 60%; - margin-left: -20px; -} -.ned_baloon1:before { - content: ''; - position: absolute; - width: 0; - z-index: 0; - border-style: solid; - border-color: #000000 transparent; - border-width: 21px 21px 0; - bottom: -21.5px; - left: 60%; - margin-left: -21px; - display: block; -} -.ned_baloon2 { - bottom:29%; - left: 28%; - position: absolute; - background: #ffffff; - color: #000000; - font-family: sinistre; - font-size: 16px; - line-height: 17px; - text-align: center; - width: 285px; - height: 85px; - border-radius: 10px; - padding: 18px; - border: #000000 solid 1px; - z-index: 11; -} -.ned_baloon2:after { - content: ''; - position: absolute; - display: block; - width: 0; - z-index: 1; - border-style: solid; - border-color: transparent #ffffff; - border-width: 20px 20px 20px 0; - top: 50%; - left: -20px; - margin-top: -20px; -} -.ned_baloon2:before { - content: ''; - position: absolute; - width: 0; - z-index: 0; - border-style: solid; - border-color: transparent #000000; - border-width: 21px 21px 21px 0; - top: 50%; - left: -21.5px; - margin-top: -21px; - display: block; -} + .ned_bubble1 { + left: 23%; + bottom: 41%; + position: absolute; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 16px; + line-height: 17px; + text-align: center; + width: 250px; + height: 90px; + border-radius: 10px; + padding: 18px; + border: #000000 solid 1px; + } + .ned_bubble1:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-width: 20px 20px 0 0; + border-color: #ffffff transparent transparent transparent; + bottom: -20px; + left: 14%; + margin-left: -10px; + } + .ned_bubble1:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-width: 21px 21px 0 0; + border-color: #000000 transparent transparent transparent; + bottom: -22px; + left: 14%; + margin-left: -11px; + display: block; + } + .ned_bubble2 { + left: 27%; + bottom: 28%; + position: absolute; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 16px; + line-height: 17px; + text-align: center; + width: 250px; + height: 40px; + border-radius: 10px; + padding: 18px; + border: #000000 solid 1px; + } + .ned_bubble2:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-color: transparent #ffffff; + border-width: 10px 20px 10px 0; + top: 39%; + left: -20px; + margin-top: -10px; + } + .ned_bubble2:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-color: transparent #000000; + border-width: 11px 21px 11px 0; + top: 39%; + left: -21.5px; + margin-top: -11px; + display: block; + } /* hide scroll bar */ diff --git a/tree/canteen.html b/tree/canteen.html index 436ae55..8f12089 100644 --- a/tree/canteen.html +++ b/tree/canteen.html @@ -24,6 +24,7 @@ + @@ -54,15 +55,15 @@ -
- - + + +