Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add visual styles to card classes (background, border, padding, box-shadow)

Browse Source
This commit is contained in:
Kato
2026-09-05 16:42:26 +00:00
parent ed5ddd7bf6
commit 22f3e1edc7
1 changed files with 41 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+41
View File
@@ -240,6 +240,18 @@
transform: translateY(25px); transform: translateY(25px);
transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
/* Visual styles */
background: #ffffff;
border-radius: 12px;
padding: 16px;
border: 1px solid #e4e6eb;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.wiki-card-new:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-color: #1877f2;
} }
.wiki-card-new.visible { .wiki-card-new.visible {
opacity: 1 !important; opacity: 1 !important;
@@ -253,6 +265,21 @@
transform: translateY(25px); transform: translateY(25px);
transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
/* Visual styles */
background: #ffffff;
border-radius: 12px;
padding: 16px;
border: 1px solid #e4e6eb;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
overflow: visible;
}
.member-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-color: #1877f2;
transform: translateY(-2px);
} }
.member-card.visible { .member-card.visible {
opacity: 1 !important; opacity: 1 !important;
@@ -266,6 +293,20 @@
transform: translateY(25px); transform: translateY(25px);
transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
/* Visual styles */
background: #ffffff;
border-radius: 12px;
padding: 16px;
border: 1px solid #e4e6eb;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
overflow: visible;
}
.date-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-color: #1877f2;
transform: translateY(-2px);
} }
.date-card.visible { .date-card.visible {
opacity: 1 !important; opacity: 1 !important;