Glassy - A Window to Your Collection

Preview

BsnEEZS4UCnwgFinLQ

General Styling

All text elements benefit from a subtle text shadow, providing a sense of depth and readability against various backgrounds.

Glassy Translucent Effects

Translucent backgrounds for specific elements enhance the Glassy theme’s overall aesthetic.

Paragraphs

Paragraphs have a lighter font weight and a transparent white color for improved readability.

Responsive Adjustments

Responsive design ensures optimal viewing and interaction across various screen sizes (up to 768px).

Stylized Settings

Containers with an embossed effect and a dark background offer a visually appealing and consistent theme.

Popup Modal Styling

Dark-themed modal popups maintain the Glassy look with a translucent background.

Animation for Cards on Main Page

Scene, performer, and studio cards on the main page showcase a scrolling left-to-right animation for an engaging visual effect.

Main Page - Hover Effects

Hovering over cards triggers a vertical wipe effect, highlighting the selected card with a white border and subtle scale transformation.

Background Studio Grey Banners

Studio cards feature a background color for better readability.

Parallax Effect

A captivating parallax effect is applied to the background, providing a sense of depth.

Screenshots

Home

Scenes

Images

Groups

Markers

Galleries

Performers

Studios

Tags

Settings

2 Likes

Studio logos are cropped out when you change the zoom / grid size in the scenes page (scene and movie card redesign)

I tried to modify the Glassy theme css, to remove the darker background box on the performer detail page, but didn‘t succeed. I‘m using in combination the background slideshow plugin from RollainKraus and would like to have a better view on the backround images by making the background transparent.

Where do I have to change the css file? Any help is appreciated.