summaryrefslogtreecommitdiff
path: root/src/css/ghrepo.css
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2024-03-19 09:38:37 +0800
committerlittleblack111 <littleblack11111@gmail.com>2024-03-19 09:38:37 +0800
commit962bf144bc458e3739444301ac6be523cb15bd54 (patch)
tree77f4c308fbc620ce46322cd4e10e30a71dbfb508 /src/css/ghrepo.css
parenta893caba965cc14b60663b2b83f833f3c0ced53c (diff)
updates
Diffstat (limited to 'src/css/ghrepo.css')
-rw-r--r--src/css/ghrepo.css40
1 files changed, 19 insertions, 21 deletions
diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css
index c737dd9c..928cdad7 100644
--- a/src/css/ghrepo.css
+++ b/src/css/ghrepo.css
@@ -128,11 +128,6 @@ a {
transition: all 0.5s
}
-.github-img {
- width: 45px;
- margin-right: 8px;
-}
-
ul {
list-style: none;
padding: 0;
@@ -169,6 +164,9 @@ ul {
box-shadow: 0 0px 6px var(--accent), 0 0px 6px var(--accent);
max-width: 100%;
height: auto;
+ opacity: 0.85;
+ -webkit-backdrop-filter: blur(64px) saturate(1.6);
+ backdrop-filter: blur(64px) saturate(1.6);
box-shadow: 0 0 10mm rgba(0,0,0,.7);
border-radius: 100%;
transition: transform 0.3s, border-radius 0.5s;
@@ -236,8 +234,8 @@ input:hover,
.filter-repos:hover {
/* background: rgba(10, 10, 15, 0.5); */
transition: all 0.5s;
- -webkit-backdrop-filter: blur(50px);
- backdrop-filter: blur(50px);
+ -webkit-backdrop-filter: blur(64px) saturate(1.6);
+ backdrop-filter: blur(64px) saturate(1.6);
box-shadow: 0 0 50mm rgba(0,0,0,.7);
transform: scale(1.1);
transition: all 0.5s;
@@ -248,8 +246,8 @@ input:active,
/* background: #F4E8C1; */
box-shadow: 0 0 10mm rgba(0,0,0,.7);
/* background: rgba(244, 232, 193, 0.3); */
- -webkit-backdrop-filter: blur(200px);
- backdrop-filter: blur(200px);
+ -webkit-backdrop-filter: blur(256px) saturate(1.6);
+ backdrop-filter: blur(256px) saturate(1.6);
}
.repo > * {
@@ -317,8 +315,8 @@ input:active,
padding: 1em;
text-align: center;
background: transparent;
- -webkit-backdrop-filter: blur(200px);
- backdrop-filter: blur(200px);
+ -webkit-backdrop-filter: blur(256px) saturate(1.6);
+ backdrop-filter: blur(256px) saturate(1.6);
-webkit-transition: all 0.5s;
transition: all 0.5s;
scroll-snap-align: center;
@@ -334,8 +332,8 @@ input:active,
/* box-shadow: 0 3px 6px var(--accent), 0 3px 6px var(--accent); */
box-shadow: 0 0 50mm var(--box-shadow);
/* background: rgba(0, 0, 0, 0.1); */
- -webkit-backdrop-filter: blur(125px);
- backdrop-filter: blur(125px);
+ -webkit-backdrop-filter: blur(128px) saturate(1.6);
+ backdrop-filter: blur(128px) saturate(1.6);
border-radius: 10px;
transform: scale(1.05);
transition: background 0.5s, transform 1s, boarder 1.5s, all 0.3s
@@ -343,8 +341,8 @@ input:active,
.repo-list:hover:has(li:hover) li:not(:hover,.hide) {
background: rgba(0, 0, 0, 0.3);
- -webkit-backdrop-filter: blur(80px);
- backdrop-filter: blur(80px);
+ -webkit-backdrop-filter: blur(128px) saturate(1.6);
+ backdrop-filter: blur(128px) saturate(1.6);
transform: scale(0.95);
animation-duration: 0.5s;
transition: background 0.5s, transform 1s, all 0.3s;
@@ -381,8 +379,8 @@ input:active,
.intro:hover,
.user-info:hover {
- -webkit-backdrop-filter: blur(125px);
- backdrop-filter: blur(125px);
+ -webkit-backdrop-filter: blur(128px) saturate(1.6);
+ backdrop-filter: blur(128px) saturate(1.6);
/* transform: scale(1.1); */
}
@@ -395,8 +393,8 @@ input:active,
.user-info {
/* background: transparent; */
/* background: rgba(128, 128, 128, 0.2); */
- -webkit-backdrop-filter: blur(100px);
- backdrop-filter: blur(100px);
+ -webkit-backdrop-filter: blur(128px) saturate(1.6);
+ backdrop-filter: blur(128px) saturate(1.6);
/* box-shadow: 0 0 10mm rgba(0,0,0,.7); */
border: 2px solid #fff
}
@@ -406,8 +404,8 @@ input:active,
}
.repo {
- -webkit-backdrop-filter: blur(200px);
- backdrop-filter: blur(200px);
+ -webkit-backdrop-filter: blur(256px) saturate(1.6);
+ backdrop-filter: blur(256px) saturate(1.6);
box-shadow: 0 0 10mm rgba(0,0,0,.7);
overflow: auto;
overflow-x: hidden;