Rabbit: Difference between revisions
Jump to navigation
Jump to search
Add Rabbit Chronicles entrance opposite Night City Builder, with the website neon hover effect. |
Match the Night City Builder hover motion to the Chronicles marquee. |
||
| Line 75: | Line 75: | ||
/* Complete approved sign; only the existing Builder corner is changed. */ | /* Complete approved sign; only the existing Builder corner is changed. */ | ||
.rg-city-stage .rbc-billboard-link {display:block;line-height:0;text-decoration:none!important;background:none!important;border:0;margin:0;padding:0;outline-offset:6px;cursor:pointer;} | .rg-city-stage .rbc-billboard-link {display:block;line-height:0;text-decoration:none!important;background:none!important;border:0;margin:0;padding:0;outline-offset:6px;cursor:pointer;transform-origin:50% 50%;transition:transform .22s ease;} | ||
.rg-city-stage img.rbc-billboard-image {display:block;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;border:0!important;filter:brightness(1);transition:filter . | .rg-city-stage .rbc-billboard-link:is(:hover,:focus-visible) {transform:translateY(-2px) scale(1.025);} | ||
.rg-city-stage img.rbc-billboard-image {display:block;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;border:0!important;filter:brightness(1);transition:filter .22s ease;} | |||
.rg-city-stage .rbc-billboard-link:is(:hover,:focus-visible) .rbc-billboard-image {filter:brightness(1.14) drop-shadow(0 0 6px #fa55dcb3) drop-shadow(0 0 12px #35edf180);} | .rg-city-stage .rbc-billboard-link:is(:hover,:focus-visible) .rbc-billboard-image {filter:brightness(1.14) drop-shadow(0 0 6px #fa55dcb3) drop-shadow(0 0 12px #35edf180);} | ||
.rg-city-stage .rbc-billboard-link:focus-visible {outline:2px solid #b4faff;} | .rg-city-stage .rbc-billboard-link:focus-visible {outline:2px solid #b4faff;} | ||
@media(prefers-reduced-motion:reduce) {.rg-city-stage img.rbc-billboard-image {transition:none!important;}} | @media(prefers-reduced-motion:reduce) {.rg-city-stage img.rbc-billboard-image {transition:none!important;}.rg-city-stage .rbc-billboard-link {transition:none!important;transform:none!important;}} | ||
/* Chronicles mirrors the Builder corner and uses the website marquee effect. */ | /* Chronicles mirrors the Builder corner and uses the website marquee effect. */ | ||
.rg-city-stage .rbc-corner.rcc-corner {left:auto;right:20px;} | .rg-city-stage .rbc-corner.rcc-corner {left:auto;right:20px;} | ||
