mad_chatter 0.2.9 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. data/.gitignore +2 -1
  2. data/.rvmrc +1 -0
  3. data/Gemfile.lock +1 -3
  4. data/README.md +25 -20
  5. data/lib/mad_chatter/actions/dsl.rb +4 -10
  6. data/lib/mad_chatter/actions.rb +29 -0
  7. data/lib/mad_chatter/channel.rb +56 -0
  8. data/lib/mad_chatter/config.rb +22 -5
  9. data/lib/mad_chatter/connection.rb +29 -0
  10. data/lib/mad_chatter/extensions.rb +12 -0
  11. data/lib/mad_chatter/markdown_renderer.rb +6 -0
  12. data/lib/mad_chatter/message.rb +39 -12
  13. data/lib/mad_chatter/message_history.rb +8 -5
  14. data/lib/mad_chatter/message_listener.rb +17 -0
  15. data/lib/mad_chatter/message_listeners/code.rb +30 -0
  16. data/lib/mad_chatter/message_listeners/image.rb +27 -0
  17. data/lib/mad_chatter/message_listeners/join.rb +30 -0
  18. data/lib/mad_chatter/message_listeners/markdown.rb +45 -0
  19. data/lib/mad_chatter/message_listeners/nick.rb +26 -0
  20. data/lib/mad_chatter/server.rb +0 -55
  21. data/lib/mad_chatter/servers/em_websocket.rb +5 -14
  22. data/lib/mad_chatter/user.rb +78 -0
  23. data/lib/mad_chatter/users.rb +32 -24
  24. data/lib/mad_chatter/version.rb +1 -1
  25. data/lib/mad_chatter.rb +98 -34
  26. data/mad_chatter.gemspec +1 -1
  27. data/screenshot.png +0 -0
  28. data/spec/actions_spec.rb +7 -0
  29. data/spec/message_history_spec.rb +12 -10
  30. data/spec/message_listeners/code_spec.rb +37 -0
  31. data/spec/message_listeners/join_spec.rb +34 -0
  32. data/spec/message_listeners/markdown_spec.rb +47 -0
  33. data/spec/message_spec.rb +28 -16
  34. data/spec/server_spec.rb +43 -0
  35. data/spec/users_spec.rb +23 -0
  36. data/templates/extensions/example.rb +1 -1
  37. data/templates/extensions.rb +16 -14
  38. data/templates/web/css/bootstrap.css +3363 -0
  39. data/templates/web/css/bootstrap.min.css +610 -0
  40. data/templates/web/css/bootstrap.min.responsive.css +3 -0
  41. data/templates/web/css/bootstrap.responsive.css +567 -0
  42. data/templates/web/css/mad_chatter.css +59 -0
  43. data/templates/web/{styles.css → css/styles.css} +26 -20
  44. data/templates/web/img/glyphicons-halflings-white.png +0 -0
  45. data/templates/web/img/glyphicons-halflings.png +0 -0
  46. data/templates/web/index.html +173 -40
  47. data/templates/web/js/bootstrap.js +1722 -0
  48. data/templates/web/js/bootstrap.min.js +1 -0
  49. data/templates/web/js/mad_chatter.js +292 -0
  50. data/templates/web/{mad_chatter_actions.js → js/mad_chatter_actions.js} +0 -0
  51. data/templates/web/js/mad_chatter_config.js +3 -0
  52. data/templates/web/js/swfobject.js +4 -0
  53. data/templates/web/js/web_socket.js +389 -0
  54. data/templates/web/swf/WebSocketMain.swf +0 -0
  55. metadata +65 -62
  56. data/TODO.txt +0 -10
  57. data/templates/web/mad_chatter.js +0 -161
  58. data/templates/web/mad_chatter_config.js +0 -1
  59. data/templates/web/markitup/jquery.markitup.js +0 -593
  60. data/templates/web/markitup/sets/markdown/images/bold.png +0 -0
  61. data/templates/web/markitup/sets/markdown/images/code.png +0 -0
  62. data/templates/web/markitup/sets/markdown/images/h1.png +0 -0
  63. data/templates/web/markitup/sets/markdown/images/h2.png +0 -0
  64. data/templates/web/markitup/sets/markdown/images/h3.png +0 -0
  65. data/templates/web/markitup/sets/markdown/images/h4.png +0 -0
  66. data/templates/web/markitup/sets/markdown/images/h5.png +0 -0
  67. data/templates/web/markitup/sets/markdown/images/h6.png +0 -0
  68. data/templates/web/markitup/sets/markdown/images/italic.png +0 -0
  69. data/templates/web/markitup/sets/markdown/images/link.png +0 -0
  70. data/templates/web/markitup/sets/markdown/images/list-bullet.png +0 -0
  71. data/templates/web/markitup/sets/markdown/images/list-numeric.png +0 -0
  72. data/templates/web/markitup/sets/markdown/images/picture.png +0 -0
  73. data/templates/web/markitup/sets/markdown/images/preview.png +0 -0
  74. data/templates/web/markitup/sets/markdown/images/quotes.png +0 -0
  75. data/templates/web/markitup/sets/markdown/readme.txt +0 -11
  76. data/templates/web/markitup/sets/markdown/style.css +0 -6
  77. data/templates/web/markitup/skins/mad_chatter/images/handle.png +0 -0
  78. data/templates/web/markitup/skins/mad_chatter/images/menu.png +0 -0
  79. data/templates/web/markitup/skins/mad_chatter/images/submenu.png +0 -0
  80. data/templates/web/markitup/skins/mad_chatter/style.css +0 -121
