|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/laciasmara.com/public_html/shop/assets/admin/css/ |
Upload File : |
/* Tour Guide Styles */
/* Tooltip styles */
.tour-tooltip {
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
border-left: 4px solid #7c3aed; /* Purple accent */
}
/* Highlight effect for the active element */
.tour-highlight {
box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.6) !important;
border-radius: 4px;
transition: all 0.3s ease;
position: relative;
z-index: 99;
}
/* Overlay transition */
.tour-overlay {
transition: opacity 0.3s ease;
}
/* Tooltip arrow */
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.tooltip-arrow-right {
left: -8px;
top: 50%;
transform: translateY(-50%);
border-width: 8px 8px 8px 0;
border-color: transparent white transparent transparent;
}
.tooltip-arrow-left {
right: -8px;
top: 50%;
transform: translateY(-50%);
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent white;
}
.tooltip-arrow-top {
bottom: -8px;
left: 50%;
transform: translateX(-50%);
border-width: 8px 8px 0 8px;
border-color: white transparent transparent transparent;
}
.tooltip-arrow-bottom {
top: -8px;
left: 50%;
transform: translateX(-50%);
border-width: 0 8px 8px 8px;
border-color: transparent transparent white transparent;
}
/* Pulse animation for highlight effect */
@keyframes pulse-highlight {
0% {
box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.4);
}
70% {
box-shadow: 0 0 0 6px rgba(124, 58, 237, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(124, 58, 237, 0);
}
}
.pulse-animation {
animation: pulse-highlight 2s infinite;
}
/* Button styles */
.tour-button {
transition: all 0.2s ease;
}
.tour-button:hover {
transform: translateY(-1px);
}
.tour-button:active {
transform: translateY(1px);
}
/* Progress indicator */
.tour-progress {
display: flex;
justify-content: center;
margin-top: 12px;
}
.tour-progress-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #d1d5db;
margin: 0 3px;
}
.tour-progress-dot.active {
background-color: #7c3aed;
transform: scale(1.2);
}