- Advertisement -

/* Title Styles */ .title { font-size: 32px; font-weight: normal; line-height: 1.4; text-align: center; margin: 20px 0; color: #333; /* Dark text for readability */ } @media (max-width: 768px) { .title { font-size: 24px; } } /* Navigation Scroller Styles */ .nav-scroller { position: relative; width: 100%; overflow: hidden; display: flex; margin-top: 30px; background-color: #fff; border-radius: 8px; /* Rounded corners for the scroller */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */ } .nav-scroller-nav { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Hide scrollbar */ } .nav-scroller-nav::-webkit-scrollbar { display: none; } .nav-scroller-content { display: inline-flex; align-items: center; white-space: nowrap; list-style: none; transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .nav-scroller-item { display: flex; align-items: center; margin: 0 0.8rem; padding: 0.5rem 1rem; color: #000; text-decoration: none; position: relative; transition: background 0.3s; /* Smooth background transition */ } .nav-scroller-item:hover { background-color: #f0f0f0; /* Highlight on hover */ border-radius: 5px; /* Rounded hover effect */ } .nav-scroller-item img { width: 27px; height: auto; margin-right: 5px; } .nav__link__title { font-size: 14px; font-weight: bold; /* Emphasize title */ color: #333; } .nav__link__subtitle { font-size: 6px; color: #666; /* Subtle subtitle color */ } /* Navigation Buttons */ .nav-scroller-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; height: 44px; padding: 0.5rem; font-size: 1.25rem; color: #000; background: #fff; border: 0; cursor: pointer; transition: color 0.3s, opacity 0.3s; opacity: 0; /* Start hidden */ pointer-events: none; /* Start disabled */ } .nav-scroller-btn:hover { color: #666; /* Change color on hover */ } .nav-scroller-btn.active { opacity: 1; /* Show when active */ pointer-events: auto; /* Enable when active */ } .nav-scroller-btn--left { left: 0; margin-left: 5px; /* Small margin for visibility */ } .nav-scroller-btn--right { right: 0; margin-right: 5px; /* Small margin for visibility */ } .nav-scroller-icon { width: 1em; height: 1em; fill: currentColor; vertical-align: middle; } /* Popup Submenu Styles */ .submenu { display: none; /* Initially hidden */ position: fixed; /* Change to fixed for full visibility */ background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* Enhanced shadow */ padding: 15px; /* More padding */ z-index: 1000; /* Ensure it's above other content */ border-radius: 8px; /* Rounded corners */ min-width: 160px; /* Minimum width to accommodate content */ max-height: 300px; /* Set a maximum height */ overflow-y: auto; /* Enable scrolling if content overflows */ transition: all 0.3s ease; /* Smooth appearance */ } .submenu a { display: flex; /* Flex layout for icon and text */ align-items: center; /* Center items vertically */ padding: 10px 12px; /* More padding */ color: #333; /* Text color */ text-decoration: none; /* No underline */ border-radius: 5px; /* Rounded edges */ transition: background 0.3s; /* Smooth background transition */ font-weight: bold; } .submenu a:hover { background-color: #e0e0e0; /* Darker hover effect */ } .submenu img { width: 20px; /* Icon size */ height: 20px; /* Icon size */ margin-right: 10px; /* Space between icon and text */ } .nav-scroller-nav {margin-left: -20px;}

WordPress

Themes and Plugins

WordPress Theme

Sub Item 2

Scripts

PHP, Python, etc

Sub Item 1

Sub Item 2

Learn with us!

Promoted by Microsoft

Sub Item 1

Sub Item 2

Hosting

Solutions for you

Sub Item 1

Sub Item 2

Online courses

Available Now!

Sub Item 1

Sub Item 2

Omah Lay – Moving

August 29th, 2024 Music 0 [ratemypost-result]

Omah Lay Drops Heartfelt Anthem “Moving”

Afrobeats star Omah Lay is back with a new soulful track titled “Moving”. Known for his ability to convey raw emotions through his music, Omah Lay once again delivers a heartfelt masterpiece.

“Moving” is a reflective song that explores themes of growth, resilience, and the challenges of life. With its poignant lyrics and Omah Lay’s signature vocal style, the song is sure to resonate with listeners.

Omah Lay – Moving

Be the first to comment

Leave a Reply Cancel reply

Quick Links

Resources