Add cursor hotspot coordinates to CSS files

This commit is contained in:
Emre Özcan 2024-03-28 19:11:18 +03:00
parent c15178a5c9
commit 5f88dbbb6b
22 changed files with 49 additions and 40 deletions

View file

@ -742,8 +742,12 @@ body {
background-color: #909098; 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, a,
btn, btn,
@ -753,7 +757,7 @@ select,
button, button,
summary, summary,
span > a, span > a,
li > a {cursor: url('/static/cursor-pointer.ico'), pointer !important;} li > a {cursor: var(--pointer-cursor) !important;}
p { p {
color: #fff; color: #fff;
@ -1285,5 +1289,5 @@ nav .middle .search-bar {
} }
form > .btn.btn-success:hover { form > .btn.btn-success:hover {
cursor: pointer; cursor: var(--pointer-cursor);
} }

View file

@ -684,6 +684,11 @@
font-display: swap; font-display: swap;
} }
:root {
--default-cursor: url('/static/cursor.ico') 2 0, default;
--pointer-cursor: url('/static/cursor-pointer.ico') 14 0, pointer;
}
html { html {
min-height: 100%; min-height: 100%;
} }
@ -700,7 +705,7 @@ body {
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
} }
body {cursor: url('/static/cursor.ico'), default} body {cursor: var(--default-cursor)}
a, a,
btn, btn,
@ -710,8 +715,8 @@ select,
button, button,
summary, summary,
span > a, span > a,
li > a {cursor: url('/static/cursor-pointer.ico'), pointer} li > a {cursor: var(--pointer-cursor)}
.btn {cursor: url('/static/cursor-pointer.ico'), pointer !important} .btn {cursor: var(--pointer-cursor) !important}
@font-face { @font-face {
font-family: "PokeTube Flex"; font-family: "PokeTube Flex";
@ -765,7 +770,7 @@ button[type="submit"] {
border: 2px #612153 solid; border: 2px #612153 solid;
border-radius: 24px; border-radius: 24px;
padding: 8px 10px; padding: 8px 10px;
cursor: pointer; cursor: var(--pointer-cursor);
} }
button[type="submit"]:hover { button[type="submit"]:hover {
background: #ffffff2e; background: #ffffff2e;

View file

@ -103,8 +103,8 @@ h6 {
color: var(--text-primary); color: var(--text-primary);
} }
body {cursor: url('/static/cursor.ico'), default} body {cursor: url('/static/cursor.ico') 2 0, default}
a {cursor: url('/static/cursor-pointer.ico'), pointer} a {cursor: url('/static/cursor-pointer.ico') 14 0, pointer}
.divider { .divider {
flex-grow: 1; flex-grow: 1;

View file

@ -10,7 +10,7 @@
<meta http-equiv="Expires" content="0" /> <meta http-equiv="Expires" content="0" />
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
</head> </head>
<body> <body>
<center><br><br><br><br><br><br><br><br> <center><br><br><br><br><br><br><br><br>
@ -38,7 +38,7 @@
<meta http-equiv="Expires" content="0"> <meta http-equiv="Expires" content="0">
<link href="/css/app-cdn.min.css" rel="stylesheet"> <link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&amp;display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&amp;display=swap" rel="stylesheet">
<link href="/css/app.main.css" rel="stylesheet"> <link href="/css/app.main.css?v=44600" rel="stylesheet">
</head> </head>
<body><img id="something" src="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/something.gif?v=1692958554014" onmouseover="hoverImage()" onmouseout="restoreImage()" style="height: 243px;margin-left: auto;margin-right: auto;display: flex;transform: translateY(50%);"> <body><img id="something" src="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/something.gif?v=1692958554014" onmouseover="hoverImage()" onmouseout="restoreImage()" style="height: 243px;margin-left: auto;margin-right: auto;display: flex;transform: translateY(50%);">

View file

@ -3,7 +3,7 @@
<title>PokeTube | Subscriptions </title> <title>PokeTube | Subscriptions </title>
<meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover"> <meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=/css/app.main.css?v=3449 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<style> <style>
/* Define the grid container */ /* Define the grid container */

View file

@ -217,7 +217,7 @@ padding-bottom: 32px;
</style> </style>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=44599 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>

View file

@ -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 { .cnt {
margin: auto; margin: auto;

View file

@ -28,8 +28,8 @@
<meta content="summary_large_image" name="twitter:card" /> <meta content="summary_large_image" name="twitter:card" />
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=35 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=/css/search.main.css rel=stylesheet> <link href=/css/search.main.css?v=57 rel=stylesheet>
<meta content="#f97794" name="theme-color" /> <meta content="#f97794" name="theme-color" />
<link href=/css/watch.main.css rel=stylesheet> <link href=/css/watch.main.css rel=stylesheet>
</head> </head>

View file

@ -34,8 +34,8 @@
<meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off --> <meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off -->
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=45 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=/css/search.main.css rel=stylesheet> <link href=/css/search.main.css?v=57 rel=stylesheet>
<link href=/css/watch.main.css rel=stylesheet> <link href=/css/watch.main.css rel=stylesheet>
<meta content="#1a1a1a" name="theme-color"> <meta content="#1a1a1a" name="theme-color">
</head> </head>
@ -676,8 +676,8 @@ element.addEventListener('wheel', (e) => {
<center> <center>
<section class=youtube-video> <section class=youtube-video>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/search.main.css?v=56" rel=stylesheet> <link href="/css/search.main.css?v=57" rel=stylesheet>
<style> <style>
@import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css"); @import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");

View file

@ -26,7 +26,7 @@
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<meta content="#715efb" name="theme-color"> <meta content="#715efb" name="theme-color">
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>

View file

@ -31,7 +31,7 @@
<meta content=@PoketaleBot name=twitter:site> <meta content=@PoketaleBot name=twitter:site>
<meta content=@PoketaleBot name=twitter:creator> <meta content=@PoketaleBot name=twitter:creator>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=8 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>

View file

@ -27,7 +27,7 @@
<meta name="theme-color" content="#414161"> <meta name="theme-color" content="#414161">
<meta http-equiv="content-language" content="en-us"> <meta http-equiv="content-language" content="en-us">
<meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover"> <meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
<link rel="stylesheet" href="/css/landing.css?v=243"> <link rel="stylesheet" href="/css/landing.css?v=244">
<link rel="stylesheet" href="/css/snow.css"> <link rel="stylesheet" href="/css/snow.css">
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link rel="manifest" href="/manifest.json"> <link rel="manifest" href="/manifest.json">

View file

@ -22,7 +22,7 @@
<title>Licenses - PokeTube</title> <title>Licenses - PokeTube</title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
<!-- fonts --> <!-- fonts -->

View file

@ -261,7 +261,7 @@ background: none !important;
</style> </style>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=45 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=564" rel=stylesheet> <link href="/css/watch.main.css?v=564" rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>
<link href="/css/watch-navbar.css?v=56" rel=stylesheet> <link href="/css/watch-navbar.css?v=56" rel=stylesheet>

View file

@ -27,7 +27,7 @@
<meta content="<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>" property="og:image" /> <meta content="<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>" property="og:image" />
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=8 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
<style> <style>

View file

@ -83,7 +83,7 @@ height: 100%;
<% if (type !== "copy_code") { %> <% if (type !== "copy_code") { %>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>

View file

@ -38,7 +38,7 @@
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<title> <%=info.artist%> - <%=info.title%></title> <title> <%=info.artist%> - <%=info.title%></title>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="/css/music.css?v=56" rel=stylesheet> <link href="/css/music.css?v=56" rel=stylesheet>

View file

@ -379,7 +379,7 @@ a[data-onclick="jump_to_time"] {
<!-- css files --> <!-- css files -->
<link href="/css/app-cdn.min.css" rel=stylesheet> <link href="/css/app-cdn.min.css" rel=stylesheet>
<link href="/css/app.main.css?v=4345" rel=stylesheet> <link href="/css/app.main.css?v=44600" rel=stylesheet>
<link href="/css/watch.main.css" rel=stylesheet> <link href="/css/watch.main.css" rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>
<link href="/css/watch-navbar.css" rel=stylesheet> <link href="/css/watch-navbar.css" rel=stylesheet>
@ -2131,7 +2131,7 @@ fetch(statsurl + "?browser=" + encodedBrowserName)
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<title> <%=inv_vid.title%> | PokeTube Mobile</title> <title> <%=inv_vid.title%> | PokeTube Mobile</title>
<link href="/css/mobile.css?v=2" rel=stylesheet> <link href="/css/mobile.css?v=2" rel=stylesheet>
<link href="/css/app.main.css" rel=stylesheet> <link href="/css/app.main.css?v=44600" rel=stylesheet>
<link href="<%- proxyurl %>/https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.css" rel=stylesheet> <link href="<%- proxyurl %>/https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.css" rel=stylesheet>
<link href=<%- proxyurl %>/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=<%- proxyurl %>/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>

View file

@ -21,8 +21,8 @@
<link href="/css/app-cdn.min.css" rel="stylesheet"> <link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="/css/app-cdn.min.css" rel="stylesheet"> <link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="/css/app.main.css" rel="stylesheet"> <link href="/css/app.main.css?v=44600" rel="stylesheet">
<link href="/css/search.main.css" rel="stylesheet"> <link href="/css/search.main.css?v=57" rel="stylesheet">
<meta content="#f97794" name="theme-color"> <meta content="#f97794" name="theme-color">
<link href="/css/watch.main.css" rel="stylesheet"> <link href="/css/watch.main.css" rel="stylesheet">
<link href="https://fonts.poketube.fun/css/fonts.css" rel="stylesheet"> <link href="https://fonts.poketube.fun/css/fonts.css" rel="stylesheet">

View file

@ -24,8 +24,8 @@
<link href="/css/app-cdn.min.css" rel="stylesheet"> <link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="/css/app-cdn.min.css" rel="stylesheet"> <link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="/css/app.main.css" rel="stylesheet"> <link href="/css/app.main.css?v=44600" rel="stylesheet">
<link href="/css/search.main.css" rel="stylesheet"> <link href="/css/search.main.css?v=57" rel="stylesheet">
<meta content="#f97794" name="theme-color"> <meta content="#f97794" name="theme-color">
<link href="/css/watch.main.css" rel="stylesheet"> <link href="/css/watch.main.css" rel="stylesheet">
@ -611,7 +611,7 @@ any 3rd party domain is proxied by our proxy (p.poketube.fun)
<!DOCTYPE html><head> <!DOCTYPE html><head>
<title>Poketube - Legal mumbo jumbo</title> <title>Poketube - Legal mumbo jumbo</title>
<link rel="stylesheet" href="/css/pv.main.css?v=5444" type="text/css" /> <link rel="stylesheet" href="/css/pv.main.css?v=5444" type="text/css" />
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=https://poketube.fun/css/yt-ukraine.svg rel=icon> <link href=https://poketube.fun/css/yt-ukraine.svg rel=icon>
<meta content=website property=og:type> <meta content=website property=og:type>
<meta content="PokeTube - Legal thingy to put you into sleep" property=og:title> <meta content="PokeTube - Legal thingy to put you into sleep" property=og:title>

View file

@ -25,8 +25,8 @@
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=/css/search.main.css rel=stylesheet> <link href=/css/search.main.css?v=57 rel=stylesheet>
<link href=/css/watch.main.css rel=stylesheet> <link href=/css/watch.main.css rel=stylesheet>
<link rel="search" type="application/opensearchdescription+xml" title="PokeTube" href="https://poketube.fun/api/opensearch" /> <link rel="search" type="application/opensearchdescription+xml" title="PokeTube" href="https://poketube.fun/api/opensearch" />
<meta content="Searching <%=q%> - PokeTube" property=og:title> <meta content="Searching <%=q%> - PokeTube" property=og:title>

View file

@ -23,8 +23,8 @@
<link rel="manifest" href="/manifest.json"> <link rel="manifest" href="/manifest.json">
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=333 rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=/css/search.main.css rel=stylesheet> <link href=/css/search.main.css?v=57 rel=stylesheet>
<link href=/css/watch.main.css rel=stylesheet> <link href=/css/watch.main.css rel=stylesheet>
<meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off --> <meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off -->
<meta content="Searching <%=q%> - Poke" property=og:title> <meta content="Searching <%=q%> - Poke" property=og:title>