10 background-color: #ffffff;
11 background-clip: padding-box;
12 border: 1px solid #cccccc;
13 border: 1px solid rgba(0, 0, 0, 0.2);
15 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
16 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
42 background-color: #f7f7f7;
43 border-bottom: 1px solid #ebebeb;
44 border-radius: 199px 199px 0 0;
53 .hovercard > .arrow:after {
58 border-color: transparent;
66 .hovercard > .arrow:after {
71 .hovercard.top > .arrow {
74 border-bottom-width: 0;
75 border-top-color: #999999;
76 border-top-color: rgba(0, 0, 0, 0.25);
80 .hovercard.top > .arrow:after {
84 border-bottom-width: 0;
85 border-top-color: #ffffff;
88 .hovercard.right > .arrow {
93 border-right-color: #999999;
94 border-right-color: rgba(0, 0, 0, 0.25);
97 .hovercard.right > .arrow:after {
101 border-left-width: 0;
102 border-right-color: #ffffff;
105 .hovercard.bottom > .arrow {
109 border-bottom-color: #999999;
110 border-bottom-color: rgba(0, 0, 0, 0.25);
114 .hovercard.bottom > .arrow:after {
119 border-bottom-color: #ffffff;
122 .hovercard.left > .arrow {
126 border-right-width: 0;
127 border-left-color: #999999;
128 border-left-color: rgba(0, 0, 0, 0.25);
131 .hovercard.left > .arrow:after {
134 border-right-width: 0;
135 border-left-color: #ffffff;
140 float: right !important;
144 float: left !important;
148 display: none !important;
149 visibility: hidden !important;
176 .hovercard h4.text-center {
200 .hovercard a:visited {
201 text-decoration: none !important;
204 /* Basic hovercard */
215 .image-wrapper > span {
216 background-size: 100% !important;
219 .image-wrapper.medium > a,
220 .image-wrapper.medium > span {
225 .image-wrapper.medium > a img {
232 -webkit-border-radius: 4px;
233 -moz-border-radius: 4px;
235 /*max-width: 250px;*/
238 -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
239 -moz-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
240 box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
241 border: 1px solid rgba(0, 0, 0, 0);
245 text-decoration: none;
248 .hovercard.right > .arrow {
249 border-right-color: rgba(0, 0, 0, 0.05);
252 .hovercard.left > .arrow {
253 border-left-color: rgba(0, 0, 0, 0.05);
256 .hovercard.bottom > .arrow {
257 border-bottom-color: rgba(0, 0, 0, 0.05);
260 .hovercard.top > .arrow {
261 border-top-color: rgba(0, 0, 0, 0.05);
264 .advance-hovercard + .hovercard {
268 .advance-hovercard + .hovercard .hovercard-content {
272 .basic-hovercard + .hovercard {
276 .basic-hovercard + .hovercard .hovercard-content {
284 .hover-card-header h4 {
288 .hover-card-header h4 a {
291 letter-spacing: 0.03rem;
294 .hover-card-details {
303 .hover-card-pic .image-wrapper {
304 margin-right: 0.75em;
309 .hover-card-content {
310 list-style-type: none;
313 padding: 0.3em 0 1em;
316 .hover-card-content .profile-details {
320 .hover-card-content .profile-addr {
323 text-overflow: ellipsis;
326 .hover-card-actions {
330 .hover-card-actions-connection {
334 .hovercard .hovercard-content .hover-card-actions a.btn {
335 display: inline-block;
339 background-color: #f7f7f7;
340 border-top: 1px solid #ebebeb;