Resizing.
Work on text stuff. Work on tweens. Beginning audio support.
This commit is contained in:
parent
00be56d0a8
commit
a192a0eb0e
10 changed files with 799 additions and 173 deletions
10
Css/main.css
10
Css/main.css
|
@ -41,11 +41,11 @@
|
|||
|
||||
.centered { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
|
||||
|
||||
#app-container { position: relative; width: 1334; height: 750; }
|
||||
#app-container { position: relative; width: 1334px; height: 750px; }
|
||||
|
||||
#parent-container { display: flex; flex-direction: column; align-items: center; }
|
||||
|
||||
#text-container { position: absolute; height: 100%; width: 100%; font-family: 'FOT-RodinNTLGPro'; }
|
||||
#text-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 750px; width: 1334px; font-family: 'FOT-RodinNTLGPro'; }
|
||||
|
||||
#text-container #title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 20px; transition: opacity 0.3s; }
|
||||
|
||||
|
@ -59,8 +59,10 @@
|
|||
|
||||
#dialog-box #character { position: absolute; top: -5px; left: 70px; font-size: 30px; }
|
||||
|
||||
#dialog-box #dialog { position: absolute; padding: 60px 30px 0px 70px; box-sizing: border-box; height: 100%; width: 100%; font-size: 30px; }
|
||||
#dialog-box #dialog { overflow: hidden; position: absolute; padding: 0 30px 0 70px; margin-top: 60px; box-sizing: border-box; height: 120px; width: 100%; font-size: 30px; line-height: 60px; }
|
||||
|
||||
#dialog-box #ui-buttons { right: 20px; top: -50px; position: absolute; }
|
||||
|
||||
#dialog-box .ui-button { position: relative; height: 85px; }
|
||||
#dialog-box .ui-button { position: relative; height: 85px; }
|
||||
|
||||
#other-controls-container { display: flex; width: 100; justify-content: center; }
|
Loading…
Add table
Add a link
Reference in a new issue