mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-08 09:24:25 +03:00
71 lines
3.2 KiB
CSS
71 lines
3.2 KiB
CSS
/**
|
|
* Popover
|
|
*/
|
|
|
|
.popover {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 9999;
|
|
min-width: 100px;
|
|
max-width: 500px;
|
|
background-color: #fff;
|
|
color: #000;
|
|
border: 1px solid #ccc;
|
|
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
|
|
box-shadow: 0 0 5px rgba(0,0,0,.1);
|
|
}
|
|
.popover .popover-title { background: #eee; padding: 10px 15px; font-weight: bold; }
|
|
.popover .popover-content { padding: 15px 20px; }
|
|
|
|
/* Loading */
|
|
.popover.loading { width: 100px; height: 100px; }
|
|
|
|
/* Arrow */
|
|
.popover .popover-arrow,
|
|
.popover .popover-arrow-inner {
|
|
content: '';
|
|
position: absolute;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: auto;
|
|
width: 0;
|
|
height: 0;
|
|
border: 9px solid #bbb;
|
|
}
|
|
.popover .popover-arrow-inner { border-width: 8px; border-color: #fff; }
|
|
|
|
.popover.alignx-center.aligny-top .popover-arrow,
|
|
.popover.alignx-center.aligny-top .popover-arrow-inner,
|
|
.popover.alignx-left.aligny-top .popover-arrow,
|
|
.popover.alignx-left.aligny-top .popover-arrow-inner,
|
|
.popover.alignx-right.aligny-top .popover-arrow,
|
|
.popover.alignx-right.aligny-top .popover-arrow-inner { left: 50%; bottom: -18px; margin-left: -9px; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; }
|
|
.popover.alignx-center.aligny-bottom .popover-arrow,
|
|
.popover.alignx-center.aligny-bottom .popover-arrow-inner,
|
|
.popover.alignx-left.aligny-bottom .popover-arrow,
|
|
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
|
.popover.alignx-right.aligny-bottom .popover-arrow,
|
|
.popover.alignx-right.aligny-bottom .popover-arrow-inner { left: 50%; top: -18px; margin-left: -9px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
|
|
.popover.alignx-left.aligny-center .popover-arrow,
|
|
.popover.alignx-left.aligny-center .popover-arrow-inner { right: -18px; top: 50%; margin-top: -9px; border-bottom-color: transparent; border-top-color: transparent; border-right-color: transparent; }
|
|
.popover.alignx-right.aligny-center .popover-arrow,
|
|
.popover.alignx-right.aligny-center .popover-arrow-inner { left: -18px; top: 50%; margin-top: -9px; border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent; }
|
|
|
|
.popover.alignx-left.aligny-top .popover-arrow-inner,
|
|
.popover.alignx-right.aligny-top .popover-arrow-inner,
|
|
.popover.alignx-center.aligny-top .popover-arrow-inner { bottom: -16px; margin-left: -8px; }
|
|
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
|
.popover.alignx-right.aligny-bottom .popover-arrow-inner,
|
|
.popover.alignx-center.aligny-bottom .popover-arrow-inner { top: -16px; margin-left: -8px; }
|
|
.popover.alignx-left.aligny-center .popover-arrow-inner { right: -16px; margin-top: -8px; }
|
|
.popover.alignx-right.aligny-center .popover-arrow-inner { left: -16px; margin-top: -8px; }
|
|
|
|
.popover.alignx-left.aligny-bottom .popover-arrow,
|
|
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
|
.popover.alignx-left.aligny-top .popover-arrow,
|
|
.popover.alignx-left.aligny-top .popover-arrow-inner { left: 21px; }
|
|
.popover.alignx-right.aligny-bottom .popover-arrow,
|
|
.popover.alignx-right.aligny-top .popover-arrow { left: auto; right: 12px; }
|
|
.popover.alignx-right.aligny-bottom .popover-arrow-inner,
|
|
.popover.alignx-right.aligny-top .popover-arrow-inner { left: auto; right: 13px; } |