main.css 926 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .ng-cloak {
  2. display: none !important;
  3. }
  4. .container {
  5. max-width: 820px;
  6. }
  7. .container > footer p {
  8. text-align: center; /* center align it with the container */
  9. }
  10. .brand.navbar-brand {
  11. color: white;
  12. }
  13. /* Give a quick and non-cross-browser friendly divider */
  14. .content .sidebar {
  15. border-left: 1px solid #eee;
  16. }
  17. #cardForm input[type="text"] {
  18. width: 200px;
  19. }
  20. #username {
  21. width: 200px;
  22. }
  23. #messages {
  24. overflow-y: scroll;
  25. }
  26. #messages table {
  27. width: 100%;
  28. }
  29. .message {
  30. border-bottom: 1px solid #eee;
  31. vertical-align: top;
  32. }
  33. .message td {
  34. padding: 4px;
  35. }
  36. .message .user {
  37. width: 80px;
  38. overflow: hidden;
  39. text-align: right;
  40. font-weight: bold;
  41. }
  42. .message.me {
  43. background: #FFC;
  44. }
  45. .message.gm {
  46. background: #D9FBE7;
  47. }
  48. .message.join, .message.quit {
  49. background: #D9E7FB;
  50. }
  51. #login {
  52. text-align: center;
  53. padding-top: 100px;
  54. height: 300px;
  55. }