Initial commit

AlexandruGhergut · Apr 28, 2016 · 7b4d236 · 7b4d236
commit 7b4d236
Show file tree

Hide file tree

Showing 2 changed files with 81 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+
+<html>
+	<head>
+		<meta charset = "UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel = "stylesheet" type="text/css" href="style.css">
+	</head>
+
+	<body>
+		<canvas id="myCanvas" width="200" height="100">	
+		</canvas>
+
+		<div id = "chat">
+			<ul id = "messages">
+				<li> test </li>
+			</ul>
+			<form action = "">
+				<div id = "inputField">
+					<input autocomplete="off"/> 
+					<button> <b>Send</b> </button>
+				</div>
+			</form>
+		</div>
+	</body>
+</html>
diff --git a/style.css 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;
+}