Permalink
Browse files

added stylesheets

  • Loading branch information...
1 parent 905d7e3 commit a3f9e37f7ad3ee3ab34fab6a269f72da46d10496 Emerson Vinicius committed Feb 23, 2011
Showing with 501 additions and 8 deletions.
  1. +3 −8 app/views/chat.erb
  2. +52 −0 public/stylesheets/style.css
  3. +446 −0 public/stylesheets/typogridphy.css
View
@@ -1,14 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <title>chat</title>
- <style type="text/css" media="screen">
- #messages {
- width: 400px;
- height: 250px;
- overflow: auto;
- }
- </style>
+ <title>Chat</title>
+ <link rel="stylesheet" href="stylesheets/typogridphy.css" type="text/css" media="screen" charset="utf-8"/>
+ <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" charset="utf-8"/>
</head>
<body>
<div>
@@ -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;
+ }
Oops, something went wrong.

0 comments on commit a3f9e37

Please sign in to comment.