This repository has been archived by the owner on Feb 21, 2023. It is now read-only.
forked from LikaloLLC/tourguide.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtourguide.css
1 lines (1 loc) · 6.78 KB
/
tourguide.css
1
.guided-tour{position:relative !important}.guided-tour .guided-tour-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1024;background-color:var(--tourguide-overlay)}.guided-tour .guided-tour-overlay.active{display:block}.guided-tour .guided-tour-target{z-index:1025}.guided-tour .guided-tour-step{display:none;text-rendering:optimizespeed;font-family:"Open Sans",Arimo,"Droid Sans",Helvetica,Arial,sans-serif;font-size:12pt;color:#333}.guided-tour .guided-tour-step blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:1em 10px .1em 10px;quotes:"“" "”" "‘" "’"}.guided-tour .guided-tour-step.active{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:all}.guided-tour .guided-tour-step.active .guided-tour-step-highlight{position:absolute;box-sizing:border-box;border-radius:4px;box-shadow:0 0 0 999em var(--tourguide-overlay);z-index:1024}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip{position:absolute;margin:16px 0;z-index:1025;background-color:var(--tourguide-background);min-width:280px;max-width:400px;border-radius:5px;box-sizing:border-box;box-shadow:0 0 8px -4px #000;transition:opacity 150ms}@media screen and (max-width: 760px){.guided-tour .guided-tour-step.active .guided-tour-step-tooltip{max-width:unset;min-width:unset;width:calc(100% - 64px);left:32px !important;right:32px !important}}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner{position:relative;padding:32px 32px 28px 32px;display:block}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-arrow{position:absolute;background:rgba(0,0,0,0)}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-image img{width:100%;height:auto;border-radius:4px;margin-bottom:28px}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-title{font-weight:bold;margin-bottom:1em}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-icon{display:inline-block;overflow:hidden}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button{flex-direction:column;justify-content:center;display:inline-flex;text-align:center;cursor:pointer}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button .guided-tour-icon{align-self:center}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-close{position:absolute;top:0;right:0;width:32px;height:32px}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-prev,.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-next,.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-complete{width:48px;height:48px;background:var(--tourguide-background);border-radius:50%;margin-top:-24px;position:absolute}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-prev{color:var(--tourguide-step-button-prev);left:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:50%}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-next{color:var(--tourguide-step-button-next);right:0;-webkit-transform:translateX(50%);transform:translateX(50%);top:50%}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-complete{color:var(--tourguide-step-button-complete);box-shadow:5px 0 1em 0 rgba(0,0,0,.4);right:0;-webkit-transform:translateX(50%);transform:translateX(50%);top:50%}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets{text-align:center;line-height:16px}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul{margin:10px 0 -18px 0;list-style:none;padding:0}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li{width:8px;height:8px;border-radius:50%;padding:0;display:inline-block;background-color:var(--tourguide-bullet);border:8px solid var(--tourguide-background);box-sizing:content-box;cursor:pointer}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li.complete{background-color:var(--tourguide-bullet-visited)}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li.current{background-color:var(--tourguide-bullet-current)}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li:last-of-type{margin-right:0}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-none .guided-tour-step-tooltip-inner .guided-tour-arrow{display:none}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-step-tooltip-inner .guided-tour-arrow{top:0;margin-top:-18px}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner{width:18px;height:18px;position:relative;overflow:hidden;background:rgba(0,0,0,0)}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner::after{content:"";position:absolute;width:12px;height:12px;background:var(--tourguide-background);-webkit-transform:rotate(225deg);transform:rotate(225deg);top:13px;left:4px;box-shadow:1px 1px 6px -3px #000}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-step-tooltip-inner .guided-tour-arrow{margin-bottom:-18px;bottom:0}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner{width:18px;height:18px;position:relative;overflow:hidden;background:rgba(0,0,0,0)}.guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner::after{content:"";position:absolute;width:12px;height:12px;background:var(--tourguide-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-6px;left:4px;box-shadow:1px 1px 6px -3px #000}