diff --git a/.DS_Store b/.DS_Store index 7ebafe9..b466f3c 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/cat_shelter.css b/tree/cat_shelter.css index 89abf91..99b7120 100644 --- a/tree/cat_shelter.css +++ b/tree/cat_shelter.css @@ -373,11 +373,12 @@ span.button_text{ line-height: 17px; text-align: center; width: 160px; - height: 35px; + height: 50px; border-radius: 10px; padding: 18px; border: #000000 solid 1px; z-index: 10; + cursor: pointer; } .bubble4:after { content: ''; @@ -406,6 +407,93 @@ span.button_text{ display: block; } +.bubble5 { + bottom: 65%; + left: 24%; + position: absolute; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 16px; + line-height: 17px; + text-align: center; + width: 250px; + height: 105px; + border-radius: 10px; + padding: 18px; + border: 1px black solid; + z-index: 20; +} +.bubble5:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-width: 0 30px 24px 0; + border-color: transparent #ffffff transparent transparent; + bottom: -24px; + left: 83%; + margin-left: -15px; +} +.bubble5:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-width: 0 31px 25px 0; + border-color: transparent #000000 transparent transparent; + bottom: -26px; + left: 83%; + margin-left: -15px; + display: block; +} +.bubble6 { + bottom: 64%; + left: 50%; + position: absolute; + background: #ffffff; + color: #000000; + font-family:sinistre; + font-size: 16px; + line-height: 17px; + text-align: center; + width: 160px; + height: 55px; + border-radius: 10px; + padding: 18px; + border: #000000 solid 1px; + z-index: 10; +} +.bubble6:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 2; + border-style: solid; + border-width: 24px 30px 0 0; + border-color: #ffffff transparent transparent transparent; + bottom: -24px; + left: 17%; + margin-left: -15px; +} +.bubble6:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-width: 25px 31px 0 0; + border-color: #000000 transparent transparent transparent; + bottom: -26px; + left: 17%; + margin-left: -16px; + display: block; +} + @keyframes touch { 0% {transform: rotate(0deg);} 50% {transform: rotate(-10deg);} diff --git a/tree/cat_shelter.html b/tree/cat_shelter.html index 471a5a0..6b04c0f 100644 --- a/tree/cat_shelter.html +++ b/tree/cat_shelter.html @@ -37,13 +37,17 @@ - +