adding styles

tenderlove · Jul 22, 2012 · a27b3cf · a27b3cf
1 parent 46065d8
commit a27b3cf
Show file tree

Hide file tree

Showing 9 changed files with 6,044 additions and 6 deletions.
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -11,3 +11,166 @@
  *= require_self
  *= require_tree .
  */
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+
+
+#home {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #222;            /* Foreground color used for text */
+  font-family: Helvetica; 
+  font-size: 14px;
+  padding-bottom: 40px;
+  background-color: #f7eac5;
+}
+
+ul, li { 
+  text-decoration: none; 
+  list-style:none;  
+  line-height: 18px;
+}
+
+#chatroom li {
+  border-top: 1px dotted #ccc;
+}
+
+.input-append .me {
+  background-color: #ee4030 !important; 
+  border-color: #46a546;
+}
+
+#chatroom > .me {
+  background-color: #ee4030 !important; 
+  color: #ffffff;
+}
+
+#chatroom > .other {
+  background-color: #00a4dd !important; 
+  color: black;
+}
+
+.other { }
+
+.navbar .box > .active {
+  float: none;
+  padding: 9px 10px 11px;
+  line-height: 19px;
+  color:#ee4030; 
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+#chatroom {
+  margin-bottom: 0;
+}
+
+#chatroom > li ,
+#chatroom .box-header {
+  margin-right: -15px;
+  margin-left: -15px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+
+#chatroom > li  {
+  padding: 3px 15px;
+}
+
+#chatroom .divider {
+  *width: 100%;
+  height: 1px;
+  margin: 8px 1px;
+  *margin: -5px 0 5px;
+  overflow: hidden;
+  background-color: #e5e5e5;
+  border-bottom: 1px solid #ffffff;
+}
+.box {
+  margin-bottom: 18px;
+  margin-left: 0;
+  list-style: none;
+}
+
+
+.box > li {
+  display: block;
+}
+.container {
+  width: 90% !important;
+}
+.container {
+  padding-right: 20px;
+  padding-left: 20px;
+  *zoom: 1;
+position:center;
+}
+.container {
+  padding-right: 20px;
+  padding-left: 20px;
+  *zoom: 1;
+}
+
+.container:before,
+.container:after {
+  display: table;
+  content: "";
+}
+
+.container:after {
+  clear: both;
+}
+.row {
+  min-width: 320px;
+  *zoom: 1;
+margin:0;
+}
+
+.row:before,
+.row:after {
+  display: table;
+  content: "";
+}
+
+.row:after {
+  clear: both;
+}
+
+.row {
+  display: block;
+  float: left;
+  width: 100%;
+  min-height: 28px;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+      -ms-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.frame {
+  min-height: 20px;
+  padding: 18px 15px;
+  margin: 20px 0;
+  background-color: #233443; /* Background color */
+  border: 1px solid #eee;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+.frame p {
+  color: #fffefc;
+}
+
+#messages-form {
+  margin: 15px 0;
+}
+
+#messages-form input {
+  width: 95%;
+}