@@ -0,0 +1,3 @@
1
+
2
+ .hidden{display:none;visibility:hidden;}
3
+ @media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:768px){.container{width:auto;padding:0 20px;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;}}@media (min-width:768px) and (max-width:980px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .span1{width:42px;} .span2{width:104px;} .span3{width:166px;} .span4{width:228px;} .span5{width:290px;} .span6{width:352px;} .span7{width:414px;} .span8{width:476px;} .span9{width:538px;} .span10{width:600px;} .span11{width:662px;} .span12,.container{width:724px;} .offset1{margin-left:82px;} .offset2{margin-left:144px;} .offset3{margin-left:206px;} .offset4{margin-left:268px;} .offset5{margin-left:330px;} .offset6{margin-left:392px;} .offset7{margin-left:454px;} .offset8{margin-left:516px;} .offset9{margin-left:578px;} .offset10{margin-left:640px;} .offset11{margin-left:702px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid .span1{width:5.801104972%;} .row-fluid .span2{width:14.364640883%;} .row-fluid .span3{width:22.928176794%;} .row-fluid .span4{width:31.491712705%;} .row-fluid .span5{width:40.055248616%;} .row-fluid .span6{width:48.618784527%;} .row-fluid .span7{width:57.182320438000005%;} .row-fluid .span8{width:65.74585634900001%;} .row-fluid .span9{width:74.30939226%;} .row-fluid .span10{width:82.87292817100001%;} .row-fluid .span11{width:91.436464082%;} .row-fluid .span12{width:99.999999993%;} input.span1,textarea.span1,.uneditable-input.span1{width:32px;} input.span2,textarea.span2,.uneditable-input.span2{width:94px;} input.span3,textarea.span3,.uneditable-input.span3{width:156px;} input.span4,textarea.span4,.uneditable-input.span4{width:218px;} input.span5,textarea.span5,.uneditable-input.span5{width:280px;} input.span6,textarea.span6,.uneditable-input.span6{width:342px;} input.span7,textarea.span7,.uneditable-input.span7{width:404px;} input.span8,textarea.span8,.uneditable-input.span8{width:466px;} input.span9,textarea.span9,.uneditable-input.span9{width:528px;} input.span10,textarea.span10,.uneditable-input.span10{width:590px;} input.span11,textarea.span11,.uneditable-input.span11{width:652px;} input.span12,textarea.span12,.uneditable-input.span12{width:714px;}}@media (max-width:980px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .span1{width:70px;} .span2{width:170px;} .span3{width:270px;} .span4{width:370px;} .span5{width:470px;} .span6{width:570px;} .span7{width:670px;} .span8{width:770px;} .span9{width:870px;} .span10{width:970px;} .span11{width:1070px;} .span12,.container{width:1170px;} .offset1{margin-left:130px;} .offset2{margin-left:230px;} .offset3{margin-left:330px;} .offset4{margin-left:430px;} .offset5{margin-left:530px;} .offset6{margin-left:630px;} .offset7{margin-left:730px;} .offset8{margin-left:830px;} .offset9{margin-left:930px;} .offset10{margin-left:1030px;} .offset11{margin-left:1130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid .span1{width:5.982905983%;} .row-fluid .span2{width:14.529914530000001%;} .row-fluid .span3{width:23.076923077%;} .row-fluid .span4{width:31.623931624%;} .row-fluid .span5{width:40.170940171000005%;} .row-fluid .span6{width:48.717948718%;} .row-fluid .span7{width:57.264957265%;} .row-fluid .span8{width:65.81196581200001%;} .row-fluid .span9{width:74.358974359%;} .row-fluid .span10{width:82.905982906%;} .row-fluid .span11{width:91.45299145300001%;} .row-fluid .span12{width:100%;} input.span1,textarea.span1,.uneditable-input.span1{width:60px;} input.span2,textarea.span2,.uneditable-input.span2{width:160px;} input.span3,textarea.span3,.uneditable-input.span3{width:260px;} input.span4,textarea.span4,.uneditable-input.span4{width:360px;} input.span5,textarea.span5,.uneditable-input.span5{width:460px;} input.span6,textarea.span6,.uneditable-input.span6{width:560px;} input.span7,textarea.span7,.uneditable-input.span7{width:660px;} input.span8,textarea.span8,.uneditable-input.span8{width:760px;} input.span9,textarea.span9,.uneditable-input.span9{width:860px;} input.span10,textarea.span10,.uneditable-input.span10{width:960px;} input.span11,textarea.span11,.uneditable-input.span11{width:1060px;} input.span12,textarea.span12,.uneditable-input.span12{width:1160px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}}
@@ -0,0 +1,567 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.0.0
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ */
10
+ .hidden {
11
+ display: none;
12
+ visibility: hidden;
13
+ }
14
+ @media (max-width: 480px) {
15
+ .nav-collapse {
16
+ -webkit-transform: translate3d(0, 0, 0);
17
+ }
18
+ .page-header h1 small {
19
+ display: block;
20
+ line-height: 18px;
21
+ }
22
+ input[class*="span"],
23
+ select[class*="span"],
24
+ textarea[class*="span"],
25
+ .uneditable-input {
26
+ display: block;
27
+ width: 100%;
28
+ height: 28px;
29
+ /* Make inputs at least the height of their button counterpart */
30
+
31
+ /* Makes inputs behave like true block-level elements */
32
+
33
+ -webkit-box-sizing: border-box;
34
+ /* Older Webkit */
35
+
36
+ -moz-box-sizing: border-box;
37
+ /* Older FF */
38
+
39
+ -ms-box-sizing: border-box;
40
+ /* IE8 */
41
+
42
+ box-sizing: border-box;
43
+ /* CSS3 spec*/
44
+
45
+ }
46
+ .input-prepend input[class*="span"], .input-append input[class*="span"] {
47
+ width: auto;
48
+ }
49
+ input[type="checkbox"], input[type="radio"] {
50
+ border: 1px solid #ccc;
51
+ }
52
+ .form-horizontal .control-group > label {
53
+ float: none;
54
+ width: auto;
55
+ padding-top: 0;
56
+ text-align: left;
57
+ }
58
+ .form-horizontal .controls {
59
+ margin-left: 0;
60
+ }
61
+ .form-horizontal .control-list {
62
+ padding-top: 0;
63
+ }
64
+ .form-horizontal .form-actions {
65
+ padding-left: 10px;
66
+ padding-right: 10px;
67
+ }
68
+ .modal {
69
+ position: absolute;
70
+ top: 10px;
71
+ left: 10px;
72
+ right: 10px;
73
+ width: auto;
74
+ margin: 0;
75
+ }
76
+ .modal.fade.in {
77
+ top: auto;
78
+ }
79
+ .modal-header .close {
80
+ padding: 10px;
81
+ margin: -10px;
82
+ }
83
+ .carousel-caption {
84
+ position: static;
85
+ }
86
+ }
87
+ @media (max-width: 768px) {
88
+ .container {
89
+ width: auto;
90
+ padding: 0 20px;
91
+ }
92
+ .row-fluid {
93
+ width: 100%;
94
+ }
95
+ .row {
96
+ margin-left: 0;
97
+ }
98
+ .row > [class*="span"], .row-fluid > [class*="span"] {
99
+ float: none;
100
+ display: block;
101
+ width: auto;
102
+ margin: 0;
103
+ }
104
+ }
105
+ @media (min-width: 768px) and (max-width: 980px) {
106
+ .row {
107
+ margin-left: -20px;
108
+ *zoom: 1;
109
+ }
110
+ .row:before, .row:after {
111
+ display: table;
112
+ content: "";
113
+ }
114
+ .row:after {
115
+ clear: both;
116
+ }
117
+ [class*="span"] {
118
+ float: left;
119
+ margin-left: 20px;
120
+ }
121
+ .span1 {
122
+ width: 42px;
123
+ }
124
+ .span2 {
125
+ width: 104px;
126
+ }
127
+ .span3 {
128
+ width: 166px;
129
+ }
130
+ .span4 {
131
+ width: 228px;
132
+ }
133
+ .span5 {
134
+ width: 290px;
135
+ }
136
+ .span6 {
137
+ width: 352px;
138
+ }
139
+ .span7 {
140
+ width: 414px;
141
+ }
142
+ .span8 {
143
+ width: 476px;
144
+ }
145
+ .span9 {
146
+ width: 538px;
147
+ }
148
+ .span10 {
149
+ width: 600px;
150
+ }
151
+ .span11 {
152
+ width: 662px;
153
+ }
154
+ .span12, .container {
155
+ width: 724px;
156
+ }
157
+ .offset1 {
158
+ margin-left: 82px;
159
+ }
160
+ .offset2 {
161
+ margin-left: 144px;
162
+ }
163
+ .offset3 {
164
+ margin-left: 206px;
165
+ }
166
+ .offset4 {
167
+ margin-left: 268px;
168
+ }
169
+ .offset5 {
170
+ margin-left: 330px;
171
+ }
172
+ .offset6 {
173
+ margin-left: 392px;
174
+ }
175
+ .offset7 {
176
+ margin-left: 454px;
177
+ }
178
+ .offset8 {
179
+ margin-left: 516px;
180
+ }
181
+ .offset9 {
182
+ margin-left: 578px;
183
+ }
184
+ .offset10 {
185
+ margin-left: 640px;
186
+ }
187
+ .offset11 {
188
+ margin-left: 702px;
189
+ }
190
+ .row-fluid {
191
+ width: 100%;
192
+ *zoom: 1;
193
+ }
194
+ .row-fluid:before, .row-fluid:after {
195
+ display: table;
196
+ content: "";
197
+ }
198
+ .row-fluid:after {
199
+ clear: both;
200
+ }
201
+ .row-fluid > [class*="span"] {
202
+ float: left;
203
+ margin-left: 2.762430939%;
204
+ }
205
+ .row-fluid > [class*="span"]:first-child {
206
+ margin-left: 0;
207
+ }
208
+ .row-fluid .span1 {
209
+ width: 5.801104972%;
210
+ }
211
+ .row-fluid .span2 {
212
+ width: 14.364640883%;
213
+ }
214
+ .row-fluid .span3 {
215
+ width: 22.928176794%;
216
+ }
217
+ .row-fluid .span4 {
218
+ width: 31.491712705%;
219
+ }
220
+ .row-fluid .span5 {
221
+ width: 40.055248616%;
222
+ }
223
+ .row-fluid .span6 {
224
+ width: 48.618784527%;
225
+ }
226
+ .row-fluid .span7 {
227
+ width: 57.182320438000005%;
228
+ }
229
+ .row-fluid .span8 {
230
+ width: 65.74585634900001%;
231
+ }
232
+ .row-fluid .span9 {
233
+ width: 74.30939226%;
234
+ }
235
+ .row-fluid .span10 {
236
+ width: 82.87292817100001%;
237
+ }
238
+ .row-fluid .span11 {
239
+ width: 91.436464082%;
240
+ }
241
+ .row-fluid .span12 {
242
+ width: 99.999999993%;
243
+ }
244
+ input.span1, textarea.span1, .uneditable-input.span1 {
245
+ width: 32px;
246
+ }
247
+ input.span2, textarea.span2, .uneditable-input.span2 {
248
+ width: 94px;
249
+ }
250
+ input.span3, textarea.span3, .uneditable-input.span3 {
251
+ width: 156px;
252
+ }
253
+ input.span4, textarea.span4, .uneditable-input.span4 {
254
+ width: 218px;
255
+ }
256
+ input.span5, textarea.span5, .uneditable-input.span5 {
257
+ width: 280px;
258
+ }
259
+ input.span6, textarea.span6, .uneditable-input.span6 {
260
+ width: 342px;
261
+ }
262
+ input.span7, textarea.span7, .uneditable-input.span7 {
263
+ width: 404px;
264
+ }
265
+ input.span8, textarea.span8, .uneditable-input.span8 {
266
+ width: 466px;
267
+ }
268
+ input.span9, textarea.span9, .uneditable-input.span9 {
269
+ width: 528px;
270
+ }
271
+ input.span10, textarea.span10, .uneditable-input.span10 {
272
+ width: 590px;
273
+ }
274
+ input.span11, textarea.span11, .uneditable-input.span11 {
275
+ width: 652px;
276
+ }
277
+ input.span12, textarea.span12, .uneditable-input.span12 {
278
+ width: 714px;
279
+ }
280
+ }
281
+ @media (max-width: 980px) {
282
+ body {
283
+ padding-top: 0;
284
+ }
285
+ .navbar-fixed-top {
286
+ position: static;
287
+ margin-bottom: 18px;
288
+ }
289
+ .navbar-fixed-top .navbar-inner {
290
+ padding: 5px;
291
+ }
292
+ .navbar .container {
293
+ width: auto;
294
+ padding: 0;
295
+ }
296
+ .navbar .brand {
297
+ padding-left: 10px;
298
+ padding-right: 10px;
299
+ margin: 0 0 0 -5px;
300
+ }
301
+ .navbar .nav-collapse {
302
+ clear: left;
303
+ }
304
+ .navbar .nav {
305
+ float: none;
306
+ margin: 0 0 9px;
307
+ }
308
+ .navbar .nav > li {
309
+ float: none;
310
+ }
311
+ .navbar .nav > li > a {
312
+ margin-bottom: 2px;
313
+ }
314
+ .navbar .nav > .divider-vertical {
315
+ display: none;
316
+ }
317
+ .navbar .nav > li > a, .navbar .dropdown-menu a {
318
+ padding: 6px 15px;
319
+ font-weight: bold;
320
+ color: #999999;
321
+ -webkit-border-radius: 3px;
322
+ -moz-border-radius: 3px;
323
+ border-radius: 3px;
324
+ }
325
+ .navbar .dropdown-menu li + li a {
326
+ margin-bottom: 2px;
327
+ }
328
+ .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
329
+ background-color: #222222;
330
+ }
331
+ .navbar .dropdown-menu {
332
+ position: static;
333
+ top: auto;
334
+ left: auto;
335
+ float: none;
336
+ display: block;
337
+ max-width: none;
338
+ margin: 0 15px;
339
+ padding: 0;
340
+ background-color: transparent;
341
+ border: none;
342
+ -webkit-border-radius: 0;
343
+ -moz-border-radius: 0;
344
+ border-radius: 0;
345
+ -webkit-box-shadow: none;
346
+ -moz-box-shadow: none;
347
+ box-shadow: none;
348
+ }
349
+ .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
350
+ display: none;
351
+ }
352
+ .navbar .dropdown-menu .divider {
353
+ display: none;
354
+ }
355
+ .navbar-form, .navbar-search {
356
+ float: none;
357
+ padding: 9px 15px;
358
+ margin: 9px 0;
359
+ border-top: 1px solid #222222;
360
+ border-bottom: 1px solid #222222;
361
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
362
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
363
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
364
+ }
365
+ .navbar .nav.pull-right {
366
+ float: none;
367
+ margin-left: 0;
368
+ }
369
+ .navbar-static .navbar-inner {
370
+ padding-left: 10px;
371
+ padding-right: 10px;
372
+ }
373
+ .btn-navbar {
374
+ display: block;
375
+ }
376
+ .nav-collapse {
377
+ overflow: hidden;
378
+ height: 0;
379
+ }
380
+ }
381
+ @media (min-width: 980px) {
382
+ .nav-collapse.collapse {
383
+ height: auto !important;
384
+ }
385
+ }
386
+ @media (min-width: 1200px) {
387
+ .row {
388
+ margin-left: -30px;
389
+ *zoom: 1;
390
+ }
391
+ .row:before, .row:after {
392
+ display: table;
393
+ content: "";
394
+ }
395
+ .row:after {
396
+ clear: both;
397
+ }
398
+ [class*="span"] {
399
+ float: left;
400
+ margin-left: 30px;
401
+ }
402
+ .span1 {
403
+ width: 70px;
404
+ }
405
+ .span2 {
406
+ width: 170px;
407
+ }
408
+ .span3 {
409
+ width: 270px;
410
+ }
411
+ .span4 {
412
+ width: 370px;
413
+ }
414
+ .span5 {
415
+ width: 470px;
416
+ }
417
+ .span6 {
418
+ width: 570px;
419
+ }
420
+ .span7 {
421
+ width: 670px;
422
+ }
423
+ .span8 {
424
+ width: 770px;
425
+ }
426
+ .span9 {
427
+ width: 870px;
428
+ }
429
+ .span10 {
430
+ width: 970px;
431
+ }
432
+ .span11 {
433
+ width: 1070px;
434
+ }
435
+ .span12, .container {
436
+ width: 1170px;
437
+ }
438
+ .offset1 {
439
+ margin-left: 130px;
440
+ }
441
+ .offset2 {
442
+ margin-left: 230px;
443
+ }
444
+ .offset3 {
445
+ margin-left: 330px;
446
+ }
447
+ .offset4 {
448
+ margin-left: 430px;
449
+ }
450
+ .offset5 {
451
+ margin-left: 530px;
452
+ }
453
+ .offset6 {
454
+ margin-left: 630px;
455
+ }
456
+ .offset7 {
457
+ margin-left: 730px;
458
+ }
459
+ .offset8 {
460
+ margin-left: 830px;
461
+ }
462
+ .offset9 {
463
+ margin-left: 930px;
464
+ }
465
+ .offset10 {
466
+ margin-left: 1030px;
467
+ }
468
+ .offset11 {
469
+ margin-left: 1130px;
470
+ }
471
+ .row-fluid {
472
+ width: 100%;
473
+ *zoom: 1;
474
+ }
475
+ .row-fluid:before, .row-fluid:after {
476
+ display: table;
477
+ content: "";
478
+ }
479
+ .row-fluid:after {
480
+ clear: both;
481
+ }
482
+ .row-fluid > [class*="span"] {
483
+ float: left;
484
+ margin-left: 2.564102564%;
485
+ }
486
+ .row-fluid > [class*="span"]:first-child {
487
+ margin-left: 0;
488
+ }
489
+ .row-fluid .span1 {
490
+ width: 5.982905983%;
491
+ }
492
+ .row-fluid .span2 {
493
+ width: 14.529914530000001%;
494
+ }
495
+ .row-fluid .span3 {
496
+ width: 23.076923077%;
497
+ }
498
+ .row-fluid .span4 {
499
+ width: 31.623931624%;
500
+ }
501
+ .row-fluid .span5 {
502
+ width: 40.170940171000005%;
503
+ }
504
+ .row-fluid .span6 {
505
+ width: 48.717948718%;
506
+ }
507
+ .row-fluid .span7 {
508
+ width: 57.264957265%;
509
+ }
510
+ .row-fluid .span8 {
511
+ width: 65.81196581200001%;
512
+ }
513
+ .row-fluid .span9 {
514
+ width: 74.358974359%;
515
+ }
516
+ .row-fluid .span10 {
517
+ width: 82.905982906%;
518
+ }
519
+ .row-fluid .span11 {
520
+ width: 91.45299145300001%;
521
+ }
522
+ .row-fluid .span12 {
523
+ width: 100%;
524
+ }
525
+ input.span1, textarea.span1, .uneditable-input.span1 {
526
+ width: 60px;
527
+ }
528
+ input.span2, textarea.span2, .uneditable-input.span2 {
529
+ width: 160px;
530
+ }
531
+ input.span3, textarea.span3, .uneditable-input.span3 {
532
+ width: 260px;
533
+ }
534
+ input.span4, textarea.span4, .uneditable-input.span4 {
535
+ width: 360px;
536
+ }
537
+ input.span5, textarea.span5, .uneditable-input.span5 {
538
+ width: 460px;
539
+ }
540
+ input.span6, textarea.span6, .uneditable-input.span6 {
541
+ width: 560px;
542
+ }
543
+ input.span7, textarea.span7, .uneditable-input.span7 {
544
+ width: 660px;
545
+ }
546
+ input.span8, textarea.span8, .uneditable-input.span8 {
547
+ width: 760px;
548
+ }
549
+ input.span9, textarea.span9, .uneditable-input.span9 {
550
+ width: 860px;
551
+ }
552
+ input.span10, textarea.span10, .uneditable-input.span10 {
553
+ width: 960px;
554
+ }
555
+ input.span11, textarea.span11, .uneditable-input.span11 {
556
+ width: 1060px;
557
+ }
558
+ input.span12, textarea.span12, .uneditable-input.span12 {
559
+ width: 1160px;
560
+ }
561
+ .thumbnails {
562
+ margin-left: -30px;
563
+ }
564
+ .thumbnails > li {
565
+ margin-left: 30px;
566
+ }
567
+ }
@@ -0,0 +1,59 @@
1
+ body {
2
+ padding-top: 60px;
3
+ padding-bottom: 80px;
4
+ }
5
+
6
+ #login_screen {
7
+ position:relative;
8
+ top:10%;
9
+ text-align:center;
10
+ }
11
+
12
+ .channel .messages {
13
+ padding: 0;
14
+ }
15
+ .channel .status {
16
+ text-align: center;
17
+ color: #999;
18
+ }
19
+ .users {
20
+ margin: 0;
21
+ list-style: none;
22
+ list-style-position: inside;
23
+ }
24
+ .channel .users li {
25
+ margin-bottom: 5px;
26
+ }
27
+ .channel .username {
28
+ font-weight: bold;
29
+ vertical-align: top;
30
+ }
31
+ .messages time {
32
+ color: #999;
33
+ display: block;
34
+ text-align: right;
35
+ }
36
+ .channel .sidebar-nav {
37
+ position: fixed;
38
+ right: 30px;
39
+ }
40
+ .new_message {
41
+ position: fixed;
42
+ bottom: 0;
43
+ margin-left: -20px;
44
+ margin-bottom: 0;
45
+ padding: 10px;
46
+ }
47
+ .new_message input {
48
+ width: 100%;
49
+ }
50
+ #share_code textarea {
51
+ width:520px;
52
+ font: 12px Menlo, Monaco, "Courier New", monospace;
53
+ }
54
+
55
+ /*this should be temporary. not sure how else to fix this*/
56
+ .popover { margin-left: -50px }
57
+ .popover.bottom .arrow { left: 80%; }
58
+ .popover-inner { width: 150px }
59
+ .popover-title { display: none }