11 background-color: #ffffff;
12 background-clip: padding-box;
13 border: 1px solid #cccccc;
14 border: 1px solid rgba(0, 0, 0, 0.2);
16 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
17 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
43 background-color: #f7f7f7;
44 border-bottom: 1px solid #ebebeb;
45 border-radius: 199px 199px 0 0;
54 .hovercard > .arrow:after {
59 border-color: transparent;
67 .hovercard > .arrow:after {
72 .hovercard.top > .arrow {
75 border-bottom-width: 0;
76 border-top-color: #999999;
77 border-top-color: rgba(0, 0, 0, 0.25);
81 .hovercard.top > .arrow:after {
85 border-bottom-width: 0;
86 border-top-color: #ffffff;
89 .hovercard.right > .arrow {
94 border-right-color: #999999;
95 border-right-color: rgba(0, 0, 0, 0.25);
98 .hovercard.right > .arrow:after {
102 border-left-width: 0;
103 border-right-color: #ffffff;
106 .hovercard.bottom > .arrow {
110 border-bottom-color: #999999;
111 border-bottom-color: rgba(0, 0, 0, 0.25);
115 .hovercard.bottom > .arrow:after {
120 border-bottom-color: #ffffff;
123 .hovercard.left > .arrow {
127 border-right-width: 0;
128 border-left-color: #999999;
129 border-left-color: rgba(0, 0, 0, 0.25);
132 .hovercard.left > .arrow:after {
135 border-right-width: 0;
136 border-left-color: #ffffff;
141 float: right !important;
145 float: left !important;
149 display: none !important;
150 visibility: hidden !important;
177 .hovercard h4.text-center {
201 .hovercard a:visited {
202 text-decoration: none !important;
206 /* Basic hovercard */
217 .image-wrapper > span {
218 background-size: 100% !important;
221 .image-wrapper.medium > a,
222 .image-wrapper.medium > span {
227 .image-wrapper.medium > a img {
234 -webkit-border-radius: 4px;
235 -moz-border-radius: 4px;
237 /*max-width: 250px;*/
240 -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
241 -moz-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
242 box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
243 border: 1px solid rgba(0, 0, 0, 0);
247 text-decoration: none;
250 .hovercard.right > .arrow {
251 border-right-color: rgba(0, 0, 0, 0.05);
254 .hovercard.left > .arrow {
255 border-left-color: rgba(0, 0, 0, 0.05);
258 .hovercard.bottom > .arrow {
259 border-bottom-color: rgba(0, 0, 0, 0.05);
262 .hovercard.top > .arrow {
263 border-top-color: rgba(0, 0, 0, 0.05);
266 .advance-hovercard + .hovercard {
270 .advance-hovercard + .hovercard .hovercard-content {
274 .basic-hovercard + .hovercard {
278 .basic-hovercard + .hovercard .hovercard-content {
286 .hover-card-header h4 {
291 .hover-card-header h4 a {
294 letter-spacing: 0.03rem;
297 .hover-card-details {
306 .hover-card-pic .image-wrapper {
307 margin-right: 0.75em;
312 .hover-card-content {
313 list-style-type: none;
316 padding: 0.3em 0 1em;
319 .hover-card-content .profile-details {
323 .hover-card-content .profile-addr {
326 text-overflow: ellipsis;
329 .hover-card-actions {
333 .hover-card-actions-connection {
337 .hovercard .hovercard-content .hover-card-actions a.btn {
338 display: inline-block;
342 background-color: #f7f7f7;
343 border-top: 1px solid #ebebeb;