From 7b4d2362aea19d03dab2c119b5a061470d27cf15 Mon Sep 17 00:00:00 2001 From: Alexandru Ghergut Date: Thu, 28 Apr 2016 09:34:39 +0300 Subject: [PATCH] Initial commit --- index.html | 26 ++++++++++++++++++++++++++ style.css | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 81 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..eee5ce9 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + + + + + + + + + +
+ +
+
+ + +
+
+
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..9e58fd9 --- /dev/null +++ b/style.css @@ -0,0 +1,55 @@ +html, body { + height: 100%; + width: 100%; + margin: 0; + padding: 0; +} + +canvas { + float: left; + width: 50%; + height: 100%; +} + +#chat { + box-sizing: border-box; + border: 2px solid black; + height: 100%; + width: 50%; + overflow: hidden; + background: #F0F8FF; +} + +#messages { + margin-top: 0; + margin-bottom: 0; + height: 95%; +} + +form { + position: relative; + height: 5%; + width: 100%; +} + +#inputField { + position: absolute; + bottom: 0; + width: 100%; + height: 100%; +} + +#inputField input { + width: 89%; + height: 100%; +} + +#inputField button { + box-sizing: border-box; + width: 10%; + background: rgb(130, 224, 255); + height: 100%; + background: #0E4C95; + color: white; + border-radius: 10px; +}