diff options
| author | gurusabarish <gurusabarisha@gmail.com> | 2022-02-11 16:37:51 +0300 |
|---|---|---|
| committer | gurusabarish <gurusabarisha@gmail.com> | 2022-02-11 16:37:51 +0300 |
| commit | a8ec5d338841d2d8b2e9cd324290ca421722bcc9 (patch) | |
| tree | 1cf482e69cc6c8fc1559e342bdf1b6dedfd6ba81 /static | |
| parent | 5bd29d2582bb8451a98932b85417884c2e4f033a (diff) | |
added achievements
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/footer.css | 8 | ||||
| -rw-r--r-- | static/css/index.css | 23 | ||||
| -rw-r--r-- | static/css/list.css | 3 |
3 files changed, 32 insertions, 2 deletions
diff --git a/static/css/footer.css b/static/css/footer.css index 21f4f2b..294c163 100644 --- a/static/css/footer.css +++ b/static/css/footer.css @@ -11,10 +11,16 @@ footer a:hover { footer .card {
background-color: var(--secondary-color) !important;
border-radius: .75rem;
+ cursor: context-menu;
overflow: hidden;
}
-footer .card-text *{
+footer .card:hover {
+ transition: all 0.3s ease-out;
+ box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+}
+
+footer .card-text * {
background-color: var(--secondary-color) !important;
}
diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..a0f7553 --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,23 @@ +#achievements a {
+ text-decoration: none;
+}
+
+#achievements .card {
+ background-color: var(--secondary-color) !important;
+ border-radius: .75rem;
+ box-shadow: 0 0 36px rgba(0,0,0,0.1);
+ cursor: alias;
+ /* transform: translate3d(0, 0, 0); */
+ transition: box-shadow .2s linear,opacity .2s linear;
+}
+
+#achievements .card:hover {
+ border: 1px solid var(--text-color);
+ transition: .4s;
+}
+
+#achievements .card-text {
+ background-color: var(--secondary-color) !important;
+ color: var(--text-secondary-color) !important;
+}
+
diff --git a/static/css/list.css b/static/css/list.css index f21efda..5e3806a 100644 --- a/static/css/list.css +++ b/static/css/list.css @@ -1,5 +1,6 @@ #list-page .card {
background-color: var(--secondary-color) !important;
+ box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
border-radius: .75rem;
cursor: context-menu;
overflow: hidden;
@@ -10,9 +11,9 @@ }
#list-page .card:hover {
- box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
border: 1px solid var(--secondary-color);
transition: all 0.3s ease-out;
+ transform: translateY(-7px);
}
#list-page .card-text * {
|