diff options
| author | LaG1924 <lag1924@gmail.com> | 2021-06-16 22:56:25 +0200 |
|---|---|---|
| committer | LaG1924 <lag1924@gmail.com> | 2021-06-16 22:56:25 +0200 |
| commit | 94b3b6b32bc8b996c9689fb89a381cf216353641 (patch) | |
| tree | 460eaf04e64e0f31bfb8cea2d6b71737ac4a1861 /cwd | |
| parent | Improved RmlUi integration (diff) | |
| download | AltCraft-94b3b6b32bc8b996c9689fb89a381cf216353641.tar AltCraft-94b3b6b32bc8b996c9689fb89a381cf216353641.tar.gz AltCraft-94b3b6b32bc8b996c9689fb89a381cf216353641.tar.bz2 AltCraft-94b3b6b32bc8b996c9689fb89a381cf216353641.tar.lz AltCraft-94b3b6b32bc8b996c9689fb89a381cf216353641.tar.xz AltCraft-94b3b6b32bc8b996c9689fb89a381cf216353641.tar.zst AltCraft-94b3b6b32bc8b996c9689fb89a381cf216353641.zip | |
Diffstat (limited to 'cwd')
| -rw-r--r-- | cwd/test.rcss | 105 | ||||
| -rw-r--r-- | cwd/test.rml | 31 |
2 files changed, 103 insertions, 33 deletions
diff --git a/cwd/test.rcss b/cwd/test.rcss index f1e8cee..ee86894 100644 --- a/cwd/test.rcss +++ b/cwd/test.rcss @@ -1,28 +1,105 @@ body { - background-color: red; - color: blue; - font-size: 50px; + background-color: #160f08; + color: white; font-family: "open sans"; width: 100%; + height: 100%; + text-align: center; } -body:hover { - background-color: yellow; +.menu { + width: 50%; + margin: auto; + background-color: #a79f9c; } -div { - background-color: green; +.mc-title { + color: #8e8e8e; + display: block; } -div:hover { - background-color: white; +.mc-p { + color: #d6d4d6; + display: block; + text-align: left; + font-size: 4vh; } -button:active { - background-color: teal; +.mc-text { + border-width: 2dp; + border-color: #9f9793; + background-color: #010001; + color: #d6d4d6; + text-align: center; + vertical-align: middle; + font-size: 5vh; } -.right-pos { - position: absolute; - right: 0px; +.mc-button { + border-width: 2dp; + border-color: #14110c; + background-color: #6e6f70; + color: #c5c6c7; + text-align: center; + vertical-align: middle; + font-size: 5vh; +} + +.mc-button:hover { + background-color: #7e86bc; +} + +#title { + margin: 0% auto auto; + font-size: 20vh; +} + +#disclaimer { + width: 70%; + margin: 0 auto; +} + +#hostname-text { + width: 70%; + margin: 5% auto; +} + +#hostname { + display: inline-block; + width: 45%; + height: 8%; + position: fixed; + margin: 0% auto auto; +} + +#username { + display: inline-block; + width: 45%; + height: 8%; + position: fixed; + margin: 10% auto auto; +} + +#connect { + display: inline-block; + width: 45%; + height: 8%; + position: fixed; + margin: 20% auto auto; +} + +#options { + display: inline-block; + width: 22%; + height: 8%; + position: fixed; + margin: 33% auto auto 27.5%; +} + +#exit { + display: inline-block; + width: 22%; + height: 8%; + position: fixed; + margin: 33% 27.5% auto auto; } diff --git a/cwd/test.rml b/cwd/test.rml index 4c7bfa6..de48053 100644 --- a/cwd/test.rml +++ b/cwd/test.rml @@ -1,26 +1,19 @@ <rml> <head> <link type="text/rcss" href="test.rcss" /> - <script> - redLvl = 0 - function Test(elem) - elem.style["background-color"] = "rgb(" .. redLvl .. ",255,255)" - print("New background-color: "..elem.style["background-color"]) - redLvl = redLvl + 50 - end - </script> </head> <body> - Test RmlUi - <br /> - New line - <div> - Substring - </div> - <br /> - <button onclick="print('Button clicked!')" style="background-color:navy;">Clickable!</button> - <div class="right-pos" onclick="Test(element)"> - (Clickable) Right viewport border is here -> - </div> + <strong class="mc-title" id="title">AltCraft</strong> + <p class="mc-p" id="disclaimer">AltCraft is currently not finished, but there is some buggy early testing going on.</p> + <p class="mc-p" id="hostname-text">Enter the hostname of a server and your username to connect to it:</p> + <input class="mc-text" id="hostname" value="127.0.0.1:25565"/> + <input class="mc-text" id="username" value="HelloOne"/> + <button class="mc-button" id="connect" onclick=" + AC.ConnectToServer( + document: GetElementById('hostname'): GetAttribute('value'), + document: GetElementById('username'): GetAttribute('value')); + document:Close()">Connect</button> + <button class="mc-button" id="options">Options...</button> + <button class="mc-button" id="exit" onclick="AC.Exit()">Quit game</button> </body> </rmL> |