diff --git a/css/app.main.css b/css/app.main.css
index 3960372f..f48ff4bc 100644
--- a/css/app.main.css
+++ b/css/app.main.css
@@ -742,8 +742,12 @@ body {
background-color: #909098;
}
+:root {
+ --default-cursor: url('/static/cursor.ico') 2 0, default;
+ --pointer-cursor: url('/static/cursor-pointer.ico') 14 0, pointer;
+}
-body {cursor: url('/static/cursor.ico'), default}
+body {cursor: var(--default-cursor)}
a,
btn,
@@ -753,7 +757,7 @@ select,
button,
summary,
span > a,
-li > a {cursor: url('/static/cursor-pointer.ico'), pointer !important;}
+li > a {cursor: var(--pointer-cursor) !important;}
p {
color: #fff;
@@ -1285,5 +1289,5 @@ nav .middle .search-bar {
}
form > .btn.btn-success:hover {
- cursor: pointer;
+ cursor: var(--pointer-cursor);
}
diff --git a/css/landing.css b/css/landing.css
index 1a98f912..6d2a8873 100644
--- a/css/landing.css
+++ b/css/landing.css
@@ -684,6 +684,11 @@
font-display: swap;
}
+:root {
+ --default-cursor: url('/static/cursor.ico') 2 0, default;
+ --pointer-cursor: url('/static/cursor-pointer.ico') 14 0, pointer;
+}
+
html {
min-height: 100%;
}
@@ -700,7 +705,7 @@ body {
flex-direction: column;
justify-content: flex-start;
}
-body {cursor: url('/static/cursor.ico'), default}
+body {cursor: var(--default-cursor)}
a,
btn,
@@ -710,8 +715,8 @@ select,
button,
summary,
span > a,
-li > a {cursor: url('/static/cursor-pointer.ico'), pointer}
-.btn {cursor: url('/static/cursor-pointer.ico'), pointer !important}
+li > a {cursor: var(--pointer-cursor)}
+.btn {cursor: var(--pointer-cursor) !important}
@font-face {
font-family: "PokeTube Flex";
@@ -765,7 +770,7 @@ button[type="submit"] {
border: 2px #612153 solid;
border-radius: 24px;
padding: 8px 10px;
- cursor: pointer;
+ cursor: var(--pointer-cursor);
}
button[type="submit"]:hover {
background: #ffffff2e;
diff --git a/css/search.main.css b/css/search.main.css
index 911c7508..21d28de6 100644
--- a/css/search.main.css
+++ b/css/search.main.css
@@ -103,8 +103,8 @@ h6 {
color: var(--text-primary);
}
-body {cursor: url('/static/cursor.ico'), default}
-a {cursor: url('/static/cursor-pointer.ico'), pointer}
+body {cursor: url('/static/cursor.ico') 2 0, default}
+a {cursor: url('/static/cursor-pointer.ico') 14 0, pointer}
.divider {
flex-grow: 1;
diff --git a/html/143.ejs b/html/143.ejs
index 470530ea..28e0ebb4 100644
--- a/html/143.ejs
+++ b/html/143.ejs
@@ -10,7 +10,7 @@
-
+
@@ -38,7 +38,7 @@
-
+
diff --git a/html/account-me.ejs b/html/account-me.ejs
index 01c57b21..b3801ea5 100644
--- a/html/account-me.ejs
+++ b/html/account-me.ejs
@@ -3,7 +3,7 @@
PokeTube | Subscriptions
-
+
-
+
diff --git a/html/content-settings.ejs b/html/content-settings.ejs
index 5dad7337..229746a5 100644
--- a/html/content-settings.ejs
+++ b/html/content-settings.ejs
@@ -71,9 +71,9 @@
-body, .loaded, select {cursor: url('/static/cursor.ico'), default !important}
+body, .loaded, select {cursor: url('/static/cursor.ico') 2 0, default !important}
-button {cursor: url('/static/cursor-pointer.ico'), pointer !important}
+button {cursor: url('/static/cursor-pointer.ico') 14 0, pointer !important}
.cnt {
margin: auto;
diff --git a/html/custom-css.ejs b/html/custom-css.ejs
index b030e44c..6c192e6b 100644
--- a/html/custom-css.ejs
+++ b/html/custom-css.ejs
@@ -28,8 +28,8 @@
-
-
+
+
diff --git a/html/discover.ejs b/html/discover.ejs
index 70332e30..59afa165 100644
--- a/html/discover.ejs
+++ b/html/discover.ejs
@@ -34,8 +34,8 @@
-
-
+
+
@@ -676,8 +676,8 @@ element.addEventListener('wheel', (e) => {
-
-
+
+
-
+
diff --git a/html/playlist.ejs b/html/playlist.ejs
index 482c2661..a8200c1b 100644
--- a/html/playlist.ejs
+++ b/html/playlist.ejs
@@ -27,7 +27,7 @@
-
+