From d4fdb4e3d6a3fbf042db8605d371605a64c8db4c Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Wed, 8 May 2024 04:26:20 +0000 Subject: minor css fixes and added a new source for movies --- src/app/page.module.css | 47 ++++++++++++++++++++++++++--------------------- 1 file changed, 26 insertions(+), 21 deletions(-) (limited to 'src/app/page.module.css') diff --git a/src/app/page.module.css b/src/app/page.module.css index 131bf0c..f9d5b23 100644 --- a/src/app/page.module.css +++ b/src/app/page.module.css @@ -1,10 +1,8 @@ .newbg { background: rgb(37, 37, 37); - background: radial-gradient( - circle, - rgb(41, 41, 41) 2%, - rgb(12, 12, 12) 30% - ); + background: radial-gradient(circle, + rgb(41, 41, 41) 2%, + rgb(12, 12, 12) 30%); } .header { @@ -27,15 +25,13 @@ font-size: 1.5rem; padding: 1rem; color: transparent; - background: linear-gradient( - 90deg, - rgba(0, 151, 255, 0.9976365546218487) 3%, - rgba(115, 154, 242, 1) 21%, - rgba(255, 159, 224, 1) 40%, - rgba(255, 194, 133, 1) 60%, - rgba(245, 242, 81, 0.884) 80%, - rgba(255, 179, 0, 0.842) 100% - ); + background: linear-gradient(90deg, + rgba(0, 151, 255, 0.9976365546218487) 3%, + rgba(115, 154, 242, 1) 21%, + rgba(255, 159, 224, 1) 40%, + rgba(255, 194, 133, 1) 60%, + rgba(245, 242, 81, 0.884) 80%, + rgba(255, 179, 0, 0.842) 100%); background-size: 150% 50%; background-clip: text; animation: colorChange 3s linear infinite alternate-reverse; @@ -45,11 +41,20 @@ 0% { background-position: 0 50%; } + 100% { background-position: 100% 100%; } } +.right { + overflow: auto; +} + +.right::-webkit-scrollbar { + height: 0; +} + .right a { text-decoration: none; color: white; @@ -58,11 +63,11 @@ font-size: 1rem; } -.header:hover > .right a { +.header:hover>.right a { opacity: 0.5; } -.header:hover > .right a:hover { +.header:hover>.right a:hover { opacity: 1; cursor: pointer; } @@ -118,11 +123,11 @@ border-width: 0.1rem; } -.content:hover > .contentContainer div { +.content:hover>.contentContainer div { opacity: 0.5; } -.content:hover > .contentContainer div:hover { +.content:hover>.contentContainer div:hover { opacity: 1; cursor: pointer; transform: scale(0.95) rotateX(12deg) rotateY(-8deg); @@ -133,13 +138,13 @@ display: block; } - .content:hover > .contentContainer div { + .content:hover>.contentContainer div { opacity: 0.5; } - .content:hover > .contentContainer div:hover { + .content:hover>.contentContainer div:hover { opacity: 1; cursor: pointer; transform: scale(0.95); } -} +} \ No newline at end of file -- cgit v1.2.3