| <!DOCTYPE html> |
| <html lang="fr"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>NexusBuilder - Générateur de Sites IA Futuriste</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> |
| <style> |
| :root { |
| --primary: #6e00ff; |
| --secondary: #00f7ff; |
| --accent: #ff00e6; |
| } |
| |
| body { |
| background-color: #0a0a1a; |
| color: #fff; |
| font-family: 'Segoe UI', system-ui, sans-serif; |
| overflow-x: hidden; |
| } |
| |
| .cyber-glass { |
| background: rgba(15, 15, 35, 0.7); |
| backdrop-filter: blur(16px); |
| -webkit-backdrop-filter: blur(16px); |
| border: 1px solid rgba(110, 0, 255, 0.3); |
| box-shadow: 0 8px 32px 0 rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-btn { |
| background: linear-gradient(45deg, var(--primary), var(--accent)); |
| border: none; |
| color: white; |
| font-weight: bold; |
| text-transform: uppercase; |
| letter-spacing: 1px; |
| transition: all 0.3s ease; |
| position: relative; |
| overflow: hidden; |
| z-index: 1; |
| } |
| |
| .cyber-btn:hover { |
| transform: translateY(-3px); |
| box-shadow: 0 10px 20px rgba(110, 0, 255, 0.3); |
| } |
| |
| .cyber-btn:after { |
| content: ''; |
| position: absolute; |
| bottom: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| background: linear-gradient(45deg, var(--accent), var(--primary)); |
| z-index: -2; |
| } |
| |
| .cyber-btn:before { |
| content: ''; |
| position: absolute; |
| bottom: 0; |
| left: 0; |
| width: 0%; |
| height: 100%; |
| background-color: rgba(255, 255, 255, 0.1); |
| transition: all 0.3s; |
| z-index: -1; |
| } |
| |
| .cyber-btn:hover:before { |
| width: 100%; |
| } |
| |
| .holographic-effect { |
| position: relative; |
| } |
| |
| .holographic-effect:before { |
| content: ''; |
| position: absolute; |
| top: -2px; |
| left: -2px; |
| right: -2px; |
| bottom: -2px; |
| background: linear-gradient(45deg, var(--primary), var(--secondary), var(--accent), var(--primary)); |
| background-size: 400%; |
| z-index: -1; |
| filter: blur(5px); |
| opacity: 0; |
| transition: 0.5s; |
| animation: hologram 8s linear infinite; |
| } |
| |
| .holographic-effect:hover:before { |
| opacity: 0.7; |
| } |
| |
| @keyframes hologram { |
| 0% { background-position: 0 0; } |
| 50% { background-position: 300% 0; } |
| 100% { background-position: 0 0; } |
| } |
| |
| .grid-pattern { |
| background-image: |
| linear-gradient(rgba(110, 0, 255, 0.1) 1px, transparent 1px), |
| linear-gradient(90deg, rgba(110, 0, 255, 0.1) 1px, transparent 1px); |
| background-size: 50px 50px; |
| } |
| |
| .scanline { |
| position: relative; |
| overflow: hidden; |
| } |
| |
| .scanline:after { |
| content: ''; |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| height: 1px; |
| background: rgba(0, 247, 255, 0.4); |
| box-shadow: 0 0 5px rgba(0, 247, 255, 0.8); |
| animation: scan 8s linear infinite; |
| } |
| |
| @keyframes scan { |
| 0% { top: 0; } |
| 100% { top: 100%; } |
| } |
| |
| .glitch-text { |
| position: relative; |
| } |
| |
| .glitch-text:before, .glitch-text:after { |
| content: attr(data-text); |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| opacity: 0.8; |
| } |
| |
| .glitch-text:before { |
| color: var(--secondary); |
| z-index: -1; |
| animation: glitch-effect 3s infinite; |
| } |
| |
| .glitch-text:after { |
| color: var(--accent); |
| z-index: -2; |
| animation: glitch-effect 2s infinite reverse; |
| } |
| |
| @keyframes glitch-effect { |
| 0% { transform: translate(0); } |
| 20% { transform: translate(-3px, 3px); } |
| 40% { transform: translate(-3px, -3px); } |
| 60% { transform: translate(3px, 3px); } |
| 80% { transform: translate(3px, -3px); } |
| 100% { transform: translate(0); } |
| } |
| |
| .particle-network { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| z-index: -1; |
| } |
| |
| .cyber-input { |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| color: white; |
| padding: 12px 20px; |
| border-radius: 6px; |
| transition: all 0.3s; |
| } |
| |
| .cyber-input:focus { |
| outline: none; |
| border-color: var(--secondary); |
| box-shadow: 0 0 0 3px rgba(0, 247, 255, 0.3); |
| } |
| |
| .cyber-select { |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| color: white; |
| padding: 12px 20px; |
| border-radius: 6px; |
| appearance: none; |
| background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e"); |
| background-repeat: no-repeat; |
| background-position: right 10px center; |
| background-size: 1em; |
| } |
| |
| .cyber-select:focus { |
| outline: none; |
| border-color: var(--secondary); |
| box-shadow: 0 0 0 3px rgba(0, 247, 255, 0.3); |
| } |
| |
| .cyber-checkbox { |
| appearance: none; |
| width: 20px; |
| height: 20px; |
| border: 2px solid var(--primary); |
| border-radius: 4px; |
| background: rgba(15, 15, 35, 0.7); |
| position: relative; |
| cursor: pointer; |
| } |
| |
| .cyber-checkbox:checked { |
| background-color: var(--primary); |
| } |
| |
| .cyber-checkbox:checked:after { |
| content: ''; |
| position: absolute; |
| left: 4px; |
| top: 0; |
| width: 8px; |
| height: 14px; |
| border: solid white; |
| border-width: 0 3px 3px 0; |
| transform: rotate(45deg); |
| } |
| |
| .cyber-radio { |
| appearance: none; |
| width: 20px; |
| height: 20px; |
| border: 2px solid var(--primary); |
| border-radius: 50%; |
| background: rgba(15, 15, 35, 0.7); |
| position: relative; |
| cursor: pointer; |
| } |
| |
| .cyber-radio:checked { |
| background-color: transparent; |
| } |
| |
| .cyber-radio:checked:after { |
| content: ''; |
| position: absolute; |
| left: 2px; |
| top: 2px; |
| width: 12px; |
| height: 12px; |
| background: var(--primary); |
| border-radius: 50%; |
| } |
| |
| .cyber-tab { |
| border-bottom: 2px solid transparent; |
| transition: all 0.3s; |
| } |
| |
| .cyber-tab:hover { |
| border-color: rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-tab.active { |
| border-color: var(--primary); |
| color: var(--secondary); |
| } |
| |
| .cyber-tooltip { |
| position: relative; |
| } |
| |
| .cyber-tooltip:before { |
| content: attr(data-tooltip); |
| position: absolute; |
| bottom: 100%; |
| left: 50%; |
| transform: translateX(-50%); |
| background: rgba(15, 15, 35, 0.9); |
| border: 1px solid var(--primary); |
| color: white; |
| padding: 5px 10px; |
| border-radius: 4px; |
| font-size: 12px; |
| white-space: nowrap; |
| opacity: 0; |
| visibility: hidden; |
| transition: all 0.3s; |
| z-index: 10; |
| } |
| |
| .cyber-tooltip:hover:before { |
| opacity: 1; |
| visibility: visible; |
| bottom: calc(100% + 5px); |
| } |
| |
| .cyber-alert { |
| border-left: 4px solid var(--primary); |
| background: rgba(15, 15, 35, 0.7); |
| animation: pulse 2s infinite; |
| } |
| |
| @keyframes pulse { |
| 0% { box-shadow: 0 0 0 0 rgba(110, 0, 255, 0.4); } |
| 70% { box-shadow: 0 0 0 10px rgba(110, 0, 255, 0); } |
| 100% { box-shadow: 0 0 0 0 rgba(110, 0, 255, 0); } |
| } |
| |
| .cyber-loader { |
| border: 3px solid rgba(110, 0, 255, 0.3); |
| border-radius: 50%; |
| border-top: 3px solid var(--primary); |
| width: 30px; |
| height: 30px; |
| animation: spin 1s linear infinite; |
| } |
| |
| @keyframes spin { |
| 0% { transform: rotate(0deg); } |
| 100% { transform: rotate(360deg); } |
| } |
| |
| .cyber-progress { |
| height: 10px; |
| background: rgba(15, 15, 35, 0.7); |
| border-radius: 5px; |
| overflow: hidden; |
| } |
| |
| .cyber-progress-bar { |
| height: 100%; |
| background: linear-gradient(90deg, var(--primary), var(--accent)); |
| border-radius: 5px; |
| transition: width 0.5s; |
| position: relative; |
| overflow: hidden; |
| } |
| |
| .cyber-progress-bar:after { |
| content: ''; |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background: linear-gradient(90deg, |
| transparent, |
| rgba(255, 255, 255, 0.2), |
| transparent); |
| animation: progress-shine 2s infinite; |
| } |
| |
| @keyframes progress-shine { |
| 0% { transform: translateX(-100%); } |
| 100% { transform: translateX(100%); } |
| } |
| |
| .cyber-card { |
| transition: all 0.3s; |
| transform-style: preserve-3d; |
| } |
| |
| .cyber-card:hover { |
| transform: translateY(-10px) rotateX(5deg); |
| } |
| |
| .cyber-badge { |
| background: linear-gradient(45deg, var(--primary), var(--accent)); |
| color: white; |
| font-size: 12px; |
| padding: 2px 8px; |
| border-radius: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| letter-spacing: 1px; |
| } |
| |
| .cyber-divider { |
| height: 1px; |
| background: linear-gradient(90deg, transparent, var(--primary), transparent); |
| } |
| |
| .cyber-countdown { |
| font-family: 'Courier New', monospace; |
| font-weight: bold; |
| color: var(--secondary); |
| text-shadow: 0 0 5px rgba(0, 247, 255, 0.7); |
| } |
| |
| .cyber-modal { |
| animation: modal-appear 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); |
| } |
| |
| @keyframes modal-appear { |
| 0% { opacity: 0; transform: scale(0.8) translateY(20px); } |
| 100% { opacity: 1; transform: scale(1) translateY(0); } |
| } |
| |
| .cyber-toast { |
| animation: toast-slide 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); |
| } |
| |
| @keyframes toast-slide { |
| 0% { opacity: 0; transform: translateY(20px); } |
| 100% { opacity: 1; transform: translateY(0); } |
| } |
| |
| .cyber-dropdown { |
| animation: dropdown-appear 0.3s ease-out; |
| } |
| |
| @keyframes dropdown-appear { |
| 0% { opacity: 0; transform: translateY(-10px); } |
| 100% { opacity: 1; transform: translateY(0); } |
| } |
| |
| .cyber-marquee { |
| animation: marquee 20s linear infinite; |
| } |
| |
| @keyframes marquee { |
| 0% { transform: translateX(0); } |
| 100% { transform: translateX(-50%); } |
| } |
| |
| .cyber-avatar { |
| border: 2px solid var(--primary); |
| box-shadow: 0 0 10px rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-chat-bubble { |
| position: relative; |
| border-radius: 10px; |
| padding: 10px 15px; |
| max-width: 80%; |
| } |
| |
| .cyber-chat-bubble:after { |
| content: ''; |
| position: absolute; |
| bottom: -10px; |
| left: 20px; |
| border-width: 10px 10px 0; |
| border-style: solid; |
| border-color: var(--primary) transparent; |
| } |
| |
| .cyber-carousel { |
| scroll-snap-type: x mandatory; |
| scroll-behavior: smooth; |
| } |
| |
| .cyber-carousel-item { |
| scroll-snap-align: start; |
| } |
| |
| .cyber-accordion { |
| transition: all 0.3s; |
| } |
| |
| .cyber-accordion-header { |
| cursor: pointer; |
| transition: all 0.3s; |
| } |
| |
| .cyber-accordion-header:hover { |
| background: rgba(110, 0, 255, 0.1); |
| } |
| |
| .cyber-accordion-content { |
| max-height: 0; |
| overflow: hidden; |
| transition: max-height 0.3s; |
| } |
| |
| .cyber-accordion.active .cyber-accordion-content { |
| max-height: 500px; |
| } |
| |
| .cyber-timeline { |
| position: relative; |
| } |
| |
| .cyber-timeline:before { |
| content: ''; |
| position: absolute; |
| top: 0; |
| bottom: 0; |
| left: 20px; |
| width: 2px; |
| background: linear-gradient(to bottom, var(--primary), var(--secondary)); |
| } |
| |
| .cyber-timeline-item { |
| position: relative; |
| padding-left: 50px; |
| margin-bottom: 30px; |
| } |
| |
| .cyber-timeline-item:before { |
| content: ''; |
| position: absolute; |
| left: 16px; |
| top: 5px; |
| width: 10px; |
| height: 10px; |
| border-radius: 50%; |
| background: var(--primary); |
| box-shadow: 0 0 0 3px rgba(110, 0, 255, 0.3); |
| } |
| |
| .cyber-stepper { |
| display: flex; |
| justify-content: space-between; |
| position: relative; |
| } |
| |
| .cyber-stepper:before { |
| content: ''; |
| position: absolute; |
| top: 20px; |
| left: 0; |
| right: 0; |
| height: 2px; |
| background: linear-gradient(to right, var(--primary), var(--secondary)); |
| z-index: 1; |
| } |
| |
| .cyber-stepper-step { |
| position: relative; |
| z-index: 2; |
| text-align: center; |
| } |
| |
| .cyber-stepper-step:before { |
| content: ''; |
| display: block; |
| width: 20px; |
| height: 20px; |
| margin: 0 auto 10px; |
| border-radius: 50%; |
| background: rgba(15, 15, 35, 0.7); |
| border: 2px solid var(--primary); |
| } |
| |
| .cyber-stepper-step.active:before { |
| background: var(--primary); |
| } |
| |
| .cyber-stepper-step.complete:before { |
| background: var(--primary); |
| content: '✓'; |
| color: white; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 12px; |
| } |
| |
| .cyber-rating { |
| display: inline-flex; |
| flex-direction: row-reverse; |
| } |
| |
| .cyber-rating input { |
| display: none; |
| } |
| |
| .cyber-rating label { |
| color: rgba(110, 0, 255, 0.5); |
| font-size: 24px; |
| cursor: pointer; |
| transition: all 0.3s; |
| } |
| |
| .cyber-rating input:checked ~ label, |
| .cyber-rating label:hover, |
| .cyber-rating label:hover ~ label { |
| color: var(--primary); |
| text-shadow: 0 0 5px rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-toggle { |
| position: relative; |
| display: inline-block; |
| width: 60px; |
| height: 30px; |
| } |
| |
| .cyber-toggle input { |
| opacity: 0; |
| width: 0; |
| height: 0; |
| } |
| |
| .cyber-toggle-slider { |
| position: absolute; |
| cursor: pointer; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid var(--primary); |
| transition: .4s; |
| border-radius: 30px; |
| } |
| |
| .cyber-toggle-slider:before { |
| position: absolute; |
| content: ''; |
| height: 22px; |
| width: 22px; |
| left: 4px; |
| bottom: 3px; |
| background: linear-gradient(45deg, var(--primary), var(--accent)); |
| transition: .4s; |
| border-radius: 50%; |
| } |
| |
| .cyber-toggle input:checked + .cyber-toggle-slider { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-toggle input:checked + .cyber-toggle-slider:before { |
| transform: translateX(28px); |
| } |
| |
| .cyber-drawer { |
| transition: transform 0.3s ease-out; |
| } |
| |
| .cyber-drawer.left { |
| transform: translateX(-100%); |
| } |
| |
| .cyber-drawer.right { |
| transform: translateX(100%); |
| } |
| |
| .cyber-drawer.open { |
| transform: translateX(0); |
| } |
| |
| .cyber-skeleton { |
| background: linear-gradient(90deg, rgba(15, 15, 35, 0.7), rgba(110, 0, 255, 0.2), rgba(15, 15, 35, 0.7)); |
| background-size: 200% 100%; |
| animation: skeleton-loading 1.5s infinite; |
| } |
| |
| @keyframes skeleton-loading { |
| 0% { background-position: 200% 0; } |
| 100% { background-position: -200% 0; } |
| } |
| |
| .cyber-countup { |
| font-variant-numeric: tabular-nums; |
| } |
| |
| .cyber-lottie { |
| width: 100%; |
| height: 100%; |
| } |
| |
| .cyber-qrcode { |
| padding: 10px; |
| background: white; |
| border: 5px solid var(--primary); |
| } |
| |
| .cyber-captcha { |
| background: linear-gradient(45deg, rgba(15, 15, 35, 0.7), rgba(110, 0, 255, 0.2)); |
| border: 1px solid var(--primary); |
| font-family: 'Courier New', monospace; |
| letter-spacing: 5px; |
| font-weight: bold; |
| color: var(--secondary); |
| text-shadow: 0 0 5px rgba(0, 247, 255, 0.7); |
| } |
| |
| .cyber-voice { |
| position: relative; |
| } |
| |
| .cyber-voice-wave { |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| display: flex; |
| align-items: center; |
| justify-content: space-between; |
| padding: 0 10px; |
| } |
| |
| .cyber-voice-wave span { |
| display: inline-block; |
| width: 3px; |
| background: var(--primary); |
| border-radius: 3px; |
| animation: voice-wave 1.5s infinite ease-in-out; |
| } |
| |
| .cyber-voice-wave span:nth-child(1) { |
| height: 10px; |
| animation-delay: 0.1s; |
| } |
| |
| .cyber-voice-wave span:nth-child(2) { |
| height: 15px; |
| animation-delay: 0.2s; |
| } |
| |
| .cyber-voice-wave span:nth-child(3) { |
| height: 20px; |
| animation-delay: 0.3s; |
| } |
| |
| .cyber-voice-wave span:nth-child(4) { |
| height: 25px; |
| animation-delay: 0.4s; |
| } |
| |
| .cyber-voice-wave span:nth-child(5) { |
| height: 20px; |
| animation-delay: 0.5s; |
| } |
| |
| .cyber-voice-wave span:nth-child(6) { |
| height: 15px; |
| animation-delay: 0.6s; |
| } |
| |
| .cyber-voice-wave span:nth-child(7) { |
| height: 10px; |
| animation-delay: 0.7s; |
| } |
| |
| @keyframes voice-wave { |
| 0%, 100% { transform: scaleY(1); } |
| 50% { transform: scaleY(0.5); } |
| } |
| |
| .cyber-datatable { |
| border-collapse: separate; |
| border-spacing: 0; |
| } |
| |
| .cyber-datatable th { |
| background: rgba(110, 0, 255, 0.2); |
| position: sticky; |
| top: 0; |
| } |
| |
| .cyber-datatable tr:nth-child(even) { |
| background: rgba(15, 15, 35, 0.5); |
| } |
| |
| .cyber-datatable tr:hover { |
| background: rgba(110, 0, 255, 0.1); |
| } |
| |
| .cyber-datatable td, .cyber-datatable th { |
| border-bottom: 1px solid rgba(110, 0, 255, 0.2); |
| padding: 12px 15px; |
| } |
| |
| .cyber-calendar { |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-calendar-header { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-calendar-day { |
| border: 1px solid rgba(110, 0, 255, 0.1); |
| } |
| |
| .cyber-calendar-day:hover { |
| background: rgba(110, 0, 255, 0.1); |
| } |
| |
| .cyber-calendar-day.today { |
| background: rgba(110, 0, 255, 0.3); |
| } |
| |
| .cyber-calendar-day.selected { |
| background: var(--primary); |
| color: white; |
| } |
| |
| .cyber-map { |
| height: 400px; |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-chart { |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-editor { |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| background: rgba(15, 15, 35, 0.7); |
| } |
| |
| .cyber-terminal { |
| background: rgba(15, 15, 35, 0.9); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| font-family: 'Courier New', monospace; |
| color: var(--secondary); |
| } |
| |
| .cyber-terminal-header { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-terminal-body { |
| overflow-y: auto; |
| } |
| |
| .cyber-terminal-input { |
| background: transparent; |
| border: none; |
| outline: none; |
| color: var(--secondary); |
| font-family: 'Courier New', monospace; |
| width: 100%; |
| } |
| |
| .cyber-terminal-prompt { |
| color: var(--primary); |
| } |
| |
| .cyber-terminal-command { |
| color: var(--secondary); |
| } |
| |
| .cyber-terminal-output { |
| color: white; |
| } |
| |
| .cyber-terminal-error { |
| color: #ff5555; |
| } |
| |
| .cyber-terminal-success { |
| color: #55ff55; |
| } |
| |
| .cyber-terminal-warning { |
| color: #ffff55; |
| } |
| |
| .cyber-terminal-info { |
| color: #5555ff; |
| } |
| |
| .cyber-upload { |
| border: 2px dashed rgba(110, 0, 255, 0.5); |
| background: rgba(15, 15, 35, 0.7); |
| transition: all 0.3s; |
| } |
| |
| .cyber-upload:hover { |
| border-color: var(--primary); |
| background: rgba(110, 0, 255, 0.1); |
| } |
| |
| .cyber-upload-active { |
| border-color: var(--secondary); |
| background: rgba(0, 247, 255, 0.1); |
| } |
| |
| .cyber-dragdrop { |
| border: 2px dashed var(--primary); |
| background: rgba(110, 0, 255, 0.1); |
| } |
| |
| .cyber-dragdrop-active { |
| border-color: var(--secondary); |
| background: rgba(0, 247, 255, 0.2); |
| } |
| |
| .cyber-contextmenu { |
| background: rgba(15, 15, 35, 0.9); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); |
| } |
| |
| .cyber-contextmenu-item { |
| transition: all 0.3s; |
| } |
| |
| .cyber-contextmenu-item:hover { |
| background: rgba(110, 0, 255, 0.3); |
| } |
| |
| .cyber-tour { |
| background: rgba(15, 15, 35, 0.9); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); |
| } |
| |
| .cyber-tour-arrow { |
| border-color: rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-tour-arrow:after { |
| border-color: rgba(15, 15, 35, 0.9); |
| } |
| |
| .cyber-tour-footer { |
| border-top: 1px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-tour-progress { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-tour-progress-bar { |
| background: linear-gradient(90deg, var(--primary), var(--accent)); |
| } |
| |
| .cyber-tour-bullet { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-tour-bullet.active { |
| background: var(--primary); |
| } |
| |
| .cyber-tour-bullet.completed { |
| background: var(--secondary); |
| } |
| |
| .cyber-tour-skip { |
| color: rgba(255, 255, 255, 0.7); |
| } |
| |
| .cyber-tour-skip:hover { |
| color: white; |
| } |
| |
| .cyber-tour-next { |
| background: linear-gradient(45deg, var(--primary), var(--accent)); |
| } |
| |
| .cyber-tour-next:hover { |
| background: linear-gradient(45deg, var(--accent), var(--primary)); |
| } |
| |
| .cyber-tour-back { |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-tour-back:hover { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-tour-close { |
| color: rgba(255, 255, 255, 0.7); |
| } |
| |
| .cyber-tour-close:hover { |
| color: white; |
| } |
| |
| .cyber-tour-title { |
| color: var(--secondary); |
| } |
| |
| .cyber-tour-description { |
| color: rgba(255, 255, 255, 0.8); |
| } |
| |
| .cyber-tour-step { |
| color: var(--primary); |
| } |
| |
| .cyber-tour-total { |
| color: rgba(255, 255, 255, 0.5); |
| } |
| |
| .cyber-tour-highlight { |
| box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 3px var(--primary); |
| } |
| |
| .cyber-tour-highlight:after { |
| content: ''; |
| position: absolute; |
| top: -3px; |
| left: -3px; |
| right: -3px; |
| bottom: -3px; |
| border: 3px solid var(--primary); |
| border-radius: inherit; |
| animation: tour-pulse 2s infinite; |
| pointer-events: none; |
| } |
| |
| @keyframes tour-pulse { |
| 0% { opacity: 0.7; transform: scale(1); } |
| 70% { opacity: 0; transform: scale(1.05); } |
| 100% { opacity: 0; transform: scale(1.05); } |
| } |
| |
| .cyber-tour-mask { |
| background: rgba(0, 0, 0, 0.7); |
| } |
| |
| .cyber-tour-spotlight { |
| box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 3px var(--primary); |
| } |
| |
| .cyber-tour-spotlight:after { |
| content: ''; |
| position: absolute; |
| top: -3px; |
| left: -3px; |
| right: -3px; |
| bottom: -3px; |
| border: 3px solid var(--primary); |
| border-radius: inherit; |
| animation: tour-spotlight-pulse 2s infinite; |
| pointer-events: none; |
| } |
| |
| @keyframes tour-spotlight-pulse { |
| 0% { opacity: 0.7; transform: scale(1); } |
| 70% { opacity: 0; transform: scale(1.05); } |
| 100% { opacity: 0; transform: scale(1.05); } |
| } |
| |
| .cyber-tour-beacon { |
| width: 20px; |
| height: 20px; |
| border-radius: 50%; |
| background: var(--primary); |
| animation: tour-beacon-pulse 2s infinite; |
| cursor: pointer; |
| } |
| |
| @keyframes tour-beacon-pulse { |
| 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(110, 0, 255, 0.7); } |
| 70% { transform: scale(1.3); box-shadow: 0 0 0 10px rgba(110, 0, 255, 0); } |
| 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(110, 0, 255, 0); } |
| } |
| |
| .cyber-tour-beacon-inner { |
| width: 10px; |
| height: 10px; |
| border-radius: 50%; |
| background: white; |
| position: absolute; |
| top: 5px; |
| left: 5px; |
| } |
| |
| .cyber-tour-beacon-outer { |
| width: 30px; |
| height: 30px; |
| border-radius: 50%; |
| background: rgba(110, 0, 255, 0.3); |
| position: absolute; |
| top: -5px; |
| left: -5px; |
| animation: tour-beacon-outer-pulse 2s infinite; |
| } |
| |
| @keyframes tour-beacon-outer-pulse { |
| 0% { transform: scale(1); opacity: 0.7; } |
| 70% { transform: scale(1.5); opacity: 0; } |
| 100% { transform: scale(1.5); opacity: 0; } |
| } |
| |
| .cyber-tour-beacon-arrow { |
| width: 0; |
| height: 0; |
| border-left: 10px solid transparent; |
| border-right: 10px solid transparent; |
| border-top: 10px solid var(--primary); |
| position: absolute; |
| bottom: -8px; |
| left: 0; |
| } |
| |
| .cyber-tour-beacon-text { |
| position: absolute; |
| top: 40px; |
| left: -50px; |
| width: 120px; |
| background: rgba(15, 15, 35, 0.9); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| padding: 10px; |
| border-radius: 5px; |
| text-align: center; |
| color: white; |
| font-size: 12px; |
| } |
| |
| .cyber-tour-beacon-text:after { |
| content: ''; |
| position: absolute; |
| top: -10px; |
| left: 50px; |
| border-left: 10px solid transparent; |
| border-right: 10px solid transparent; |
| border-bottom: 10px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-tour-beacon-text:before { |
| content: ''; |
| position: absolute; |
| top: -8px; |
| left: 50px; |
| border-left: 10px solid transparent; |
| border-right: 10px solid transparent; |
| border-bottom: 10px solid rgba(15, 15, 35, 0.9); |
| z-index: 1; |
| } |
| |
| .cyber-tour-beacon-close { |
| position: absolute; |
| top: -10px; |
| right: -10px; |
| width: 20px; |
| height: 20px; |
| background: var(--primary); |
| border-radius: 50%; |
| color: white; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 12px; |
| cursor: pointer; |
| } |
| |
| .cyber-tour-beacon-close:hover { |
| background: var(--accent); |
| } |
| |
| .cyber-tour-beacon-next { |
| position: absolute; |
| bottom: -30px; |
| left: 50px; |
| width: 20px; |
| height: 20px; |
| background: var(--primary); |
| border-radius: 50%; |
| color: white; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 12px; |
| cursor: pointer; |
| } |
| |
| .cyber-tour-beacon-next:hover { |
| background: var(--accent); |
| } |
| |
| .cyber-tour-beacon-prev { |
| position: absolute; |
| bottom: -30px; |
| left: 20px; |
| width: 20px; |
| height: 20px; |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| border-radius: 50%; |
| color: white; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 12px; |
| cursor: pointer; |
| } |
| |
| .cyber-tour-beacon-prev:hover { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-tour-beacon-skip { |
| position: absolute; |
| bottom: -30px; |
| right: 20px; |
| width: 20px; |
| height: 20px; |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| border-radius: 50%; |
| color: white; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 12px; |
| cursor: pointer; |
| } |
| |
| .cyber-tour-beacon-skip:hover { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-tour-beacon-number { |
| position: absolute; |
| top: -10px; |
| left: -10px; |
| width: 20px; |
| height: 20px; |
| background: var(--secondary); |
| border-radius: 50%; |
| color: black; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 12px; |
| font-weight: bold; |
| } |
| |
| .cyber-tour-beacon-number:after { |
| content: '/'; |
| position: absolute; |
| right: -15px; |
| color: white; |
| } |
| |
| .cyber-tour-beacon-total { |
| position: absolute; |
| top: -10px; |
| left: 15px; |
| color: white; |
| font-size: 12px; |
| } |
| |
| .cyber-tour-beacon-title { |
| font-weight: bold; |
| margin-bottom: 5px; |
| color: var(--secondary); |
| } |
| |
| .cyber-tour-beacon-description { |
| font-size: 11px; |
| color: rgba(255, 255, 255, 0.8); |
| } |
| |
| .cyber-tour-beacon-progress { |
| height: 3px; |
| background: rgba(110, 0, 255, 0.2); |
| margin-top: 10px; |
| border-radius: 3px; |
| overflow: hidden; |
| } |
| |
| .cyber-tour-beacon-progress-bar { |
| height: 100%; |
| background: linear-gradient(90deg, var(--primary), var(--accent)); |
| border-radius: 3px; |
| } |
| |
| .cyber-tour-beacon-buttons { |
| display: flex; |
| justify-content: space-between; |
| margin-top: 10px; |
| } |
| |
| .cyber-tour-beacon-button { |
| padding: 5px 10px; |
| border-radius: 3px; |
| font-size: 11px; |
| cursor: pointer; |
| } |
| |
| .cyber-tour-beacon-button-primary { |
| background: linear-gradient(45deg, var(--primary), var(--accent)); |
| color: white; |
| } |
| |
| .cyber-tour-beacon-button-secondary { |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| color: white; |
| } |
| |
| .cyber-tour-beacon-button-primary:hover { |
| background: linear-gradient(45deg, var(--accent), var(--primary)); |
| } |
| |
| .cyber-tour-beacon-button-secondary:hover { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-tour-beacon-footer { |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| margin-top: 10px; |
| padding-top: 10px; |
| border-top: 1px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-tour-beacon-footer-text { |
| font-size: 10px; |
| color: rgba(255, 255, 255, 0.5); |
| } |
| |
| .cyber-tour-beacon-footer-buttons { |
| display: flex; |
| } |
| |
| .cyber-tour-beacon-footer-button { |
| width: 20px; |
| height: 20px; |
| background: rgba(15, 15, 35, 0.7); |
| border: 1px solid rgba(110, 0, 255, 0.5); |
| border-radius: 3px; |
| margin-left: 5px; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 10px; |
| cursor: pointer; |
| } |
| |
| .cyber-tour-beacon-footer-button:hover { |
| background: rgba(110, 0, 255, 0.2); |
| } |
| |
| .cyber-tour-beacon-footer-button-active { |
| background: var(--primary); |
| color: white; |
| } |
| |
| .cyber-tour-beacon-footer-button-active:hover { |
| background: var(--accent); |
| } |
| |
| .cyber-tour-beacon-footer-button-disabled { |
| opacity: 0.5; |
| cursor: not-allowed; |
| } |
| |
| .cyber-tour-beacon-footer-button-disabled:hover { |
| background: rgba(15, 15, 35, 0.7); |
| } |
| |
| .cyber-tour-beacon-footer-button-icon { |
| font-size: 12px; |
| } |
| |
| .cyber-tour-beacon-footer-button-text { |
| font-size: 10px; |
| margin-left: 5px; |
| } |
| |
| .cyber-tour-beacon-footer-button-group { |
| display: flex; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button { |
| border-radius: 0; |
| margin-left: 0; |
| border-right: none; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button:first-child { |
| border-top-left-radius: 3px; |
| border-bottom-left-radius: 3px; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button:last-child { |
| border-top-right-radius: 3px; |
| border-bottom-right-radius: 3px; |
| border-right: 1px solid rgba(110, 0, 255, 0.5); |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button:not(:first-child):not(:last-child) { |
| border-radius: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button:not(:first-child) { |
| margin-left: -1px; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button:not(:last-child) { |
| border-right: none; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button:hover { |
| z-index: 1; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-active { |
| z-index: 2; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button-disabled:hover { |
| z-index: 0; |
| } |
| |
| .cyber-tour-beacon-footer-button-group .cyber-tour-beacon-footer-button |
| </html> |
