1 | .round.hollow {
|
2 | margin: 40px 0 0; |
3 | } |
4 | .round.hollow a {
|
5 | border: 2px solid #ff6701; |
6 | border-radius: 35px; |
7 | color: red; |
8 | color: #ff6701; |
9 | font-size: 23px; |
10 | padding: 10px 21px; |
11 | text-decoration: none; |
12 | font-family: 'Open Sans', sans-serif; |
13 | } |
14 | .round.hollow a:hover {
|
15 | border: 2px solid #000; |
16 | border-radius: 35px; |
17 | color: red; |
18 | color: #000; |
19 | font-size: 23px; |
20 | padding: 10px 21px; |
21 | text-decoration: none; |
22 | } |
23 | .popup-box-on {
|
24 | /*display: block !important;*/ |
25 | } |
26 | .popup-box .popup-head {
|
27 | background-color: #fff; |
28 | clear: both; |
29 | color: #7b7b7b; |
30 | display: inline-table; |
31 | font-size: 21px; |
32 | padding: 7px 10px; |
33 | width: 100%; |
34 | font-family: Oswald; |
35 | } |
36 | .bg_none i {
|
37 | border: 1px solid #ff6701; |
38 | border-radius: 25px; |
39 | color: #ff6701; |
40 | font-size: 17px; |
41 | height: 33px; |
42 | line-height: 30px; |
43 | width: 33px; |
44 | } |
45 | .bg_none:hover i {
|
46 | border: 1px solid #000; |
47 | border-radius: 25px; |
48 | color: #000; |
49 | font-size: 17px; |
50 | height: 33px; |
51 | line-height: 30px; |
52 | width: 33px; |
53 | } |
54 | .bg_none {
|
55 | /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/ |
56 | background: #FADC00 none repeat scroll 0 0; |
57 | border: medium none; |
58 | } |
59 | .popup-box .popup-head .popup-head-right {
|
60 | margin: 11px 7px 0; |
61 | } |
62 | .popup-box .popup-messages {
|
63 | } |
64 | .popup-head-left img {
|
65 | border: 1px solid #7b7b7b; |
66 | border-radius: 50%; |
67 | width: 44px; |
68 | } |
69 | .popup-messages-footer > textarea {
|
70 | border-bottom: 1px solid #b2b2b2 !important; |
71 | height: 34px !important; |
72 | margin: 7px; |
73 | padding: 5px !important; |
74 | border: medium none; |
75 | width: 95% !important; /* XXX */ |
76 | } |
77 | .popup-messages-footer {
|
78 | background: #fff none repeat scroll 0 0; |
79 | bottom: 0; |
80 | /*position: absolute; |
81 | width: 100%;*/ |
82 | } |
83 | .popup-messages-footer .btn-footer {
|
84 | overflow: hidden; |
85 | padding: 2px 5px 10px 6px; |
86 | width: 100%; |
87 | } |
88 | .simple_round {
|
89 | background: #d1d1d1 none repeat scroll 0 0; |
90 | border-radius: 50%; |
91 | color: #4b4b4b !important; |
92 | height: 21px; |
93 | padding: 0 0 0 1px; |
94 | width: 21px; |
95 | } |
96 | |
97 | .popup-box .popup-messages {
|
98 | background: #FADC00 none repeat scroll 0 0; |
99 | /*background: #3f9684 none repeat scroll 0 0;*/ |
100 | height: 500px; /* testing */ |
101 | /*height: 100%;*/ /* testing */ |
102 | overflow: auto; |
103 | } |
104 | .direct-chat-messages {
|
105 | overflow: auto; |
106 | padding: 10px; |
107 | transform: translate(0px, 0px); |
108 | |
109 | } |
110 | .popup-messages .chat-box-single-line {
|
111 | border-bottom: 1px solid #a4c6b5; |
112 | height: 12px; |
113 | margin: 7px 0 20px; |
114 | position: relative; |
115 | text-align: center; |
116 | } |
117 | .popup-messages abbr.timestamp {
|
118 | background: #FADC00 none repeat scroll 0 0; |
119 | color: #000; |
120 | padding: 0 11px; |
121 | } |
122 | |
123 | .popup-head-right .btn-group {
|
124 | display: inline-flex; |
125 | margin: 0 8px 0 0; |
126 | vertical-align: top !important; |
127 | } |
128 | .chat-header-button {
|
129 | background: transparent none repeat scroll 0 0; |
130 | border: 1px solid #636364; |
131 | border-radius: 50%; |
132 | font-size: 14px; |
133 | height: 30px; |
134 | width: 30px; |
135 | } |
136 | .popup-head-right .btn-group .dropdown-menu {
|
137 | border: medium none; |
138 | min-width: 122px; |
139 | padding: 0; |
140 | } |
141 | .popup-head-right .btn-group .dropdown-menu li a {
|
142 | font-size: 12px; |
143 | padding: 3px 10px; |
144 | color: #303030; |
145 | } |
146 | |
147 | .popup-messages abbr.timestamp {
|
148 | background: #FADC00 none repeat scroll 0 0; |
149 | color: #000; |
150 | padding: 0 11px; |
151 | } |
152 | .popup-messages .chat-box-single-line {
|
153 | border-bottom: 1px solid #a4c6b5; |
154 | height: 12px; |
155 | margin: 7px 0 20px; |
156 | position: relative; |
157 | text-align: center; |
158 | } |
159 | .popup-messages .direct-chat-messages {
|
160 | height: auto; |
161 | } |
162 | .popup-messages .direct-chat-text {
|
163 | background: #dfece7 none repeat scroll 0 0; |
164 | border: 1px solid #dfece7; |
165 | border-radius: 2px; |
166 | color: #1f2121; |
167 | } |
168 | |
169 | .popup-messages .direct-chat-buttons {
|
170 | text-align: center; |
171 | background: #dfece7 none repeat scroll 0 0; |
172 | border: 1px solid #dfece7; |
173 | border-radius: 2px; |
174 | color: #1f2121; |
175 | } |
176 | |
177 | .popup-messages .direct-chat-timestamp {
|
178 | color: #000; |
179 | opacity: 0.6; |
180 | } |
181 | |
182 | .popup-messages .direct-chat-name {
|
183 | font-size: 15px; |
184 | font-weight: 600; |
185 | margin: 0 0 0 49px !important; |
186 | color: #fff; |
187 | opacity: 0.9; |
188 | } |
189 | .popup-messages .direct-chat-info {
|
190 | display: block; |
191 | font-size: 12px; |
192 | margin-bottom: 0; |
193 | } |
194 | .popup-messages .big-round {
|
195 | margin: -9px 0 0 !important; |
196 | } |
197 | .popup-messages .direct-chat-img {
|
198 | border: 1px solid #fff; |
199 | background: #FADC00 none repeat scroll 0 0; |
200 | border-radius: 50%; |
201 | float: left; |
202 | height: 40px; |
203 | margin: -21px 0 0; |
204 | width: 40px; |
205 | } |
206 | .direct-chat-reply-name {
|
207 | color: #fff; |
208 | font-size: 15px; |
209 | margin: 0 0 0 10px; |
210 | opacity: 0.9; |
211 | } |
212 | |
213 | .direct-chat-img-reply-small |
214 | {
|
215 | border: 1px solid #fff; |
216 | border-radius: 50%; |
217 | float: left; |
218 | height: 20px; |
219 | margin: 0 8px; |
220 | width: 20px; |
221 | background: #FADC00; |
222 | } |
223 | |
224 | .popup-messages .direct-chat-msg {
|
225 | margin-bottom: 10px; |
226 | position: relative; |
227 | } |
228 | |
229 | .popup-messages .doted-border::after {
|
230 | background: transparent none repeat scroll 0 0 !important; |
231 | border-right: 2px dotted #fff !important; |
232 | bottom: 0; |
233 | content: ""; |
234 | left: 17px; |
235 | margin: 0; |
236 | position: absolute; |
237 | top: 0; |
238 | width: 2px; |
239 | display: inline; |
240 | z-index: -2; |
241 | } |
242 | |
243 | .popup-messages .direct-chat-msg::after {
|
244 | background: #fff none repeat scroll 0 0; |
245 | border-right: medium none; |
246 | bottom: 0; |
247 | content: ""; |
248 | left: 17px; |
249 | margin: 0; |
250 | position: absolute; |
251 | top: 0; |
252 | width: 2px; |
253 | display: inline; |
254 | z-index: -2; |
255 | } |
256 | |
257 | .direct-chat-text::after, .direct-chat-text::before, .direct-chat-buttons::after, .direct-chat-buttons::before {
|
258 | border-color: transparent #dfece7 transparent transparent; |
259 | |
260 | -moz-border-bottom-colors: none; |
261 | -moz-border-left-colors: none; |
262 | -moz-border-right-colors: none; |
263 | -moz-border-top-colors: none; |
264 | border-color: transparent #d2d6de transparent transparent; |
265 | border-image: none; |
266 | border-style: solid; |
267 | border-width: medium; |
268 | content: " "; |
269 | height: 0; |
270 | pointer-events: none; |
271 | position: absolute; |
272 | right: 100%; |
273 | top: 15px; |
274 | width: 0; |
275 | } |
276 | .direct-chat-text::after, .direct-chat-buttons::after {
|
277 | border-width: 5px; |
278 | margin-top: -5px; |
279 | } |
280 | .popup-messages .direct-chat-text, .popup-messages .direct-chat-buttons {
|
281 | background: #dfece7 none repeat scroll 0 0; |
282 | border: 1px solid #dfece7; |
283 | border-radius: 2px; |
284 | color: #1f2121; |
285 | } |
286 | .direct-chat-text, .direct-chat-buttons {
|
287 | background: #d2d6de none repeat scroll 0 0; |
288 | border: 1px solid #d2d6de; |
289 | border-radius: 5px; |
290 | color: #444; |
291 | margin: 5px 0 0 50px; |
292 | padding: 5px 10px; |
293 | position: relative; |
294 | } |
Travelled to 13 computer(s): aoiabmzegqzx, bhatertpkbcr, cbybwowwnfue, gwrvuhgaqvyk, ishqpsrjomds, jtubtzbbkimh, lpdgvwnxivlt, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tslmcundralx, tvejysmllsmz, vouqrxazstgt
No comments. add comment
| Snippet ID: | #1010888 |
| Snippet name: | Relative Styles for Chat |
| Eternal ID of this version: | #1010888/1 |
| Text MD5: | b600eff40f7198aaa8b5ca1d082ba973 |
| Author: | stefan |
| Category: | javax / chat |
| Type: | Document |
| Public (visible to everyone): | Yes |
| Archived (hidden from active list): | No |
| Created/modified: | 2017-10-05 14:16:13 |
| Source code size: | 6836 bytes / 294 lines |
| Pitched / IR pitched: | No / No |
| Views / Downloads: | 424 / 1820768 |
| Referenced in: | [show references] |