diff --git a/.idea/php.xml b/.idea/php.xml
new file mode 100644
index 0000000..10b171f
--- /dev/null
+++ b/.idea/php.xml
@@ -0,0 +1,4 @@
+
+
+
+
\ No newline at end of file
diff --git a/website/chat.php b/website/chat.php
new file mode 100644
index 0000000..2852594
--- /dev/null
+++ b/website/chat.php
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
diff --git a/website/styles/chat.css b/website/styles/chat.css
new file mode 100644
index 0000000..73b860e
--- /dev/null
+++ b/website/styles/chat.css
@@ -0,0 +1,44 @@
+.chat {
+ text-align: center;
+}
+
+.chat-history {
+ /*border: solid #845663;*/
+ width: 80%;
+ height: 500px;
+ margin: 10px auto;
+ background-color: white;
+ vertical-align: bottom;
+}
+
+.chat-field input {
+ border-radius: 8px;
+}
+
+.chat-field input[type="text"] {
+ width: calc(75% - 60px);
+
+}
+
+.chat-field input[type="submit"] {
+ width: 60px;
+
+}
+
+.chat-message-self {
+ text-align: right;
+ float: right;
+ margin: 10px;
+ background-color: aqua;
+ padding: 10px;
+ border-radius: 10px;
+}
+
+.chat-message-other {
+ text-align: left;
+ float: left;
+ margin: 10px;
+ background-color: aquamarine;
+ padding: 10px;
+ border-radius: 10px;
+}
\ No newline at end of file
diff --git a/website/styles/main.css b/website/styles/main.css
index d110eb8..904a5c6 100644
--- a/website/styles/main.css
+++ b/website/styles/main.css
@@ -6,7 +6,7 @@ Website: myhyvesbookplus.tk
-----------------------------------------------------------------------------*/
body {
- background-color: white;
+ background-color: #B78996;
color: #333;
font-family: Arial, sans-serif;
}
@@ -28,6 +28,16 @@ body {
border: 0;
}
+input[type="submit"], button {
+ background-color: #845663;
+ color: white;
+ padding: 5px;
+}
+
+input[type="text"] {
+ padding: 5px;
+}
+
/* Move element down (clear), below floating elements */
.clear {
clear: both;
diff --git a/website/views/head.php b/website/views/head.php
index 74f83f6..fd92a18 100644
--- a/website/views/head.php
+++ b/website/views/head.php
@@ -6,5 +6,6 @@