added stylesheets

lifo · Feb 23, 2011 · a3f9e37 · a3f9e37
1 parent 905d7e3
commit a3f9e37
Show file tree

Hide file tree

Showing 3 changed files with 501 additions and 8 deletions.
diff --git a/app/views/chat.erb b/app/views/chat.erb
@@ -1,14 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>chat</title>
+    <title>Chat</title>
-    <style type="text/css" media="screen">
+    <link rel="stylesheet" href="stylesheets/typogridphy.css" type="text/css" media="screen" charset="utf-8"/>
-      #messages {
+    <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" charset="utf-8"/>
-        width: 400px; 
-        height: 250px; 
-        overflow: auto;
-      }
-    </style>
   </head>
   <body>
     <div>

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -0,0 +1,52 @@
+header h1{
+  text-align: center;
+  font-size: 50px;
+  color: #999;
+  }
+  #chat ol{
+    list-style: none;
+  }
+  #chat ol#messages{
+    height: 400px;
+    overflow: auto;
+  }
+  #chat li{
+    padding: 6px 10px;
+  }
+  #chat li.message{
+    border-top: 1px solid #CCC;
+  }
+  #chat {
+    margin: 0px auto;
+    height: 560px;
+    width: 700px;
+    overflow: hidden;
+    border: 1px solid #666;
+  }
+  #chat form {overflow: hidden;}
+  #chat form label{
+    display: block;
+    margin: 0 0 10px 0;
+    font: normal 18px/18px Verdana;
+  }
+  #chat form input[type=text], #chat form textarea{
+    margin: 3px 0;
+    font: normal 15px/16px Verdana;
+  }
+  #chat form li{
+
+    float: left;
+}
+#chat form #nick{
+  width: 200px;
+  }
+
+  #chat form textarea{
+    width: 454px;
+  }
+  #chat form #nick input{ width: 183px; }
+  #chat form #button{float: right;}
+p#status{
+color: black;
+padding: 0px 13px;
+  }