Kilokem/ConnectHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finals

Browse Source
This commit is contained in:
Kilokem
2024-09-25 20:49:15 +02:00
parent b572feeb5a
commit 73a9e04c2b
22 changed files with 1982 additions and 682 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
css/friends.css
View File

@ -16,7 +16,7 @@ body {
:root {
--background-color: #121212;
--text-color: black;
--primary-color: #aa00ff;
--primary-color: #4169E1;
--secondary-color: lightgrey;
--header-bg-color: lightgrey;
}
@ -68,9 +68,9 @@ body {
padding: 10px 20px;
cursor: pointer;
text-align: center;
background: var(--secondary-color);
background: var(--color-bg);
border-radius: 8px;
color: var(--text-color);
color: var(--color-black);
transition: background 0.3s, color 0.3s;
}
@ -86,7 +86,7 @@ body {
/* Search input styles */
.search-input {
width: 100%; /* Full width of the filter */
background-color: var(--header-bg-color);
background-color: var(--color-bg);
border: none;
padding: 10px;
border-radius: 10px;
@ -103,19 +103,19 @@ body {
@keyframes rotateShadow {
0% {
box-shadow: -2px -2px 8px 1px var(--primary-color), 2px 2px 8px 1px #3700ff;
box-shadow: -2px -2px 8px 1px var(--primary-color), 2px 2px 8px 1px #4169E1;
}
25% {
box-shadow: -2px 2px 8px 1px var(--primary-color), 2px -2px 8px 1px #3700ff;
box-shadow: -2px 2px 8px 1px var(--primary-color), 2px -2px 8px 1px #4169E1;
}
50% {
box-shadow: 2px 2px 8px 1px var(--primary-color), -2px -2px 8px 1px #3700ff;
box-shadow: 2px 2px 8px 1px var(--primary-color), -2px -2px 8px 1px #4169E1;
}
75% {
box-shadow: 2px -2px 8px 1px var(--primary-color), -2px 2px 8px 1px #3700ff;
box-shadow: 2px -2px 8px 1px var(--primary-color), -2px 2px 8px 1px #4169E1;
}
100% {
box-shadow: -2px -2px 8px 1px var(--primary-color), 2px 2px 8px 1px #3700ff;
box-shadow: -2px -2px 8px 1px var(--primary-color), 2px 2px 8px 1px #4169E1;
}
}
@ -145,7 +145,7 @@ body {
.biocard {
max-width: 460px;
border-radius: 1rem;
background-color: rgb(118, 36, 194);
background-color:var(--color-bg);
padding: 4rem;
margin-top: 1rem;
}
@ -158,12 +158,12 @@ body {
gap: 1rem;
}
.image {
.prof-image {
height: 7rem;
width: 7rem;
border-radius: 0.5rem;
background-color: rgb(118, 36, 194);
background: linear-gradient(to bottom right, rgb(118, 36, 194), rgb(185, 128, 240));
border-radius: 8px;
background-color: #4169E1;
background: linear-gradient(to bottom right, #4169E1, #3658B4);
}
.info {
@ -176,7 +176,7 @@ body {
.name {
font-weight: 500;
color: var(--color-white);
color: var(--color-black);
}
.userid {
@ -187,13 +187,13 @@ body {
.stats {
width: 100%;
border-radius: 0.5rem;
background-color: rgba(255, 255, 255, 1);
background-color:var(--color-bg);
display: flex;
align-items: center;
justify-content: space-around;
font-size: 0.75rem;
line-height: 1rem;
color: rgba(0, 0, 0, 1);
color: var(--color-black);
}
.flex {
@ -205,7 +205,7 @@ body {
.state-value {
font-weight: 700;
color: rgb(118, 36, 194);
color: #4169E1;
}
.request {
@ -217,10 +217,21 @@ body {
font-size: 1rem;
line-height: 1.5rem;
transition: all .3s ease;
background-color: var(--color-bg);
color: var(--color-black);
}
.request:hover {
background-color: rgb(118, 36, 194);
background-color: #4169E1;
color: #fff;
cursor: pointer;
}
h2{
color:var(--color-black);
}
.prof-image img{
width: 100%;
height: 100%;
border-radius: 8px;
}