f0ck/f0ckv2
3
4
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects Releases Wiki Activity

hover schmover

Browse Source
This commit is contained in:
Flummi 2022-05-18 15:55:34 +00:00 committed by schrumpel
parent 0bda378993
commit 8adee68835
2 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/s/css/f0ck.css
View File

@ -640,7 +640,7 @@ html[theme="f0ck95"] span#favs {
} }
html[theme="f0ck95"] .nav-link, .pagination > a, .pagination > span { html[theme="f0ck95"] .nav-link, .pagination > a, .pagination > span {
border-radius: 0px; border-radius: 0;
border-left: inset 1px silver; border-left: inset 1px silver;
border-bottom: outset 1px silver; border-bottom: outset 1px silver;
border-right: outset 1px silver; border-right: outset 1px silver;
@ -908,7 +908,7 @@ html[theme="f0ck95d"] span#favs {
} }
html[theme="f0ck95d"] .nav-link, .pagination > a, .pagination > span { html[theme="f0ck95d"] .nav-link, .pagination > a, .pagination > span {
border-radius: 0px; border-radius: 0;
border-left: inset 1px black; border-left: inset 1px black;
border-bottom: outset 1px black; border-bottom: outset 1px black;
border-right: outset 1px black; border-right: outset 1px black;
@ -1972,18 +1972,6 @@ div.about > div p {
margin-top: 0; margin-top: 0;
} }
a.id-link:hover:after {
content: "";
background-image: var(--hover-image);
border: 1px solid var(--accent);
height: 128px;
width: 128px;
display: inline-block;
position: absolute;
z-index: 999;
margin-left: 5px;
}
/* loginform */ /* loginform */
body[type='login'] { body[type='login'] {
display: flex; display: flex;
@ -2134,7 +2122,7 @@ img.avatar {
width: 24px; width: 24px;
margin: 0; margin: 0;
left: -7px; left: -7px;
top: 0px; top: 0;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
@ -2464,3 +2452,13 @@ table img {
.iconset#a_favo { .iconset#a_favo {
fill: var(--accent); fill: var(--accent);
} }
.imageDoor:hover:after {
content: "";
background-image: var(--hover-image);
height: 128px;
width: 128px;
display: inline-block;
position: absolute;
z-index: 999;
}

6
views/item.html
View File

@ -1,8 +1,8 @@
@include(snippets/header) @include(snippets/header)
<div class="container"> <div class="container">
<div class="_204863"> <div class="_204863">
<div class="imageDoor"> <div class="imageDoor" style="--hover-image: url('/t/{{ item.id }}.webp');">
<img src="/t/{{ item.id }}.webp" alt=""> <img src="/t/{{ item.id }}.webp" alt="" />
</div> </div>
<div class="gapLeft"> <div class="gapLeft">
<span class="populateME"><b>f0ck</b> - {{ item.id }}</span> <span class="populateME"><b>f0ck</b> - {{ item.id }}</span>
@ -59,7 +59,7 @@
</div> </div>
<div class="metadata"> <div class="metadata">
<span class="badge badge-dark"> <span class="badge badge-dark">
<a href="/{{ item.id }}" style="--hover-image: url('/t/{{ item.id }}.webp');" class="id-link">{{ item.id }}</a> <a href="/{{ item.id }}" class="id-link">{{ item.id }}</a>
@if(session) @if(session)
(<a id="a_username" href="/user/{{ user.name.toLowerCase() }}/f0cks@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>) (<a id="a_username" href="/user/{{ user.name.toLowerCase() }}/f0cks@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>)
@endif @endif