semantic-ui-rails 0.8.4 → 0.8.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/semantic-ui/elements/image.less +181 -181
- data/app/assets/stylesheets/semantic-ui/modules/accordion.less +197 -197
- data/app/assets/stylesheets/semantic-ui/modules/chatroom.less +280 -280
- data/app/assets/stylesheets/semantic-ui/modules/nag.less +172 -172
- data/app/assets/stylesheets/semantic-ui/modules/popup.less +255 -255
- data/app/assets/stylesheets/semantic-ui/modules/video.less +98 -98
- data/lib/generators/semantic/install/install_generator.rb +2 -19
- data/lib/semantic/ui/rails/version.rb +1 -1
- metadata +1 -1
@@ -1,281 +1,281 @@
|
|
1
|
-
/*
|
2
|
-
* # Semantic - Chat Room
|
3
|
-
* http://github.com/jlukic/semantic-ui/
|
4
|
-
*
|
5
|
-
*
|
6
|
-
* Copyright 2013 Contributors
|
7
|
-
* Released under the MIT license
|
8
|
-
* http://opensource.org/licenses/MIT
|
9
|
-
*
|
10
|
-
*/
|
11
|
-
|
12
|
-
/*******************************
|
13
|
-
Chat Room
|
14
|
-
*******************************/
|
15
|
-
|
16
|
-
.ui.chatroom {
|
17
|
-
background-color: #F8F8F8;
|
18
|
-
width: 330px;
|
19
|
-
height: 370px;
|
20
|
-
padding: 0px;
|
21
|
-
}
|
22
|
-
.ui.chatroom .room {
|
23
|
-
position: relative;
|
24
|
-
background-color: #FFFFFF;
|
25
|
-
overflow: hidden;
|
26
|
-
height: 286px;
|
27
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
28
|
-
border-top: none;
|
29
|
-
border-bottom: none;
|
30
|
-
}
|
31
|
-
.ui.chatroom .room .loader {
|
32
|
-
display: none;
|
33
|
-
margin: -25px 0px 0px -25px;
|
34
|
-
}
|
35
|
-
/* Chat Room Actions */
|
36
|
-
.ui.chatroom .actions {
|
37
|
-
overflow: hidden;
|
38
|
-
background-color: #EEEEEE;
|
39
|
-
padding: 4px;
|
40
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
41
|
-
|
42
|
-
-moz-border-radius: 5px 5px 0px 0px;
|
43
|
-
-webkit-border-radius: 5px 5px 0px 0px;
|
44
|
-
border-radius: 5px 5px 0px 0px;
|
45
|
-
}
|
46
|
-
.ui.chatroom .actions .button {
|
47
|
-
float: right;
|
48
|
-
margin-left: 3px;
|
49
|
-
}
|
50
|
-
|
51
|
-
/* Online User Count */
|
52
|
-
.ui.chatroom .actions .message {
|
53
|
-
float: left;
|
54
|
-
margin-left: 6px;
|
55
|
-
font-size: 11px;
|
56
|
-
color: #AAAAAA;
|
57
|
-
text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
|
58
|
-
line-height: 28px;
|
59
|
-
}
|
60
|
-
.ui.chatroom .actions .message .loader {
|
61
|
-
display: inline-block;
|
62
|
-
margin-right: 8px;
|
63
|
-
}
|
64
|
-
|
65
|
-
|
66
|
-
/* Chat Room Text Log */
|
67
|
-
.ui.chatroom .log {
|
68
|
-
float: left;
|
69
|
-
|
70
|
-
overflow: auto;
|
71
|
-
overflow-x: hidden;
|
72
|
-
overflow-y: auto;
|
73
|
-
}
|
74
|
-
.ui.chatroom .log .message {
|
75
|
-
padding: 3px 0px;
|
76
|
-
border-top: 1px dotted #DADADA;
|
77
|
-
}
|
78
|
-
.ui.chatroom .log .message:first-child {
|
79
|
-
border-top: none;
|
80
|
-
}
|
81
|
-
/* status event */
|
82
|
-
.ui.chatroom .status {
|
83
|
-
padding: 5px 0px;
|
84
|
-
color: #AAAAAA;
|
85
|
-
|
86
|
-
font-size: 12px;
|
87
|
-
font-style: italic;
|
88
|
-
line-height: 1.33;
|
89
|
-
border-top: 1px dotted #DADADA;
|
90
|
-
}
|
91
|
-
.ui.chatroom .log .status:first-child {
|
92
|
-
border-top: none;
|
93
|
-
}
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
.ui.chatroom .log .flag {
|
98
|
-
float: left;
|
99
|
-
}
|
100
|
-
.ui.chatroom .log p {
|
101
|
-
margin-left: 0px;
|
102
|
-
}
|
103
|
-
.ui.chatroom .log .author {
|
104
|
-
font-weight: bold;
|
105
|
-
-webkit-transition: color 0.3s ease-out;
|
106
|
-
-moz-transition: color 0.3s ease-out;
|
107
|
-
-o-transition: color 0.3s ease-out;
|
108
|
-
-ms-transition: color 0.3s ease-out;
|
109
|
-
transition: color 0.3s ease-out;
|
110
|
-
}
|
111
|
-
.ui.chatroom .log a.author:hover {
|
112
|
-
opacity: 0.8;
|
113
|
-
}
|
114
|
-
|
115
|
-
.ui.chatroom .log .message.admin p {
|
116
|
-
font-weight: bold;
|
117
|
-
margin: 1px 0px 0px 23px;
|
118
|
-
}
|
119
|
-
.ui.chatroom .log .divider {
|
120
|
-
margin: -1px 0px;
|
121
|
-
font-size: 11px;
|
122
|
-
padding: 10px 0px;
|
123
|
-
border-top: 1px solid #F8F8F8;
|
124
|
-
border-bottom: 1px solid #F8F8F8;
|
125
|
-
}
|
126
|
-
.ui.chatroom .log .divider .rule {
|
127
|
-
top: 50%;
|
128
|
-
width: 15%;
|
129
|
-
}
|
130
|
-
|
131
|
-
.ui.chatroom .log .divider .label {
|
132
|
-
color: #777777;
|
133
|
-
margin: 0px;
|
134
|
-
}
|
135
|
-
|
136
|
-
/* Chat Room User List */
|
137
|
-
.ui.chatroom .room .list {
|
138
|
-
position: relative;
|
139
|
-
overflow: auto;
|
140
|
-
overflow-x: hidden;
|
141
|
-
overflow-y: auto;
|
142
|
-
|
143
|
-
float: left;
|
144
|
-
background-color: #EEEEEE;
|
145
|
-
border-left: 1px solid #DDDDDD;
|
146
|
-
}
|
147
|
-
.ui.chatroom .room .list .user {
|
148
|
-
display: table;
|
149
|
-
padding: 3px 7px;
|
150
|
-
border-bottom: 1px solid #DDDDDD;
|
151
|
-
}
|
152
|
-
.ui.chatroom .room .list .user:hover {
|
153
|
-
background-color: #F8F8F8;
|
154
|
-
}
|
155
|
-
.ui.chatroom .room .list .image {
|
156
|
-
display: table-cell;
|
157
|
-
vertical-align: middle;
|
158
|
-
width: 20px;
|
159
|
-
}
|
160
|
-
.ui.chatroom .room .list .image img {
|
161
|
-
width: 20px;
|
162
|
-
height: 20px;
|
163
|
-
vertical-align: middle;
|
164
|
-
}
|
165
|
-
.ui.chatroom .room .list p {
|
166
|
-
display: table-cell;
|
167
|
-
vertical-align: middle;
|
168
|
-
padding-left: 7px;
|
169
|
-
padding-right: 14px;
|
170
|
-
font-size: 11px;
|
171
|
-
line-height: 1.2;
|
172
|
-
font-weight: bold;
|
173
|
-
}
|
174
|
-
.ui.chatroom .room .list a:hover {
|
175
|
-
opacity: 0.8;
|
176
|
-
}
|
177
|
-
|
178
|
-
/* User List Loading */
|
179
|
-
.ui.chatroom.loading .loader {
|
180
|
-
display: block;
|
181
|
-
}
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
/* Chat Room Talk Input */
|
186
|
-
.ui.chatroom .talk {
|
187
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
188
|
-
padding: 5px 0px 0px;
|
189
|
-
|
190
|
-
background-color: #EEEEEE;
|
191
|
-
|
192
|
-
-webkit-border-radius: 0px 0px 5px 5px;
|
193
|
-
-moz-border-radius: 0px 0px 5px 5px;
|
194
|
-
border-radius: 0px 0px 5px 5px;
|
195
|
-
}
|
196
|
-
.ui.chatroom .talk .avatar,
|
197
|
-
.ui.chatroom .talk input,
|
198
|
-
.ui.chatroom .talk .button {
|
199
|
-
float: left;
|
200
|
-
}
|
201
|
-
|
202
|
-
.ui.chatroom .talk .avatar img {
|
203
|
-
display: block;
|
204
|
-
width: 30px;
|
205
|
-
height: 30px;
|
206
|
-
margin-right: 4px;
|
207
|
-
border-radius: 500rem;
|
208
|
-
}
|
209
|
-
.ui.chatroom .talk input {
|
210
|
-
border: 1px solid #CCCCCC;
|
211
|
-
margin: 0px;
|
212
|
-
width: 196px;
|
213
|
-
height: 14px;
|
214
|
-
padding: 8px 5px;
|
215
|
-
font-size: 12px;
|
216
|
-
color: #555555;
|
217
|
-
}
|
218
|
-
.ui.chatroom .talk input.focus {
|
219
|
-
border: 1px solid #AAAAAA;
|
220
|
-
}
|
221
|
-
.ui.chatroom .send {
|
222
|
-
width: 80px;
|
223
|
-
height: 32px;
|
224
|
-
|
225
|
-
margin-left: -1px;
|
226
|
-
padding: 4px 12px;
|
227
|
-
font-size: 12px;
|
228
|
-
line-height: 23px;
|
229
|
-
|
230
|
-
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
|
231
|
-
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
|
232
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
|
233
|
-
|
234
|
-
border-radius: 0 5px 5px 0;
|
235
|
-
}
|
236
|
-
.ui.chatroom .talk .log-in.button {
|
237
|
-
display: block;
|
238
|
-
float: none;
|
239
|
-
margin-top: -6px;
|
240
|
-
height: 22px;
|
241
|
-
border-radius: 0px 0px 4px 4px;
|
242
|
-
}
|
243
|
-
.ui.chatroom .talk .log-in.button i {
|
244
|
-
vertical-align: text-top;
|
245
|
-
}
|
246
|
-
|
247
|
-
/* Quirky Flags */
|
248
|
-
.ui.chatroom .log .team.flag {
|
249
|
-
width: 18px;
|
250
|
-
}
|
251
|
-
|
252
|
-
/* Chat room Loaded */
|
253
|
-
.ui.chatroom.loading .loader {
|
254
|
-
display: block;
|
255
|
-
}
|
256
|
-
|
257
|
-
|
258
|
-
/* Standard Size */
|
259
|
-
.ui.chatroom {
|
260
|
-
width: 330px;
|
261
|
-
height: 370px;
|
262
|
-
}
|
263
|
-
.ui.chatroom .room .container {
|
264
|
-
width: 3000px;
|
265
|
-
}
|
266
|
-
.ui.chatroom .log {
|
267
|
-
width: 314px;
|
268
|
-
height: 278px;
|
269
|
-
padding: 4px 7px;
|
270
|
-
}
|
271
|
-
.ui.chatroom .room .list {
|
272
|
-
width: 124px;
|
273
|
-
height: 278px;
|
274
|
-
padding: 4px 0px;
|
275
|
-
}
|
276
|
-
.ui.chatroom .room .list .user {
|
277
|
-
width: 110px;
|
278
|
-
}
|
279
|
-
.ui.chatroom .talk {
|
280
|
-
height: 40px;
|
1
|
+
/*
|
2
|
+
* # Semantic - Chat Room
|
3
|
+
* http://github.com/jlukic/semantic-ui/
|
4
|
+
*
|
5
|
+
*
|
6
|
+
* Copyright 2013 Contributors
|
7
|
+
* Released under the MIT license
|
8
|
+
* http://opensource.org/licenses/MIT
|
9
|
+
*
|
10
|
+
*/
|
11
|
+
|
12
|
+
/*******************************
|
13
|
+
Chat Room
|
14
|
+
*******************************/
|
15
|
+
|
16
|
+
.ui.chatroom {
|
17
|
+
background-color: #F8F8F8;
|
18
|
+
width: 330px;
|
19
|
+
height: 370px;
|
20
|
+
padding: 0px;
|
21
|
+
}
|
22
|
+
.ui.chatroom .room {
|
23
|
+
position: relative;
|
24
|
+
background-color: #FFFFFF;
|
25
|
+
overflow: hidden;
|
26
|
+
height: 286px;
|
27
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
28
|
+
border-top: none;
|
29
|
+
border-bottom: none;
|
30
|
+
}
|
31
|
+
.ui.chatroom .room .loader {
|
32
|
+
display: none;
|
33
|
+
margin: -25px 0px 0px -25px;
|
34
|
+
}
|
35
|
+
/* Chat Room Actions */
|
36
|
+
.ui.chatroom .actions {
|
37
|
+
overflow: hidden;
|
38
|
+
background-color: #EEEEEE;
|
39
|
+
padding: 4px;
|
40
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
41
|
+
|
42
|
+
-moz-border-radius: 5px 5px 0px 0px;
|
43
|
+
-webkit-border-radius: 5px 5px 0px 0px;
|
44
|
+
border-radius: 5px 5px 0px 0px;
|
45
|
+
}
|
46
|
+
.ui.chatroom .actions .button {
|
47
|
+
float: right;
|
48
|
+
margin-left: 3px;
|
49
|
+
}
|
50
|
+
|
51
|
+
/* Online User Count */
|
52
|
+
.ui.chatroom .actions .message {
|
53
|
+
float: left;
|
54
|
+
margin-left: 6px;
|
55
|
+
font-size: 11px;
|
56
|
+
color: #AAAAAA;
|
57
|
+
text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
|
58
|
+
line-height: 28px;
|
59
|
+
}
|
60
|
+
.ui.chatroom .actions .message .loader {
|
61
|
+
display: inline-block;
|
62
|
+
margin-right: 8px;
|
63
|
+
}
|
64
|
+
|
65
|
+
|
66
|
+
/* Chat Room Text Log */
|
67
|
+
.ui.chatroom .log {
|
68
|
+
float: left;
|
69
|
+
|
70
|
+
overflow: auto;
|
71
|
+
overflow-x: hidden;
|
72
|
+
overflow-y: auto;
|
73
|
+
}
|
74
|
+
.ui.chatroom .log .message {
|
75
|
+
padding: 3px 0px;
|
76
|
+
border-top: 1px dotted #DADADA;
|
77
|
+
}
|
78
|
+
.ui.chatroom .log .message:first-child {
|
79
|
+
border-top: none;
|
80
|
+
}
|
81
|
+
/* status event */
|
82
|
+
.ui.chatroom .status {
|
83
|
+
padding: 5px 0px;
|
84
|
+
color: #AAAAAA;
|
85
|
+
|
86
|
+
font-size: 12px;
|
87
|
+
font-style: italic;
|
88
|
+
line-height: 1.33;
|
89
|
+
border-top: 1px dotted #DADADA;
|
90
|
+
}
|
91
|
+
.ui.chatroom .log .status:first-child {
|
92
|
+
border-top: none;
|
93
|
+
}
|
94
|
+
|
95
|
+
|
96
|
+
|
97
|
+
.ui.chatroom .log .flag {
|
98
|
+
float: left;
|
99
|
+
}
|
100
|
+
.ui.chatroom .log p {
|
101
|
+
margin-left: 0px;
|
102
|
+
}
|
103
|
+
.ui.chatroom .log .author {
|
104
|
+
font-weight: bold;
|
105
|
+
-webkit-transition: color 0.3s ease-out;
|
106
|
+
-moz-transition: color 0.3s ease-out;
|
107
|
+
-o-transition: color 0.3s ease-out;
|
108
|
+
-ms-transition: color 0.3s ease-out;
|
109
|
+
transition: color 0.3s ease-out;
|
110
|
+
}
|
111
|
+
.ui.chatroom .log a.author:hover {
|
112
|
+
opacity: 0.8;
|
113
|
+
}
|
114
|
+
|
115
|
+
.ui.chatroom .log .message.admin p {
|
116
|
+
font-weight: bold;
|
117
|
+
margin: 1px 0px 0px 23px;
|
118
|
+
}
|
119
|
+
.ui.chatroom .log .divider {
|
120
|
+
margin: -1px 0px;
|
121
|
+
font-size: 11px;
|
122
|
+
padding: 10px 0px;
|
123
|
+
border-top: 1px solid #F8F8F8;
|
124
|
+
border-bottom: 1px solid #F8F8F8;
|
125
|
+
}
|
126
|
+
.ui.chatroom .log .divider .rule {
|
127
|
+
top: 50%;
|
128
|
+
width: 15%;
|
129
|
+
}
|
130
|
+
|
131
|
+
.ui.chatroom .log .divider .label {
|
132
|
+
color: #777777;
|
133
|
+
margin: 0px;
|
134
|
+
}
|
135
|
+
|
136
|
+
/* Chat Room User List */
|
137
|
+
.ui.chatroom .room .list {
|
138
|
+
position: relative;
|
139
|
+
overflow: auto;
|
140
|
+
overflow-x: hidden;
|
141
|
+
overflow-y: auto;
|
142
|
+
|
143
|
+
float: left;
|
144
|
+
background-color: #EEEEEE;
|
145
|
+
border-left: 1px solid #DDDDDD;
|
146
|
+
}
|
147
|
+
.ui.chatroom .room .list .user {
|
148
|
+
display: table;
|
149
|
+
padding: 3px 7px;
|
150
|
+
border-bottom: 1px solid #DDDDDD;
|
151
|
+
}
|
152
|
+
.ui.chatroom .room .list .user:hover {
|
153
|
+
background-color: #F8F8F8;
|
154
|
+
}
|
155
|
+
.ui.chatroom .room .list .image {
|
156
|
+
display: table-cell;
|
157
|
+
vertical-align: middle;
|
158
|
+
width: 20px;
|
159
|
+
}
|
160
|
+
.ui.chatroom .room .list .image img {
|
161
|
+
width: 20px;
|
162
|
+
height: 20px;
|
163
|
+
vertical-align: middle;
|
164
|
+
}
|
165
|
+
.ui.chatroom .room .list p {
|
166
|
+
display: table-cell;
|
167
|
+
vertical-align: middle;
|
168
|
+
padding-left: 7px;
|
169
|
+
padding-right: 14px;
|
170
|
+
font-size: 11px;
|
171
|
+
line-height: 1.2;
|
172
|
+
font-weight: bold;
|
173
|
+
}
|
174
|
+
.ui.chatroom .room .list a:hover {
|
175
|
+
opacity: 0.8;
|
176
|
+
}
|
177
|
+
|
178
|
+
/* User List Loading */
|
179
|
+
.ui.chatroom.loading .loader {
|
180
|
+
display: block;
|
181
|
+
}
|
182
|
+
|
183
|
+
|
184
|
+
|
185
|
+
/* Chat Room Talk Input */
|
186
|
+
.ui.chatroom .talk {
|
187
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
188
|
+
padding: 5px 0px 0px;
|
189
|
+
|
190
|
+
background-color: #EEEEEE;
|
191
|
+
|
192
|
+
-webkit-border-radius: 0px 0px 5px 5px;
|
193
|
+
-moz-border-radius: 0px 0px 5px 5px;
|
194
|
+
border-radius: 0px 0px 5px 5px;
|
195
|
+
}
|
196
|
+
.ui.chatroom .talk .avatar,
|
197
|
+
.ui.chatroom .talk input,
|
198
|
+
.ui.chatroom .talk .button {
|
199
|
+
float: left;
|
200
|
+
}
|
201
|
+
|
202
|
+
.ui.chatroom .talk .avatar img {
|
203
|
+
display: block;
|
204
|
+
width: 30px;
|
205
|
+
height: 30px;
|
206
|
+
margin-right: 4px;
|
207
|
+
border-radius: 500rem;
|
208
|
+
}
|
209
|
+
.ui.chatroom .talk input {
|
210
|
+
border: 1px solid #CCCCCC;
|
211
|
+
margin: 0px;
|
212
|
+
width: 196px;
|
213
|
+
height: 14px;
|
214
|
+
padding: 8px 5px;
|
215
|
+
font-size: 12px;
|
216
|
+
color: #555555;
|
217
|
+
}
|
218
|
+
.ui.chatroom .talk input.focus {
|
219
|
+
border: 1px solid #AAAAAA;
|
220
|
+
}
|
221
|
+
.ui.chatroom .send {
|
222
|
+
width: 80px;
|
223
|
+
height: 32px;
|
224
|
+
|
225
|
+
margin-left: -1px;
|
226
|
+
padding: 4px 12px;
|
227
|
+
font-size: 12px;
|
228
|
+
line-height: 23px;
|
229
|
+
|
230
|
+
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
|
231
|
+
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
|
232
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
|
233
|
+
|
234
|
+
border-radius: 0 5px 5px 0;
|
235
|
+
}
|
236
|
+
.ui.chatroom .talk .log-in.button {
|
237
|
+
display: block;
|
238
|
+
float: none;
|
239
|
+
margin-top: -6px;
|
240
|
+
height: 22px;
|
241
|
+
border-radius: 0px 0px 4px 4px;
|
242
|
+
}
|
243
|
+
.ui.chatroom .talk .log-in.button i {
|
244
|
+
vertical-align: text-top;
|
245
|
+
}
|
246
|
+
|
247
|
+
/* Quirky Flags */
|
248
|
+
.ui.chatroom .log .team.flag {
|
249
|
+
width: 18px;
|
250
|
+
}
|
251
|
+
|
252
|
+
/* Chat room Loaded */
|
253
|
+
.ui.chatroom.loading .loader {
|
254
|
+
display: block;
|
255
|
+
}
|
256
|
+
|
257
|
+
|
258
|
+
/* Standard Size */
|
259
|
+
.ui.chatroom {
|
260
|
+
width: 330px;
|
261
|
+
height: 370px;
|
262
|
+
}
|
263
|
+
.ui.chatroom .room .container {
|
264
|
+
width: 3000px;
|
265
|
+
}
|
266
|
+
.ui.chatroom .log {
|
267
|
+
width: 314px;
|
268
|
+
height: 278px;
|
269
|
+
padding: 4px 7px;
|
270
|
+
}
|
271
|
+
.ui.chatroom .room .list {
|
272
|
+
width: 124px;
|
273
|
+
height: 278px;
|
274
|
+
padding: 4px 0px;
|
275
|
+
}
|
276
|
+
.ui.chatroom .room .list .user {
|
277
|
+
width: 110px;
|
278
|
+
}
|
279
|
+
.ui.chatroom .talk {
|
280
|
+
height: 40px;
|
281
281
|
}
|