diff --git a/.DS_Store b/.DS_Store index a8fb82e..5ea200a 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/.DS_Store b/tree/.DS_Store index 9918dca..b9cb79d 100644 Binary files a/tree/.DS_Store and b/tree/.DS_Store differ diff --git a/tree/canteen.css b/tree/canteen.css new file mode 100644 index 0000000..07d6159 --- /dev/null +++ b/tree/canteen.css @@ -0,0 +1,231 @@ + +@font-face { + font-family: sinistre; + src: url(fonts/Sinistre-S†Caroline.woff), + url(fonts/Sinistre-S†Caroline.otf); +} +@font-face { + font-family: jolybolditalic; + src: url(fonts/JolyDisplay-BoldDisplayItalic.woff), + url(fonts/JolyDisplay-BoldDisplayItalic.otf); +} + +@font-face { + font-family: jolyregularitalic; + src: url(fonts/JolyDisplay-RegularDisplayItalic.woff), + url(fonts/JolyDisplay-RegularDisplayItalic.otf); +} +@font-face { + font-family: jolyregular; + src: url(fonts/JolyDisplay-RegularDisplay.woff), + url(fonts/JolyDisplay-RegularDisplay.otf); +} + +@font-face { + font-family: jolybold; + src: url(fonts/JolyDisplay-BoldDisplay.woff), + url(fonts/JolyDisplay-BoldDisplay.otf); +} + + ::-moz-selection { /* Code for Firefox */ + background: transparent; + } + ::selection { + background: transparent; + } + + + body { + font-family: jolyregular; + font-size: 1.8vw; + + } + svg { + width: 100%; + height: 100%; + position:absolute; + z-index: -10; + + } + + .instructions{ + font-family:jolyregularitalic; + + } + + + +div.text_container { + bottom: 40px; + left:40px; + right:40px; + position:fixed; + margin: auto; + line-height: 1.4em; + +} +.game_bar { + top:40px; + right:80px; + position:fixed; + border-radius: 25vw; + padding-left: 10px; + padding-right: 10px; + font-family: sinistre; + background-color: white; + border: 0.11vw black solid; + border-radius: 25vw; + color:black; + cursor:pointer; + font-size: 1.4vw; + +} + +button{ + -webkit-appearance: none; + background-color: white; + border: 0.11vw black solid; + border-radius: 25vw; + color:black; + cursor:pointer; + font-family: jolybolditalic; +} + +button:hover{ +border: 0.11vw transparent solid; +-webkit-box-shadow: 0px 0px 8px 2px black; +-moz-box-shadow: 0px 0px 8px 2px black; +box-shadow: 0px 0px 8px 2px black; + +} + +span.button_text{ + font-size: 1.6vw; + padding: 8px; +} + +#ned { + bottom: 25%; + left: 15%; + position:absolute ; + z-index: 1; +} + +#player_img { + bottom: 24%; + left: 8%; + position:absolute ; + z-index: 0; +} + + +/* 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; +} + + +/* hide scroll bar */ +/* width */ +::-webkit-scrollbar { + color:white; + } + + /* Track */ + ::-webkit-scrollbar-track { + background: white; + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: white; + } + + /* Handle on hover */ + ::-webkit-scrollbar-thumb:hover { + background: white; + } \ No newline at end of file diff --git a/tree/canteen.html b/tree/canteen.html new file mode 100644 index 0000000..333c03b --- /dev/null +++ b/tree/canteen.html @@ -0,0 +1,83 @@ + + +
+ + +