FileMaster

Edit File: wpbc-tippy-popover.css

.tippy-box[data-theme~=wpbc-tippy-popover] {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 8, 16, .15);
	color: #333;
	box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
}

.tippy-box[data-theme~=wpbc-tippy-popover] > .tippy-backdrop {
	background-color: #fff
}

.tippy-box[data-theme~=wpbc-tippy-popover] > .tippy-arrow:after, .tippy-box[data-theme~=wpbc-tippy-popover] > .tippy-svg-arrow:after {
	content: "";
	position: absolute;
	z-index: -1
}

.tippy-box[data-theme~=wpbc-tippy-popover] > .tippy-arrow:after {
	border-color: transparent;
	border-style: solid
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=top] > .tippy-arrow:before {
	border-top-color: #fff
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=top] > .tippy-arrow:after {
	border-top-color: rgba(0, 8, 16, .2);
	border-width: 7px 7px 0;
	top: 17px;
	left: 1px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=top] > .tippy-svg-arrow > svg {
	top: 16px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=top] > .tippy-svg-arrow:after {
	top: 17px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=bottom] > .tippy-arrow:before {
	border-bottom-color: #fff;
	bottom: 16px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=bottom] > .tippy-arrow:after {
	border-bottom-color: rgba(0, 8, 16, .2);
	border-width: 0 7px 7px;
	bottom: 17px;
	left: 1px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=bottom] > .tippy-svg-arrow > svg {
	bottom: 16px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=bottom] > .tippy-svg-arrow:after {
	bottom: 17px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=left] > .tippy-arrow:before {
	border-left-color: #fff
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=left] > .tippy-arrow:after {
	border-left-color: rgba(0, 8, 16, .2);
	border-width: 7px 0 7px 7px;
	left: 17px;
	top: 1px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=left] > .tippy-svg-arrow > svg {
	left: 11px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=left] > .tippy-svg-arrow:after {
	left: 12px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=right] > .tippy-arrow:before {
	border-right-color: #fff;
	right: 16px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=right] > .tippy-arrow:after {
	border-width: 7px 7px 7px 0;
	right: 17px;
	top: 1px;
	border-right-color: rgba(0, 8, 16, .2)
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=right] > .tippy-svg-arrow > svg {
	right: 11px
}

.tippy-box[data-theme~=wpbc-tippy-popover][data-placement^=right] > .tippy-svg-arrow:after {
	right: 12px
}

.tippy-box[data-theme~=wpbc-tippy-popover] > .tippy-svg-arrow {
	fill: #fff
}

.tippy-box[data-theme~=wpbc-tippy-popover] > .tippy-svg-arrow:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
	background-size: 16px 6px;
	width: 16px;
	height: 6px
}
/* WPBC Customization.  Above was replaced [data-theme~=light-border] to  [data-theme~=wpbc-tippy-popover]*/
.tippy-box[data-theme~="wpbc-tippy-popover"] {
	border-radius: 0;
	border: none;
	background: none;
}
.tippy-box[data-theme~="wpbc-tippy-popover"] .popover.popover_tippy{
	display:block;
	position:relative;
}
.tippy-box[data-theme~="wpbc-tippy-popover"] .tippy-content{
	padding: 0;
}
/* Arrow Bottom */
.tippy-box[data-theme~="wpbc-tippy-popover"][data-placement^="bottom"] > .tippy-arrow::before {
  border-bottom-color: rgba(129, 129, 129, 0.52);
	/*bottom: 20px;*/
	/*top: -10px;*/
}
.tippy-box[data-theme~="wpbc-tippy-popover"][data-placement^="bottom"] > .tippy-arrow::after {
  border-top-color:transparent;
}
/* Arrow top */
.tippy-box[data-theme~="wpbc-tippy-popover"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: rgba(129, 129, 129, 0.52);
}
.tippy-box[data-theme~="wpbc-tippy-popover"][data-placement^="top"] > .tippy-arrow::after {
  border-top-color:transparent;
}

Back