summaryrefslogtreecommitdiffstats
path: root/cwd
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--cwd/test.rcss105
-rw-r--r--cwd/test.rml31
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>