From d1ee2061ffc8a1b311a9c9c0ef1eb4ffde351501 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 22 Feb 2013 12:06:16 -0800 Subject: chat css --- public/css/chat.css | 64 +++++++++++++++++++++++++++++++++++++++++++++++++++++ public/index.html | 14 ++++++++++-- 2 files changed, 76 insertions(+), 2 deletions(-) create mode 100644 public/css/chat.css diff --git a/public/css/chat.css b/public/css/chat.css new file mode 100644 index 0000000..f2092e0 --- /dev/null +++ b/public/css/chat.css @@ -0,0 +1,64 @@ +#chat_container { + overflow-y: scroll; + overflow-x: hidden; + position: absolute; +} +#chat_container #chat { + font-size: 13px; + line-height: 18px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 5px; +} +#chat_container #chat p span.you { + color: #ee33bb; +} +#chat_container #chat p span.msg { + display: block; + margin-left: 80px; + word-wrap: break-word; +} +#chat_container #chat img { + max-width: 200px; + max-height: 200px; +} + +#form { + z-index: 3; + position: absolute; +} +#form input { + outline: 0; + border: 1px solid #cccccc; + padding: 2px; + width: 100%; + font-size: 13px; +} +#form #open-emoticons { + position: absolute; + right: -2px; + bottom: 18px; + width: 15px; + height: 15px; + cursor: pointer; +} +#form #emoticons { + display: none; + display: center; + z-index: 100; + position: absolute; + right: -5px; + bottom: 39px; + width: 110px; + padding: 2px 0px 2px 5px; + border: 1px solid #dddddd; + background: white; +} +#form #emoticons img { + margin: 2px; + border: 1px solid transparent; + cursor: pointer; +} +#form #emoticons img:hover { + border: 1px solid black; +} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 2336d19..61d4685 100644 --- a/public/index.html +++ b/public/index.html @@ -3,6 +3,7 @@ drawdrawdraw + @@ -10,8 +11,17 @@ +
+
+
+
+ +
+ +
+ +
+ - -- cgit v1.2.3-70-g09d2